/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin:0px; padding:0px; list-style:none} img {border:none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color:#81796b; text-decoration:underline;} a:hover, a:active {color:#81796b; text-decoration:none;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width:760px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#81796b; background-color:#FFF;} #container {position:relative; width:760px; min-height:300px; margin:0 auto; left:0px; padding:0px; z-index:1;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; top:26px; width:760px; height:106px;} #branding h2 {position:absolute; left:-9997px;} #logo {width:353px; height:34px; margin-bottom:7px;} #contact {position:absolute; top:20px; left:457px;} #branding #contact p {font-size:11px; font-weight:bold; color:#9c917f;} #branding #contact span {color:#5c4d36;} #branding ol li.noline, #siteinfo ul li.noline {border:0px; margin:0px; padding:0px} /*Main Navigation*/ #nav {position:relative; width:760px;} #nav h2 {position:absolute; left:-8999px;} #nav ul {width:760px; height:31px;} #nav ul li {display:block; float:left;} #nav li a {display:block} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width:93px; height:31px; background:url(../images/nav/nav_home_o.gif) no-repeat; margin:0px;} #nav_written {width:138px; height:31px; background:url(../images/nav/nav_written_o.gif) no-repeat; margin:0px;} #nav_assessment {width:174px; height:31px; background:url(../images/nav/nav_assessment_o.gif) no-repeat; margin:0px;} #nav_references {width:119px; height:31px; background:url(../images/nav/nav_references_o.gif) no-repeat; margin:0px;} #nav_keystaff {width:103px; height:31px; background:url(../images/nav/nav_keystaff_o.gif) no-repeat; margin:0px;} #nav_contact {width:133px; height:31px; background:url(../images/nav/nav_contactus_o.gif) no-repeat; margin:0px;} #nav li#nav_help a:hover img {visibility:visible} #pg_home #nav_home img, #pg_written #nav_written img, #pg_assessment #nav_assessment img, #pg_references #nav_references img, #pg_keystaff #nav_keystaff img, #pg_contact #nav_contact img {visibility: hidden} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {position:relative;} #content h1 {position:absolute; left:-9996px;} #content ul {margin-bottom:12px;} #content ul li {list-style:square; list-style-position:inside; line-height:14px; margin:0px 0px 10px 25px;} #content ol {margin-bottom:12px;} #content ol li {list-style:none; list-style-position:outside; line-height:18px; margin:0px 0px 10px 25px;} p {margin:0px 0px 8px 0px; line-height:18px} h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#81796b; margin:0px 0px 12px 0px; padding:0px; line-height:18px;} h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; color:#7e4b28; margin:0px 0px 10px 0px; padding:0px; line-height:18px;} h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5c4d36; margin:0px; padding:0px; line-height:18px;} h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#a9bcb8; margin:0px; padding:0px; line-height:18px;} h5 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#81796b; margin:0px; padding:0px; line-height:18px;} h6 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#81796b; margin:0px; padding:0px; line-height:18px;} /* TINY MCE ---------------------------------------------------*/ .header_rust {font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; color:#7e4b28; margin:0px 0px 10px 0px; padding:0px; line-height:18px;} .header_tan {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#81796b; margin:0px; padding:0px; line-height:18px;} .header_white {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#FFF; margin:0px; padding:0px; line-height:18px;} .header_aquablue {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#a9bcb8; margin:0px; padding:0px; line-height:18px;} .subhead_brown {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5c4d36; margin:0px; padding:0px; line-height:18px;} .subhead_aquablue {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#a9bcb8; margin:0px; padding:0px; line-height:18px;} .subhead_tan {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#81796b; margin:0px; padding:0px; line-height:18px;} .white_copy {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#FFF; margin:0px 0px 8px 0px; padding:0px; line-height:14px;} .regular_copy {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#81796b; margin:0px 0px 8px 0px; padding:0px; line-height:18px;} .rust {color:#7e4b28;} .brown {color:#5c4d36;} .aquablue {color:#a9bcb8;} .tan {color:#81796b;} .lighttan {color:#9c917f;} .white {color:#FFF;} .tiny {font-size:11px;} .clear {clear: both;} .nobr {white-space: nowrap;} #title {height:102px;} * html #title {height:102px; margin-bottom:-3px} .line {width:760px; margin:0px auto; border-top:1px solid #9c917f; padding-bottom:7px;} .lineBox {position:relative; top:8px; border-top:1px solid #9c917f; width:700px; padding:25px 30px 15px 30px;} .brownBox {width:700px; margin:8px 0px; padding:15px 30px 8px 30px; background-color:#5c4d36;} .brownBox p {color:#FFF; font-size:11px; margin:0px 0px 8px 0px; line-height:14px} .brownBox a:link, .brownBox a:visited {color:#FFF; text-decoration:underline; font-size:11px;} .brownBox a:hover, .brownBox a:active {color:#a9bcb8; text-decoration:none; font-size:11px;} .left {float:left; width:325px; margin-right:20px;} #content ul li.nobullet {list-style:none; line-height:18px;} #content .infotable {width:650px; margin:0px 0px 18px 24px;} #content .infotable td, #content .infotable th {text-align:left; font-size:12px; border-bottom:1px solid #e2cd9a; padding:5px 0px} #content .infotable th {width:200px;} /* HOME CONTENT ---------------------------------------------------*/ #pg_home #content {position:relative; background:url(../images/bkg_content_hm.gif) repeat-y;} * html #pg_home #content {position:relative; background:url(../images/bkg_content_hm.gif) repeat-y; margin-bottom:-3px} #pg_home #text {padding:30px 40px 30px 190px; margin:0px; background:url(../images/logo_donnoe_rev.gif) 50px center no-repeat;} #pg_home #text p {color:#FFF;} #pg_home #flashcontent {height:225px; background-color:#5c4d36;} #pg_home #flashcontent p {color:#FFF; text-align:center; margin:100px} * html #pg_home #flashcontent {height:225px; margin-bottom:-3px} #pg_home p {font-size:11px; color:#f6e9d4; line-height:14px; margin:0px 0px 8px 0px;} #pg_home ul li {font-size:11px; color:#f6e9d4; list-style-position:outside;} #pg_home span {font-weight:bold; color:#FFF;} #pg_home #btm {position:relative; z-index:100; margin:0px auto; width:760px; top:0px; left:0px; padding:0px;} #pg_home #siteinfo {position:relative; z-index:100; margin:0px auto; width:740px; top:0px; left:0px; background-color:#9c917f; padding:5px 10px;} #pg_home #siteinfo cite {font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; color:#FFF;} /* Specific Pages ---------------------------------------------------*/ #pg_references #content ul {margin-bottom:20px;} #pg_references #content ul li {list-style:none; margin:0px; padding:0px; font-style:italic;} #pg_references h3 {text-align:center; border-bottom:solid 1px #e2cd9a; margin-bottom:10px;} #pg_contact h3 {margin-bottom:12px;} /* WRITTEN TESTS SECTION ---------------------------------------------------*/ #pg_written #border {position:relative; border:1px solid #9c917f; background:#FFF; padding:8px 0px;} #pg_written #bkgd {background:url(../images/bkg_written.jpg) repeat-y;} #pg_written #text {position:relative; background:url(../images/logo_donnoe_rev_written.gif) center right no-repeat; color:#FFF;} #pg_written .lineBox {padding:25px 30px 15px 30px;} #pg_written #rightBox {color: #fff; font-weight:bold; display: block; margin:0px; padding:0px;} #pg_written #rightBox ol {margin:0px; padding:0px;} #pg_written #rightBox li {font:19px Georgia, "Times New Roman", Times, serif; color:#FFF; margin:0px; padding:0px; width:428px; display: block; border-bottom:1px solid #FFF; background:url(../images/bul_tanbox_written.gif) 12px center no-repeat;} #pg_written #rightBox .last {border-bottom:none;} #pg_written #rightBox a:link, #pg_written #rightBox a:active, #pg_written #rightBox a:visited, #pg_written #rightBox a:hover {height:40px; padding:14px 0px 0px 20px; margin:0px 0px 0px 10px; color:#fff; text-decoration:none; display: block;} #pg_written .admin {position:absolute; top:0px; left:428px; width:283px; height:220px; background-color:#aa67d4; overflow:auto; padding:20px 20px 0px 20px; z-index:9999; visibility:hidden} #pg_written .bgc1 { background-color:#aa67d4; } #pg_written .bgc2 { background-color:#d8ad00; } #pg_written .bgc3 { background-color:#da1f00; } #pg_written .bgc4 { background-color:#2589cf; } #pg_written .bgc5 { background-color:#7e4b28; } #pg_written .bgc6 { background-color:#83c683; } #pg_written #text h2 {font-size: 14px; font-weight:bold; color:#FFF; margin:0px 0px 10px 0px; padding:0px;} /*#pg_written #rightBox a:link, #pg_written #rightBox a:active, #pg_written #rightBox a:visited {padding:14px 0px 14px 20px; margin:0px 0px 0px 10px; color: #fff; text-decoration:none; display: block; background:url(../images/bul_tanbox_written.gif) left center no-repeat;} #pg_written #rightBox a:hover {color: #fff; text-decoration:none; display:block; background:url(../images/bul_tanbox_written.gif) left center no-repeat;} */ /* FORM ---------------------------------------------------*/ .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .form_row {position:relative; margin:10px 0px; clear:right; height: 30px} .form_row2 {position:relative; margin:10px 0px; clear:right; height: 70px} .form_row3 {position:relative; margin:10px 0px; clear:right; height: 80px} .form_row4 {position:relative; margin:10px 0px; clear:right; height: 120px} .form_row5 {position:relative; margin:10px 0px; clear:right; height: 50px} .form_row6 {position:relative; margin:10px 0px; clear:right; height: 160px} .form_row table td {padding:5px;} .form_row table select, .form_row table input {width:60px;} .form_req {width:10px; float:left} .form_label {width:200px; height:25px; margin-top:3px; float:left} label {clear: right; display: block} label input {width: 40px} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {position:relative; z-index:100; top:0px; left:0px;} #siteinfo ul {background-color:#9c917f; margin:0px auto 20px; width:740px; padding:5px 10px; height:12px;} #siteinfo ul li {list-style:none; float:left; padding:0px 16px; border-right:1px solid #FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; color:#FFF;} #siteinfo ul li.last {border:none;} #siteinfo ul li.cite {padding:0px 0px 0px 5px; border:none;} #siteinfo a:link, #siteinfo a:visited {color:#FFF; text-decoration:none;} #siteinfo a:hover, #siteinfo a:active {color:#5c4d36;}