/* * * edreamz Jan 2009 * */ /* * * Admin * (WYSIWYG Content) * */ h1 { color: #8a1228; font-weight: normal; font-size: 20px; font-family:Arial, Helvetica, sans-serif; line-height: normal;} h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal;} h3 { color: #00235c; font-weight: normal; font-size: 12px; line-height: normal;} h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;} a { color: #8a1228; text-decoration: none;} a:hover { color: #002e5c; text-decoration: none;} ul li{ margin-bottom: 5px;} ol li{ list-style: decimal; margin-bottom: 5px;} p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} /* * * Main Navigation * */ #mainNav { background: none; height: 38px; width: 564px; position:absolute; top:38px; right:0;} #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #mainNav li { margin:0; padding:0; list-style: none; display: inline;} #mainNav a { float: left; padding: 38px 0 0 0; overflow: hidden; height: 0px; } #mainNav a:hover { background-position: 0 -38px;} #mainNav .selected{ background-position: 0 -38px;} #about a { width: 153px; background: url(/images/structure/nav-about.gif) top left no-repeat;} #services a { width: 153px; background: url(/images/structure/nav-services.gif) top left no-repeat;} #principals a { width: 153px; background: url(/images/structure/nav-principals.gif) top left no-repeat;} #resources a { width: 105px; background: url(/images/structure/nav-resource.gif) top left no-repeat;} /* * * Top Navigation * */ #top-news a {width: 85px; background: url(../images/structure/top-news.gif) top left no-repeat;} #top-contact a {width: 75px; background: url(../images/structure/top-contact.gif) top left no-repeat;} #top-green a {width: 107px; background: url(../images/structure/top-green.gif) top left no-repeat;} #topNav {position:absolute; right:0; top:6px; margin: 0; padding: 0; height: 15px; list-style: none; display: inline; overflow: hidden;} #topNav li {margin: 0; padding: 0; list-style: none; display: inline;} #topNav a {float: left; padding: 15px 0 0 0; overflow: hidden; height: 0px !important; height /**/:15px; /* for IE5/Win only */} #topNav a:hover {background-position: 0 -15px;} #topNav a:active, #topNav a.selected {background-position: 0 -15px;} /* * * Secondary Navigation * */ #subNav { margin-bottom: 10px; padding: 0; background: url(../images/1pxgreyhorz.gif) repeat-x left top; font-size: 11px; width: 177px;} #subNav li { background: url(../images/1pxgreyhorz.gif) repeat-x left bottom; list-style:none; padding: 4px 0; margin:0; width: 177px;} #subNav a { display: block; font-weight: bold; width: 177px; line-height:15px; } #subNav a:hover {color: #002E5C; text-decoration:none;} #subNav .selected{color: #002E5C;} /* * * Layout / Formatting * */ #wrapper{ width: 772px; margin: 0 auto; background: #fff url(/images/structure/bg-pattern2.gif) repeat-x; position: relative;} body{ background: #fff url(/images/structure/bg-pattern2.gif) repeat-x; font-size: 12px; font-family:Verdana, Arial, sans-serif; color: #343434; line-height: 18px;} .body-home {background: #fff url(/images/structure/bg-pattern.jpg) repeat-x;} #hd { position: relative; height: 132px; background:none;} #hd span { position: relative; background: url(/images/structure/main-logo.png) no-repeat left top; width: 171px; height: 132px; top: 0; left: 9px; display: block;} #hd span a { position: absolute; width: 171px; height: 132px; text-indent:-9999em; display: block;} #container{ width: 772px; margin-top:-49px; padding-bottom: 0;} #welcome{clear: both; height: 373px; background: #fff url(/images/structure/flash-bg.jpg) repeat-x;} #welcome p{text-indent: -9999em; margin: 0; padding: 0;} #homecolumns{width:772px; margin: 0 auto; font-size: 11px;} #homecolumns .left .subHead, #homecolumns .right .subHead {float:left; height:33px; width:100%; display:block;} #homecolumns .right .subHead a.resources-link{float:left; background:url(/images/buttons/resources.gif) 0 0 no-repeat; text-indent:-9999em; width:94px; height:33px;} #homecolumns .right .subHead a.news-link{float:left; background:url(/images/buttons/news.gif) 0 0 no-repeat; text-indent:-9999em; width:293px; height:33px;} #homecolumns .right .subHead a.resources-link:hover, #homecolumns .right .subHead a.news-link:hover{ background-position:0 -33px;} #homecolumns .left{width: 385px; float: left; } #homecolumns .left .content {padding-right:22px; padding-left:10px; min-height:125px; margin:43px 0 10px 0;} #homecolumns .right{width: 387px; float: left;} #homecolumns .right .news {padding-right:35px; background:url(/images/1pxgreyvert.gif) 0 0 repeat-y; min-height:125px; margin:43px 0 10px 0; font-size:9px;} #homecolumns .right .news ul{padding-left:15px; line-height:13px; list-style:none; } #banner{clear: both; height: 176px;} #bodyLeft { width: 178px; float: left; margin: 15px 4px 10px 0; font-size:10px;} .cta {float:left; width:178px;} #bodyRight{ width:570px; background: #f3f7fb; float:left; margin: 15px 0 10px 0; padding: 5px 10px 10px 10px; font-size: 11px;} #bodyMain {width:752px; background: #f3f7fb; float:left; margin: 15px 0 10px 0; padding: 5px 10px 10px 10px; font-size: 11px;} /*this style is often used for news items with or w/o images and/or product listings*/ .infoRow {margin-top: 10px; padding-bottom:10px; background: none; border-bottom:1px solid #002e5c;} .infoRow .info-header{float:left; width: 260px; height: 12px; padding: 5px 0 5px 0; color: #8a1228; font-size:15px; } .infoRow .info-image{ width: 72px; float: left; padding: 8px; margin-right:10px;} .infoRow .info-image img{ border: #002e5c 1px solid;} .infoRow .info-text{ width: 200px; float: left; padding: 0; font-size:11px;} .infoRow .info-text a {text-decoration:none; color:#002e5c;} .infoRow .info-text a:hover{color:#8a1228; } .learn-more{ float: left; background:url(/images/bullet-arrow.gif) 0 4px no-repeat; padding-left:15px;} .infoRow .bio {float:left; width:360px; margin-right:10px;} .infoRow .bio-detail {float:left; width:170px; margin:0 10px 0 5px;} .infoRow .bio-text {float:left; width:550px; margin-top:-8px;} .infoRow .bio-text p{padding: 0 0 5px 0;} .infoRow .resource-header{ width: 750px; height: 20px; padding: 0; color: #002e5c; font-size:12px; font-weight:bold;} .infoRow .resource-text {float:left; width:750px; margin:0;} .pt{background: url(/images/services-bg.gif) no-repeat right bottom; width: 275px; margin:0 15px 15px 0; float: left; padding: 0 0 4px 0;} .pt p{padding: 0 10px 3px 5px; line-height:14px;} .pt h3{font-size: 15px; margin: 8px 5px; padding: 4px 0 2px 0; border-bottom: 1px solid #efefef; width: 260px; display:block;} .pt .more{display: block; text-align: right; padding: 0 10px 5px 0;} .pt img{margin: 0 0 5px 5px;} .pt h3 a{color:#002e5c;} .pt h3 a:hover{color:#8a1228;} /*events page*/ .date{ font-size: 10px; color: #666; line-height:14px;} .location{ font-size: 10px; color: #666; line-height:14px; margin-bottom:6px;} /*buttons*/ a.back {float:right; width:300px; height:20px; text-decoration:none; font-weight:bold; text-align:right;} a.register {background:url(/images/buttons/register.gif) 0 0 no-repeat; float:left; width:150px; height:22px;} .submit {background:url(/images/buttons/submit.gif) 0 0 no-repeat; float:left; width:150px; height:22px; text-indent:-9999em;} .send {background:url(/images/buttons/send.gif) 0 0 no-repeat; float:left; width:150px; height:22px; text-indent:-9999em;} a.register:hover, .submit:hover, .send:hover {background-position:-150px 0;} /*contact page*/ .infoContact {float:left; width:155px; margin: 10px 10px 0 0; padding-bottom:0; border-right:1px solid #002e5c; line-height:14px; } .contact-ov {float:left; margin:10px 0 0 10px; width:550px;} .phone-fax {color:#8a1228;} .contact-form {float:left; margin:-50px 0 0 168px;} /*site map*/ #site-map a {color:#002e5c;} #site-map a:hover {color:#8a1228;} #site-map li{ list-style:none; font-size:12px; font-weight:bold; color:#002e5c;} #site-map ul li {list-style:disc; font-size:11px; font-weight:normal;} /* * * Layout / Form * */ .form{ padding: 5px 5px 50px 5px; width: 460px; margin-left:3px;} .formRow{ margin-top: 10px;} .formItem { width: 210px; float: left;} .formItem .textfield{ width: 200px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 450px; float: left;} .formItemLong .textfield{ width: 450px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 450px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 210px; float: left;} .city .textfield{ width: 200px;} .state{ width: 45px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 210px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} .form-column {float:left; width:220px; background:url(/images/1pxgreyvert.gif) 0 0 repeat-y; margin-bottom:15px;} .names .textfield {margin-bottom:5px; width:190px;} .number {float:left; width:10px; color:#8a1228; margin-left:-13px; font-size:10px;} .explanation {float:left; width:450px; color:#8a1228; font-size:10px; margin-top:-10px;} #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;} /* * * Layout / Footer * */ #ft{color: #fff; padding-left: 0; font-size: 10px; width: 100%; line-height: 18px; font-family:Arial, Helvetica, sans-serif; margin-top:5px; } #ft .ftMain { width: 768px; margin: 0 auto; padding:2px 0 10px 2px; height:30px; background: #002E5C;} #ft .ftMain ul {float:left; margin:0; padding:0; display:inline; } #ft .ftMain ul li{display:inline; border-right:1px solid #fff; padding:0 6px 0 4px;} #ft .ftMain a{ color: #fff; text-decoration:none; } #ft .ftMain a:hover{ color: #85b0dc; text-decoration:none; } #ft .ftMain .ftBottom {width:760px; float:left; color:#8a1228; height:15px; margin-top:5px; padding:0 6px 0 0;} #ft .ftMain .ftBottom .ftBottom-Lt a {float:left; width:300px; margin-left:5px; color:#8a1228;} #ft .ftMain .ftBottom .ftBottom-Rt a{float:right; width:400px; margin:0; text-align:right; color:#8a1228;}