/* === DEFAULT STYLES ============================================================================================================= */ * {margin:0px; padding:0px; position:relative;} a, a:visited {text-decoration:none; color:#C9B581; font-weight:bold;} a:hover {color:#FFFFFF;} a img {border:none;} blockquote {margin-left:20px; margin-bottom:16px; padding-left:20px; border-left:2px #C5C5C5 solid; font-weight:normal; font-size:12px; color:#C5C5C5;} body {background:#242424 url(../_images/layout/docbody_bg.png) no-repeat top center; font-family:Arial, Helvetica, sans-serif;} h1, h2, h3 {font-weight:bold;} h1 {font-size:30px; color:#FFFFFF;} h2 {font-size:24px; color:#FFFFFF; margin-bottom:18px;} h3 {font-size:20px; color:#C9B581; margin-bottom:4px;} p + h3 {margin-top:30px;} h4 {font-size:16px; color:#FFFFFF; margin-bottom:4px;} hr {color:#C5C5C5; background-color:#C5C5C5; height:1px; border:none;} ol {margin-left:40px; font-weight:normal; font-size:12px; color:#C5C5C5;} ol li {margin-bottom:14px;} p {font-weight:normal; font-size:12px; color:#C5C5C5; line-height:18px; margin-bottom:16px;} table {font-weight:normal; font-size:12px; color:#C5C5C5; border-collapse:collapse; margin-bottom:16px;} th, td {padding:5px; border:1px #C5C5C5 solid;} ul {margin-left:40px; font-weight:normal; font-size:12px; color:#C5C5C5;} ul li {margin-bottom:14px;} .black1 {color:#171615} /* example: Related Products background color */ .black2 {color:#0A0A0A} /* example: header menu text */ .gold1 {color:#C9B581;} /* example: h2 text, anchors */ .graydark1 {color:#242424;} /* example: Document body ( tag) background color */ .graylight1 {color:#C5C5C5;} /* example: paragraph text, horizontal rule */ .graylight2 {color:#9C9C9C;} /* example: Text in sign-up form for Dale Forever Club */ .red1 {color:#ED1B2E;} /* example: Red in logo and anchors */ .white1 {color:#F3F4F3;} /* example: Text in sub footer */ #maincolumn img.leadimg {/*width:634px 642*/; height:234px /*242*/; border:4px #000000 solid; margin-bottom:16px; overflow:hidden;} #maincolumn #styles_sample {margin-top:100px;} #sidecolumn img.teaser {margin-bottom:12px; display:block;} #sidecolumn img.quicklinks_text {margin-bottom:12px; display:block;} /* === PAGE HEADER, MAIN MENU, PAGE BODY, PAGE FOOTER =========================================================================================== */ /* --- Page Header ----------------------------------------------------------------------------------------------------------- */ #pageheader {width:950px /*950*/; height:150px /*150*/; margin:0px auto; background:transparent;} /* ..... Logo ..... */ div#logo {width:221px; margin-right: 25px; height:79px; float:left; margin-top: 35px; background:url(../_images/assets/logo.png) no-repeat;} div#logo h1 a {width:221px; height:79px; display:block;} div#logo h1 a span {display:none;} /* ..... Header Features ..... */ div#headerfeatures {width:704px; height:150px /*150*/; float:left; } div.backtosite { position: absolute; width: 400px; top:13px; right: 5px; font-size: 12px; text-align: right; color: #FFFFFF; } img.headermenu_img { position: absolute; top: 66px; right: 230px; } ul#headermenu {width:222px /*256*/; height:21px /*24*/; padding:0px; list-style:none; margin:0px; margin-bottom:55px; position:absolute; top:66px; right:0px;} #headermenu li {float:left;} #headermenu a {display:block; height:24px; text-align:center; background:url(../_images/layout/headermenu.png) no-repeat;} #headermenu li a span {display:none !important;} #headermenu li#apply a {width:58px; background-position:0px 0px;} #headermenu li#faq a {width:50px; background-position:-58px 0px;} #headermenu li#pastwinners a {width:114px; background-position:-108px 0px;} div#newsticker {width:522px /*704*/; padding-left:180px; height:20px /*26*/; padding-top:4px; border:1px solid #555555; background:url(../_images/layout/newsticker_bg.png) repeat-x; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFFFFF; font-size:11px; position:absolute; left:0px; bottom:25px;} #newsticker a {font-weight:bold; text-decoration:none;} #newsticker a:hover {color:#FFFFFF;} #newsticker span.date {font-weight:bold; margin-right:5px;} div#newsticker div#ticker01 { position: relative; width: auto; height: 20px; overflow: hidden;} div#ticker01 ul { position: relative; list-style: none; height: 20px; overflow: hidden; margin: 0px; padding: 0px;} div#ticker01 ul li { float: left; margin: 0px; padding: 0px; list-style: none; padding-left: 0px; height: 20px; } /* --- Main Menu ----------------------------------------------------------------------------------------------------------- */ div#mainmenu_space {width:950px; height:58px; margin:0px auto; margin-bottom:20px;} body.landingpage div#mainmenu_space {margin-bottom:2px;} ul#mainmenu {width:950px; height:58px; padding:0px; margin:0px auto; margin-bottom:20px; list-style:none;} #mainmenu li {float:left;} #mainmenu li a {display:block; height:32px; text-align:center; background:url(../_images/layout/mainmenu.png) no-repeat;} #mainmenu li a span {display:none !important;} /* ..... idle ..... */ #mainmenu li#about a {width:110px; background-position:0px 0px;} #mainmenu li#programs a {width:146px; background-position:-110px 0px;} #mainmenu li#contribute a {width:167px; background-position:-256px 0px;} #mainmenu li#news a {width:99px; background-position:-423px 0px;} #mainmenu li#photos a {width:118px; background-position:-521px 0px;} #mainmenu li#contact a {width:137px; background-position:-639px 0px;} #mainmenu li#blank a {width:173px; background-position:-776px 0px;} /* ..... hover ..... */ #mainmenu li#about a:hover {background-position:0px -32px;} #mainmenu li#programs a:hover {background-position:-110px -32px;} #mainmenu li#contribute a:hover {background-position:-256px -32px;} #mainmenu li#news a:hover {background-position:-423px -32px;} #mainmenu li#photos a:hover {background-position:-521px -32px;} #mainmenu li#contact a:hover {background-position:-639px -32px;} /* ..... current ..... */ #mainmenu li#about a.current {background-position:0px -64px;} #mainmenu li#programs a.current {background-position:-110px -64px;} #mainmenu li#contribute a.current {background-position:-256px -64px;} #mainmenu li#news a.current {background-position:-423px -64px;} #mainmenu li#photos a.current {background-position:-521px -64px;} #mainmenu li#contact a.current {background-position:-639px -64px;} /* ..... Sub Menu ..... */ #mainmenu li span {display:none; height:23px; padding-top:3px; position:absolute; top:35px; background:none;} #mainmenu li.current span {display:block;} #mainmenu li#about span {width:930px /*950*/; padding-left:20px; position:absolute; left:0px;} /* 950 (menu space) - 0 (width of no preceeding button) = 950 (available space for About sub menu) */ #mainmenu li#programs span {width:820px /*840*/; padding-left:20px; position:absolute; left:0px;} /* 950 (menu space) - 110 (width of About button) = 840 (available space for Programs sub menu) */ #mainmenu li#contribute span {width:674px /*694*/; padding-left:20px; left:0px;} /* 950 (menu space) - 256 (width of About, Programs buttons) = 694 (available space for Contribute sub menu) */ #mainmenu li#news span {width:507px /*527*/; padding-left:20px; left:0px;} /* 950 (menu space) - 423 (width of About, Programs, Contribute buttons) = 527 (available space for News sub menu) */ #mainmenu li#photos span {width:630px /*640*/; padding-right:10px; right:0px; text-align:right;} /* 950 (menu space) - 310 (width of Contact, blank buttons) = 640 (available space for Photos sub menu) */ #mainmenu li#contact span {width:767px /*777*/; padding-right:10px; right:0px; text-align:right;} /* 950 (menu space) - 173 (width blank button) = 777 (available space for Contact sub menu) */ #mainmenu li span a {display:inline /* countermand #mainmenu li a {display:block} */; padding-right:10px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#242424;} #mainmenu li span a:hover {color:#FFFFFF;} #mainmenu li span a.current {color:#FFFFFF;} div#submenu {width:950px; height:26px; margin:0px auto; position:absolute; top:32px; background:transparent url(../_images/layout/submenu_bg.png) repeat-x;} /* --- Page Body ---------------------------------------------------------------------------------------------------------------- */ body #pagebody {width:950px; height:auto; margin:0px auto;} body.onecolumn #pagebody #maincolumn {width:950px /*950*/; padding-bottom:45px;} /* ************************************************************************************************************* Using padding-bottom:45px because margin-bottom does not work in IE6 and IE7 */ body.twocolumns #pagebody #maincolumn {width:642px /*642*/; margin-right:27px; float:left; padding-bottom:45px;} body.twocolumns #pagebody #sidecolumn {width:281px /*281*/; float:left; padding-bottom:45px;} /* ************************************************************************************************************* */ /* ************************************************************************************************************* Difference between .twocolumns and .twocolumns2 is that .twocolumns has the main column on the left and the side column on the right. .twocolumns2 has the main column on the right and the side column on the left*/ body.twocolumns2 #pagebody #sidecolumn {width:281px /*642*/; margin-right:27px; float:left; padding-bottom:45px;} body.twocolumns2 #pagebody #maincolumn {width:642px /*281*/; float:left; padding-bottom:45px;} /* ************************************************************************************************************* */ /* --- Page Footer ------------------------------------------------------------------------------------------------------------- */ #pagefooter {width:950px; height:auto; padding:15px 0px; border-top:1px #747474 solid; margin:0px auto; clear:both; color:#FFFFFF; font-weight:bold; font-size:10px;} #copyright {position:absolute; left:0px; top:10px;} #footermenu {position:absolute; right:0px; top:10px;} #footermenu ul {margin:0px; list-style:none; text-align:right;} #footermenu li {float:left; margin-left:15px;} #footermenu a {color:#FFFFFF; text-decoration:none; font-size:10px;} #footermenu a:hover {color:#C9B581;}