/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * Page Structure * *******************************************************************************/ body { background:url("images/body-back.png") 0 0 repeat-x #F8F8EA; font-family:arial; font-size:1em; color:#666; margin:0 ; line-height:140%} #container { margin: auto } h1, h2, h3 { color:#BE7140; font-family:georgia; font-weight:normal; letter-spacing:-.3px; text-transform:lowercase; line-height:1.25} #content h1 { margin-bottom:25px; } #header { width:823px; margin:auto; } #navigation { font-family:georgia; } #footer { background: #838383; color:#fff; font-size:80%; padding:15px 0; } #footer a { color:#fff; text-decoration:none; } #preamble { background:url("images/purple-preamble-backpng.png") 50% 0 repeat-x; height:125px; } #preamble h1 { color:#fff; position:relative; left:-50%; float:right; margin-right:-410px; width:823px; border:0px solid red; margin-top:35px; font-size:240%; line-height:110%} #footer-content { margin:auto; width:823px; } #page { width:823px; margin:auto; } #cta-container { background:url("images/ctas-bg.png") 0 0 repeat; clear:both; padding:20px 0;} #cta-container #cta { width:823px; margin:auto; } #content { width:542px; padding-right:20px; float:left; padding-top:15px; margin-bottom:15px; padding-bottom:30px; } #related { float:right; width:261px; padding-bottom:30px; } body #bottom-links { width:823px; margin:auto; overflow:auto; padding-top:15px;} body #bottom-links h2 { margin-bottom:20px; } body #bottom-links .panel { float:left; width:140px; border:0px solid red; padding-left:120px; margin-left:6px; margin-right:6px; _margin:0 3px; line-height:100%;} body #bottom-links .panel h3 { font-size:120%; width:100px; float:left; margin-left:-120px; _margin-left:-60px; line-height:120%;} body #bottom-links .panel ul { list-style:none; margin:0; padding-left:10px; border-left:2px solid #BE7140;} body #bottom-links .panel li { margin-bottom:0px; } body #bottom-links .panel p, body #bottom-links .panel a { font-size:70%; color:#666; text-decoration:none; } body #bottom-links .panel p { padding-left:10px; border-left:2px solid #BE7140; } body #bottom-links .panel p a { color:#EC6EA4; font-size:100%} .breadcrumbs { background:#EBEBD4; margin-right:-20px; font-family:georgia; padding:3px; color:#333; margin-bottom:35px; } .breadcrumbs a { color:#838383; text-decoration:none; } /******************************************************************************* * Common Styles * *******************************************************************************/ #header h1 { margin: 0 } #header img { border:none; position:relative; top:21px;} #navigation a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin:0; width:823px; margin:auto; text-align:right; position:relative; top:-15px;} #navigation li { display: inline; margin-right:0 } #navigation li a { color:#BE7140; text-decoration:none; padding:5px; font-weight:bold; letter-spacing:-1px;} #navigation li a:hover { background:#BE7140; color:#fff; } #footer ul { list-style: none; margin-left: 0; float:right; } #footer li { display: inline; margin-right: 1em } #related ul { margin:0; list-style:none;} #related li a, #related li span { display:block; } #related ul li a { display:block; color:#EC6EA4; font-family:georgia; font-size:120%; text-decoration:none; border-bottom:1px solid #EC6EA4; padding:7px 0; background:url("images/related-li-a-bg.png") 98% .4em no-repeat; padding-right:40px;} #related ul li a.active, #related ul li a:hover { background:url("images/related-li-a-hover-bg.png") 98% .4em no-repeat #FDF0F6; } body.content-page #content img { display:block; margin:0 auto; margin-bottom:15px; border:none;} #content ul { margin:15px 0; list-style:none; } #content li { background:url("images/content-li-back.png") 0 .6em no-repeat; margin-bottom:10px; padding-left:15px; } #content form { margin:0; } #content fieldset { margin:0; padding:0; border:0; } #content fieldset dt { font-family:georgia; color:#BE7140; margin-bottom:3px; } #content fieldset dd { margin:0; } #content fieldset dd * { width:450px; } #content fieldset textarea { height:200px;} #content table { border-collapse: separate; border:none; } #content th { border:none; background:#EC6EA4; color:#fff; } #content tr { border:none; } #content td { border:none; padding:5px; border-bottom:1px solid #EC6EA4; } #content th { padding:5px; } /******************************************************************************* * Call To Actions * *******************************************************************************/ .call-to-actions img { border:none; margin-left:6px; margin-right:6px; } #related .call-to-actions img { margin:0 0 15px 0; } #related h2 { background:url("images/related-h2-back.png") top right no-repeat; margin:0 -15px 0 -15px; padding:0 15px 12px 15px; margin-bottom:0;} #related .news-articles { margin-bottom:20px; } #related .news-archive-list h2 { background:none; border-bottom:1px solid #CECECE; margin:0; padding-left:0; background:url("images/related-content-back.png") top left no-repeat; margin:0 -15px; padding:20px 15px 15px 15px;} /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.home #preamble { height:248px; background:url("images/home-preamble.jpg") 50% 0 no-repeat;} body.home #content { padding-right:50px; _padding-right:40px; width:512px; padding-top:30px;} body.home #related { margin-top:-60px; padding-bottom:30px; } body.home #related h2 { background:url("images/home-related-back.jpg") 0 0 no-repeat; margin:0 -15px 15px -15px; padding:15px 15px 30px 15px; border:0px solid red; _position:relative; margin-bottom:0;} body.home #related .news-articles ul li { margin-bottom:15px; } body.home #related .news-articles ul li a { text-decoration:none; color:#BE7140; font-family:georgia; margin-bottom:15px; letter-spacing:-1px; font-size:120%; border:none; background:none;} body.home .news-articles span { font-size:80%; color:#999; margin-top:10px;} body.home #related a.more-news { background:url("images/more-news-link.png") 0 0 no-repeat; display:block; text-indent:-10000em; width:237px; height:43px; margin-bottom:-10px; } body.form #preamble { background:url("images/purple-preamble-back-plain.png") 50% 0 no-repeat; } body.right #content img { float:right; margin:0 0 15px 15px} body.no-nav #preamble { background:url("images/purple-preamble-back-plain.png") 50% 0 no-repeat; } /******************************************************************************* * Panelling * *******************************************************************************/ #related .section-navigation, #related .news-articles, #related .news-archive-list, #related .directory-search, #related .directory-navigation { background:url("images/related-back.jpg") bottom left no-repeat #fff; padding:0 15px 30px 15px; margin-bottom:25px; } /******************************************************************************* * Directory CSS * *******************************************************************************/ body.directory #content img { float:right; margin-bottom:15px; margin-left: 25px } body.directory #content h2 { clear:both; padding:15px 0 0 0; margin-top:15px; margin-bottom:15px;} body.directory #content dt { margin-bottom:-1.4em; font-weight:bold} body.directory #content dd { padding-left:70px; margin-bottom:5px; } body.directory #content strong { float:left; clear:left; margin-bottom:15px; width:300px; line-height:1em; color:#D04681; font-size:130%} body.directory #content em { letter-spacing:0; font-weight:bold; font-style:normal;} body.directory #content form dt { margin:0; font-weight:bold} body.directory #content form dd { margin:3px 0 0; padding:0; } body.directory #content .related-directory-listings { margin-bottom:15px; } body.directory #content .related-directory-listings h2 { border:0; padding:0; margin-top:0;} body.directory #content .related-directory-listings ul { list-style:none; margin:0; } body.directory #content .related-directory-listings ul li { padding:0 0 10px 10px} body.directory #related .directory-navigation h3 { margin:0; padding:0; border-bottom:1px solid #EC6EA4; padding:5px 0; }