/* =Standards -----------------------------------------------------------------------------*/ html { min-height: 100%; background-color: #416b2b; } #wrapper { min-height: 100%; text-align: left; border: 0; width:969px; margin-top: 0px; margin-bottom: 0px; 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 .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 { height: 100%; margin-top: 0px; } body { background: url(../images/bodybkgMarch.jpg) no-repeat top left; } #headercontainer { width: 969px; height: 160px; padding: 0px; z-index: 15; margin-bottom: -50px; text-align: center; } #mainmenucontainer { width: 969px; height: 151px; position:relative; z-index: 20; } #childmenucontainer { width: 240px; height: 100%; position:relative; z-index: 20; float:left; text-align: left; margin: 26px 4px 0 0; } #topmenucontainer { width: 969px; height: 24px; position:relative; z-index: 20; } #pagetitlebarcontainer { width: 900px; height: 50px; position:relative; z-index: 20; margin-left: 18px; text-align: left; margin-top: -10px; margin-bottom: 20px; } #bodycontainer { width: 969px; position:relative; padding-bottom: 10px; text-align:left; z-index: 10; height: 100%; min-height: 1000px; background: url(../images/fullsitecolumn-bkg.png) repeat-y; } #footercontainer { width: 969px; position:relative; } #toppagebar { width: 100%; height:20px; background-color:#C6C9CA; } /* =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; } #footer a:link { color: #0099CC; text-decoration: none; } #footer a:visited { color: #CCC; } #footer a:hover { color: #CC6633; text-decoration: underline; } #footer a:active { color: #CCC; } #childmenucontainer li a:link { color: #0099CC; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #childmenucontainer li a:visited { color: #0099CC; text-decoration: underline; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #childmenucontainer li a:hover { color: #00769D; text-decoration: underline; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #childmenucontainer li a:active { color: #0099CC; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #relatedlinkscontainer h6 { font-size:13px; color:#999999; font-weight: normal; text-align: left; font-family: Arial, Helvetica, sans-serif; margin: 0 0px 15px 0px; } #relatedlinkscontainer p {margin-bottom:9px;} #relatedlinkscontainer a {line-height:14px;} #relatedlinkscontainer a:link { color: #999999; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:visited { color: #000000; text-decoration: underline; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:hover { color: #000000; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:active { color: #000000; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5pt; } /* =Top Menu CSS -----------------------------------------------------------------------------*/ #topmenu { width: 405; height: 24px; background: url(../images/menu/topmenusprite.png); margin: 0; padding: 0; position: relative; } #topmenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #topmenu li, #topmenu a { height: 24px; display: block;} /* =CHILD Menu CSS -----------------------------------------------------------------------------*/ #childmenu { width: 145px; height: 100%; position: relative; margin-left:80px; } #childmenu li { margin: 0; list-style: none; float:left; text-align:right; padding-top:8px; padding-bottom:8px; position: relative; top: 0; background:url(../images/childmenu.png) no-repeat; height:100%; width:145px; } #childmenu li, #childmenu a { display: block; text-align:left; } /* =Main Menu CSS -----------------------------------------------------------------------------*/ #mainmenu { width: 969; height: 151px; background:url(../images/fullmainmenu.png); margin: 0; padding: 0; position: relative; } #mainmenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #mainmenu li, #mainmenu a { height: 151px; display: block;} /* = Main Menu Placment of Links -------------------------------------*/ #logo { left: 0; width: 339px; } #home { left: 339px; width: 88px; } #aboutus { left: 427px; width: 115px; } #getinvolved { left: 542px; width: 146px; } #programs { left: 688px; width: 124px; } #resources { left: 812px; width: 157px; } /* = Main Menu Hover of Links -------------------------------------*/ #logo a:hover { background: url(../images/fullmainmenu.png) 0 -151px no-repeat;} #home a:hover { background: url(../images/fullmainmenu.png) -339px -151px no-repeat;} #aboutus a:hover { background: url(../images/fullmainmenu.png) -427px -151px no-repeat;} #getinvolved a:hover { background: url(../images/fullmainmenu.png) -542px -151px no-repeat;} #programs a:hover { background: url(../images/fullmainmenu.png) -688px -151px no-repeat;} #resources a:hover { background: url(../images/fullmainmenu.png) -812px -151px no-repeat;} /* = Main Menu ON-PAGE of Links -------------------------------------*/ #home-on { background: url(../images/fullmainmenu.png) -339px -302px no-repeat; left: 339px; width: 88px;} #aboutus-on { background: url(../images/fullmainmenu.png) -427px -302px no-repeat; left: 427px; width: 115px;} #getinvolved-on { background: url(../images/fullmainmenu.png) -542px -302px no-repeat; left: 542px; width: 146px;} #programs-on { background: url(../images/fullmainmenu.png) -688px -302px no-repeat; left: 688px; width: 124px;} #resources-on { background: url(../images/fullmainmenu.png) -812px -302px no-repeat; left: 812px; width: 157px;} /* =Sub Menu -----------------------------------------------------------------------------*/ /* =Main Content -----------------------------------------------------------------------------*/ .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; line-height: 15pt; } #contentcontainer { float:left; width:640px; text-align:left; height: 100%; padding-bottom: 100px; margin-left: 28px; margin-top: 26px; } #relatedlinkscontainer { float:right; width:160px; height: 100%; padding: 0px 10px 5px 5px; text-align: right; margin: 20px 18px 0 0; } #contentcontainer strong { color:#063F05; } #contentcontainer p { margin-bottom: 13px; line-height: 18px; } #contentcontainer h1 { font-size: 19px; margin-bottom:18px; text-align: left; font-family:Arial, Helvetica, sans-serif; color:#009900; font-weight: normal; } #contentcontainer h2 { font-size: 15px; margin-bottom:13px; text-align: left; font-family:Arial, Helvetica, sans-serif; color:#006600; margin-top: 22px; font-weight: normal; } #bodycontainer #contentcontainer ul { margin-bottom:35px; } #contentcontainer li { background:url(../images/bull.jpg) top left no-repeat; margin-left: 2px; list-style: images/bullet .png; font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; text-align:left; color:#050536; position:relative; width: 600px; list-style: none; padding: 0 0 8px 15px; } #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 -----------------------------------------------------------------------------*/ /*START CONVEYE LINK*/ #conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; } #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*/