img, div, .transmaker { behavior: url(iepngfix.htc) } /* =Standards -----------------------------------------------------------------------------*/ html { min-height: 100%; background-color: #F3F3F3; } #content { background-color: #009999; text-align: left; margin-left: auto; margin-right: auto; } #wrapper { min-height: 100%; text-align: left; border: 0; width:988px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; position: relative; } * { border: 0; padding: 0; margin: 0; text-align: left; }/* Set everything to "zero" */ html, body { min-height:100%; /*for compliant browsers*/ font: x-small Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;/*for IE 5.5 */ font-size: 100%; line-height: 1.125em; } /*non-content: e.g., -navigation lists, etc. Slightly smaller than content text {font-size:0.75em;} */ ul li { float: left; /* cure IE5.x "whitespace in lists" problem */ width: 100%; } ul li a { height: 1%; /* make links honour display: block; properly */ } /* 100% height for compliants, enwraps floated content*/ #html #wrapper { height:100%; }/* and feed IE what it needs */ html, body, p, th,td, li, dd, dt { font: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; text-align: center; } p { font-family:Arial, Helvetica, sans-serif; color:#3F3844; font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; } .clear { clear:both; } h1 { font-size: 2.0em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h6 { font-size: 0.8em; }/* Defined default Header sizes*/ a:link, a:visited, a:focus, a:hover, a:active { background-color:none; }/*s.508 Accessibility*/ a:link { color: #00f; } a:visited { color: #009; } a:focus, a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ a:active { color: #0cf; } .clear { clear:both; height:1px; overflow:hidden; } /* =Overall Structure -----------------------------------------------------------------------------*/ #wrapper { background:url(../images/body/vertbkg.gif) repeat-y; height: 100%; } body { background:url(../images/pagebkg.jpg) repeat-x; } #headercontainer { width: 988px; height: 193px; padding: 0px; background: url(../images/header-1.png); } #menucontainer { width: 988px; height: 52px; position:relative; } #bodycontainer { width: 900px; position:relative; padding-left: 75px; padding-bottom: 10px; text-align:left; padding-top: 15px; min-height: 700px; background:url(../images/bodybkg.png) repeat-y; } #footercontainer { width: 988px; position:relative; padding-top: -30px; } /* =Typography -----------------------------------------------------------------------------*/ /* =Headings -----------------------------------------------------------------------------*/ /* =Links -----------------------------------------------------------------------------*/ a.regularlink:link { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0AA3AF; line-height: 21px;} a.regularlink:hover { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; line-height: 21px; text-decoration: underline; } a.regularlink:visited { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } a.regularlink:active { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } #footercontainer a { font-size: 12px; } #footercontainer a:link { color: #666666; text-decoration: none; } #footercontainer a:visited { color: #999999; text-decoration: none; } #footercontainer a:hover { color: #0033CC; text-decoration: underline; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ #footercontainer a:active { color: #0033CC; } #leftsubmenu { font-size:13px; color:#49424F; text-align:left; line-height: 15pt; float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;} #leftsubmenu a:link { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;} #leftsubmenu a:visited { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#666666;} #leftsubmenu a:hover { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#B75B00; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ #leftsubmenu a:active { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; } #leftsubmenu li { width: 12px; height: 13px; margin-left: -22px; position:relative; list-style:none; background: transparent url(../images/body/triangle.png) 8px 12px no-repeat; background-position:left 1px; margin-top: 1px; } /* =Main Menu CSS -----------------------------------------------------------------------------*/ #menu { width: 988; height: 52px; background: url(../images/mainmenu.png); margin: 0; padding: 0; position: relative; } #menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #menu li, #menu a { height: 52px; display: block;} /* = Main Menu Placment of Links -------------------------------------*/ #vol { left: 0; width: 158px; height: 52px; } #our { left: 158px; width: 116px; height: 52px; } #prog { left: 274px; width: 116px; height: 52px; } #events { left: 390px; width: 97px; height: 52px; } #space { left: 487px; width: 144px; height: 52px; } #home { left: 631px; width: 66px; height: 52px; } #board { left: 697px; width: 165px; height: 52px; } #contact { left: 862px; width: 126px; height: 52px; } /* = Main Menu Hover of Links -------------------------------------*/ #vol a:hover { background: url(../images/mainmenu.png) 0 -52px no-repeat; height: 52px;} #our a:hover { background: url(../images/mainmenu.png) -158px -52px no-repeat; height: 52px;} #prog a:hover { background: url(../images/mainmenu.png) -274px -52px no-repeat; height: 52px;} #events a:hover { background: url(../images/mainmenu.png) -390px -52px no-repeat; height: 52px;} #space a:hover { background: url(../images/mainmenu.png) -487px 0px no-repeat; height: 52px;} #home a:hover { background: url(../images/mainmenu.png) -631px -52px no-repeat; height: 52px;} #board a:hover { background: url(../images/mainmenu.png) -697px -52px no-repeat; height: 52px;} #contact a:hover { background: url(../images/mainmenu.png) -862px -52px no-repeat; height: 52px;} /* = Main Menu ON-PAGE of Links -------------------------------------*/ #vol-on { background: url(../images/mainmenu.png) 0 -104px no-repeat; width: 158px; left: 0; height: 52px;} #our-on { background: url(../images/mainmenu.png) -158px -104px no-repeat; left: 158px; width: 116px; height: 52px;} #prog-on { background: url(../images/mainmenu.png) -274px -104px no-repeat; left: 274px; width: 116px; height: 52px;} #events-on { background: url(../images/mainmenu.png) -390px -104px no-repeat; left: 390px; width: 97px; height: 52px;} #space-on { background: url(../images/mainmenu.png) -487px -104px no-repeat; left: 487px; width: 144px; height: 52px;} #home-on { background: url(../images/mainmenu.png) -631px -104px no-repeat; left: 631px; width: 66px; height: 52px;} #board-on { background: url(../images/mainmenu.png) -697px -104px no-repeat; left: 697px; width: 165px; height: 52px;} #contact-on { background: url(../images/mainmenu.png) -862px -104px no-repeat; left: 862px; width: 126px; height: 52px;} /* =Sub Menu -----------------------------------------------------------------------------*/ /* =Main Content -----------------------------------------------------------------------------*/ .pagetitle { font-size:24px; color:#003399; font-weight:normal; letter-spacing:.5px; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .myhr { width:100%; height:1px; margin: 5px 0 23px 0; } .floatingleft { float: right } .bodytext { font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; } #footercontainer p { font-size:11px; color:#999999; line-height: 11pt; } #bodycontainer p { font-size:13px; color:#000033; text-align:left; } #contentcontainer { float:left; width:850px; text-align:left; height: 100%; padding-bottom: 100px; } #contentcontainer strong { color:#003399; } #contentcontainer p { margin-bottom: 20px; font-size:12px; } #contentcontainer h1 { font-size: 16px; text-align: left; font-family:Arial, Helvetica, sans-serif; } #bodycontainer #contentcontainer ul {margin-top:-15px; margin-bottom:35px; } #contentcontainer li { padding-left: 20px; margin-left: 15px; list-style: none; font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; text-align:left; color:#003366; position:relative; background: transparent url(../images/body/triangle.png) 8px 12px no-repeat; background-position:left 0px; margin-bottom: 5px; width: 600px; } #bodycontainer #contentcontainer ul li ul { margin-top:3px; } /* =Secondary Content -----------------------------------------------------------------------------*/ /* =Footer -----------------------------------------------------------------------------*/ /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Misc 1 -----------------------------------------------------------------------------*/ /* =Misc 2 -----------------------------------------------------------------------------*/ .pullquote { font-size: 12px; margin: 0 0 0 20px; } /*START CONVEYE LINK*/ #conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; margin-top: 20px; } #conveyelink a { width:204px; height:116px; display:block; background: transparent url(http://www.conveye.com/permalinks/conveye-link-medium.png) no-repeat; background-position: 0px 0px; } #conveyelink a:hover { background-position: -204px 0px; } #conveyelink a:active { background-position: -204px -1px; border:medium; } /*END CONVEYE LINK*/ #wrapper #bodycontainer #contentcontainer .contactformcontainer { float: right; height: 335px; width: 390px; margin: 0 0 0 0; top: 60px; padding: 0px; border: 0px; } #wrapper #bodycontainer #contentcontainer #boardpagetablefloats { float: left; width: 251px; margin: 0 0 0 20px; } #wrapper #bodycontainer #contentcontainer #boardpagetablefloats strong { color: #003399; font-size: 15px; line-height: 35px; } #wrapper #bodycontainer #contentcontainer #vollettercontainer { float: left; width: 420px; display: block; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer { display: block; float: right; height: 200px; width: 390px; margin: 0 0 0 5px; padding: 10px; } #wrapper #bodycontainer #contentcontainer #eventslistingcontainer { float: left; width: 850px; display: block; } #wrapper #bodycontainer #contentcontainer #eventsrightadspace { float: right; width: 270px; display: block; margin: 0 0 0 35px; padding: 10px; height: 400px; background-color: #EAEBF5; } #wrapper #bodycontainer #contentcontainer #homeintroletter { float: left; width: 850px; display: block; } #wrapper #bodycontainer #contentcontainer #homerightadspace { float: right; width: 270px; display: block; margin: 0 0 0 35px; padding: 10px; height: 400px; background-color: #EAEBF5; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td { font-size: 13px; color: #666666; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(../images/sendmessage.gif) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td { font-size: 13px; color: #666666; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(../images/sendmessage.gif) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; } .homepic { float: right; margin: 0 0 0 35px; }