/*defaults all undesginated padding, margin, and borders to zero*/ * { padding: 0px; margin: 0px; border: 0px;} * html .visualIEFloatFix { height: 0.01%; } body { text-align: center; background: #ddd url(/images/css_template/background.gif) top left repeat; margin: 0px; padding: 0px 0px 25px 0px; border: 0px;} /*wrapper envelops the header, content, and footer stuff and keeps it all together*/ #wrapper { text-align: left; background-color: #fff; width: 780px; \width: 780px; w\idth: 780px; border: 0px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; position: relative;} /*----------------------------------------------Stuff in the header------------------------------*/ /*Notice that the head is a system of relative and absolute divs. Keeps every div within the head hard positioned in relation to the head. If things can't be found, it is probably because the absolute div just ain't big enough. You will have to fiddle a bit in here*/ #head { position: relative; background: #fff url(/images/css_template/search_header.gif) top left no-repeat; padding: 0px; margin-bottom: 5px; height: 24px;} #head ul { display: inline; margin: 0px; padding: 0px; list-style-image: none} #head li { display: inline; margin: 0px; padding: 0px 10px 0px 0px;} #head a:link { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #head a:visited { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #head a:hover { vertical-align: 50%; color: #0066CC; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #head a:active { vertical-align: 50%; color: #000066; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #seal { position: absolute; left: 0px; top: 0px; width: 23px; height: 24px; border: 0px; margin: 0px; padding: 0px;} #headlinks { position: absolute; left: 35px; top: 3px; width: 500px; height: 24px; border: 0px; margin: 0px; padding: 0px;} #search { position: absolute; left: 515px; top: 1px; width: 130px; height: 24px; border: 0px; margin: 0px; padding: 0px;} #googlestuff{ position: absolute; vertical-align: middle; left: 650px; top: 2px; width: 130px; height: 24px; border: 0px; margin: 0px; padding: 0px;} /*makes google search box the amazing color I chose. If form isn't given a class, it is invisible*/ #googlestuff .form { color: #060678; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #060678; background: #fff; padding: 1px 3px 1px 3px;} /*---------------------------End stuff in header-------------------------------------------*/ #content { padding: 5px 5px 5px 5px; margin-right: 210px; margin-left: 3px; background-color: none; position: relative;} #content p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content strong { padding-bottom: 10px; color: #666666; font: bold 9pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content ul { padding: 0px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content li { padding: 0px 0px 5px 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content h1 { padding-top: 10px;padding-bottom: 10px; color: #00007C; font: bold 19px Arial, Helvetica, Tahoma, sans-serif;} #content h2 { padding: 10px 0px 5px 0px; color: #00007C; font: bold 14px Arial, Helvetica, Tahoma, sans-serif; } #content h3 { padding-bottom: 5px; color: #666666; font: bold 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #content a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #content a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #content a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } /* this is the link style used for the breadcrumb trail */ #content p.crumb { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content .crumb { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content a.crumb:link { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content a.crumb:visited { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content a.crumb:hover { color: #0066CC; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content a.crumb:active { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } /* Leftovers from standard style sheet, not used but may need as reference or default later */ #content .note { color: #666666; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #content .caption { color: #666666; padding: 0; font: normal 7pt Arial, Helvetica, Tahoma, sans-serif; } #content a.caption:link { color: #666699; font: normal 7pt Arial, Helvetica, Tahoma, sans-serif; } #content a.caption:visited { color: #666699; font: normal 7pt Arial, Helvetica, Tahoma, sans-serif; } #content a.caption:hover { color: #0066CC; font: normal 7pt Arial, Helvetica, Tahoma, sans-serif; } #content a.caption:active { color: #666699; font: normal 7pt Arial, Helvetica, Tahoma, sans-serif; } #content .textonly { color: #666666; font: normal 6pt/6pt Arial, Helvetica, Tahoma, sans-serif; } /*form content not given a class tag will be invisible*/ #content .form { color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #888; background: #E4E4E4; padding: 1px 3px 1px 3px;} #content .select { color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #888; background: #E4E4E4; padding: 1px 3px 1px 3px;} /*default tables will be invisible but td tags with class="grey" will be kick-butt grey! Wow.*/ #content td { background: #fff; padding: 0px 0px 0px 3px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #content table { margin: 0px 0px 15px 0px;} #content td.grey { background: none; padding: 4px 4px 4px 4px; border: #E5E5E5 solid 1px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } /*This is to make all old head and subhead tags look correct but they SHOULD BE CONVERTED OVER TO H1 and H2*/ #content p.head { color: #00007C; font: bold 17px/18px Arial, Helvetica, Tahoma, sans-serif; } #content p.subhead { padding-bottom: 10px;color: #666666; font: bold 15px Arial, Helvetica, Tahoma, sans-serif; } #content ul.special { padding: 0px 0px 5px 0px; margin-left: 25px; list-style-image: url(/images/template_images/grey_arrow.gif); font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } /* This is for the emailer boxes*/ #content a.emailer { display: block; Margin: 5px 0px 15px 0px; padding: 0px; border: 1px solid #dedede; background-color: #f4f4f4; text-decoration: none; width: 200px; } #content a.emailer:link { color: #799eae; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #content a.emailer:visited { color: #799eae; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #content a.emailer:hover { color: #a80f04; border: 1px solid #a80f04; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #content a.emailer:active { color: #799eae; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #crumb { margin: 0px; padding: 0px 0px 10px 0px; background-color: #fff; } #crumb { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #crumb p { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #crumb br { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif;} #crumb a:link { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #crumb a:visited { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #crumb a:hover { color: #0066CC; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #crumb a:active { color: #666699; font: normal 8pt/8pt Arial, Helvetica, Tahoma, sans-serif; } #rightsidebar { position: relative; float: right; width: 205px; \width: 210px; w\idth: 205px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; background: none; } #rightsidebar p { padding: 0px; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar p.larger { padding: 5px 0px 5px 0px; color: #666666; font: bold 8pt Verdana, sans-serif; text-decoration: none; } #rightsidebar br { padding: 0px; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar a:link { color: #333399; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar a:visited { color: #000066; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar a:hover { color: #006FEB; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar a:active { color: #000066; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } /*This makes the grey arrow automatically show up as a bullet. Enables the links to be a regular old list*/ #rightsidebar ul { margin-left: 0px; padding-left: 25px; list-style: none; list-style-image: url(/images/css_template/grey_arrow.gif); color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar li {padding-bottom: 3px;} /*This keeps the grey arrow off of this class and moves the indents around to make it all fancy*/ #rightsidebar ul.logo { margin-left: 0px; padding-left: 23px; list-style-image: none; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #rightsidebar li.logo { padding-bottom: 10px;} #foot { background: #ddd url(/images/css_template/footer_back.gif) top left no-repeat; clear: both; padding: 0px; margin-top: 5px; background-color: #fff; text-align: center; height: 25px;} #foot p { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #foot ul { display: inline; margin: 0px; padding: 0px; list-style-image: none} #foot li { display: inline; margin: 0px; padding: 0px 10px 0px 0px;} #foot a:link { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #foot a:visited { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #foot a:hover { color: #333399; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #foot a:active { color: #666666; font: normal 7.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } /*-----------------------------------------special stuff--------------------------------------------------*/ /* This places fun stuff in the footer of the front page */ #footerlogo { position: absolute; left: 540px; top: -73px; width: 240px; height: 98px; border: 0px; margin: 0px; padding: 0px;} /*This is the bit that places the nice banner on the front pages*/ #libpictures { position: absolute; left: 0px; top: 24px; width: 780px; height: 171px; border: 0px; margin: 0px; padding: 0px; } /*These are the three columns for the front page*/ #front_left_column { float: left; vertical-align: top; text-align: left; width: 235px; padding: 0px 5px 0px 10px; background-color: #fff; } #front_left_column p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #front_left_column br { text-indent: 5px; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #front_left_column ul { margin-left: 0px; padding-left: 25px; list-style: none; list-style-image: url(/images/css_template/grey_arrow.gif); } #front_left_column a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_left_column a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_left_column a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_left_column a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_left_column li { padding: 0px 0px 5px 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #front_center_column { background: #fff; text-align: left; margin: 0px 250px 0px 250px;} #front_center_column p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #front_center_column br { text-indent: 5px; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #front_center_column a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_center_column a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_center_column a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_center_column a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_center_column li { padding: 0px 0px 5px 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #front_center_column ul { margin: 0px; padding-left: 25px; list-style: none; list-style-image: url(/images/css_template/grey_arrow.gif);} #front_right_column { float: right; vertical-align: top; text-align: left; background-color: #fff; padding: 0px 10px 0px 5px; width: 235px;} #front_right_column p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #front_right_column br { text-indent: 5px; color: #666666; font: normal 8pt/12pt Verdana, sans-serif; text-decoration: none; } #front_right_column ul { margin-left: 0px; padding-left: 25px; list-style: none; list-style-image: url(/images/css_template/grey_arrow.gif);} #front_right_column a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_right_column a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_right_column a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_right_column a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_right_column li { padding: 0px 0px 5px 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } /*This extends the front header to encompass the large banner*/ #front_head { position: relative; background: #fff url(/images/css_template/search_header.gif) top left no-repeat; padding: 0px; margin-bottom: 5px; height: 195px;} #front_head ul { display: inline; margin: 0px; padding: 0px; list-style-image: none} #front_head li { display: inline; margin: 0px; padding: 0px 10px 0px 0px;} #front_head a:link { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_head a:visited { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_head a:hover { vertical-align: 50%; color: #0066CC; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #front_head a:active { vertical-align: 50%; color: #000066; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } /*The erate stuff*/ #eratehead { position: relative; background: #fff url(../../templates/new_images/css_template/search_header.gif) top left no-repeat; padding: 0px; margin-bottom: 0px; height: 130px; } #eratehead ul { display: inline; margin: 0px; padding: 0px; list-style-image: none} #eratehead li { display: inline; margin: 0px; padding: 0px 10px 0px 0px;} #eratehead a:link { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratehead a:visited { vertical-align: 50%; color: #333399; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratehead a:hover { vertical-align: 50%; color: #0066CC; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratehead a:active { vertical-align: 50%; color: #000066; font: normal 9.5pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratelogo { position: absolute; left: 0px; top: 24px; width: 780px; height: 106px; border: 0px; margin: 0px; padding: 0px; } #eratecontent { padding: 15px 15px 15px 15px; margin: 0px 160px 0px 160px; background-color: #fff; border-left: dotted 1px #f1c2db; border-right: dotted 1px #f1c2db; } #eratecontent p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratecontent strong { padding-bottom: 10px; color: #666666; font: bold 9pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratecontent ul { padding: 0px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratecontent li { padding: 0px 0px 5px 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratecontent h1 { padding-top: 10px;padding-bottom: 10px; color: #00007C; font: bold 19px Arial, Helvetica, Tahoma, sans-serif;} #eratecontent h2 { padding: 10px 0px 5px 0px; color: #00007C; font: bold 14px Arial, Helvetica, Tahoma, sans-serif; } #eratecontent h3 { padding-bottom: 5px; color: #666666; font: bold 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratecontent a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratecontent a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratecontent a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratecontent a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratedeadlinebox { position: relative; float: right; width: 125px; \width: 125px; w\idth: 133px; padding: 10px 10px 10px 10px; margin: 20px 5px 0px 3px; background-color: #Fff; } #eratedeadlinebox p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratedeadlinebox ul { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratedeadlinebox li { padding: 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratedeadlinebox h1 { padding-top: 10px;padding-bottom: 10px;color: #00007C; font: bold 17px/18px Arial, Helvetica, Tahoma, sans-serif;} #eratedeadlinebox h2 { padding-bottom: 10px;color: #666666; font: bold 12px Arial, Helvetica, Tahoma, sans-serif; } #eratedeadlinebox a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratedeadlinebox a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratedeadlinebox a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratedeadlinebox a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratelinksbox { border: 1px; border-color: #999; position: relative; float: left; width: 125px; \width: 125px; w\idth: 133px; padding: 10px 10px 10px 10px; margin: 20px 5px 0px 3px; background-color: #Fff; } #eratelinksbox p { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratelinksbox ul { padding-bottom: 10px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratelinksbox li { padding: 0px; margin-left: 25px; color: #666666; font: normal 10pt Arial, Tahoma, Verdana, sans-serif; text-decoration: none; } #eratelinksbox h1 { padding-top: 10px;padding-bottom: 10px;color: #00007C; font: bold 17px/18px Arial, Helvetica, Tahoma, sans-serif;} #eratelinksbox h2 { padding-bottom: 10px;color: #666666; font: bold 12px Arial, Helvetica, Tahoma, sans-serif; } #eratelinksbox a:link { color: #333399; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratelinksbox a:visited { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratelinksbox a:hover { color: #0066CC; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; } #eratelinksbox a:active { color: #666699; font: normal 10pt Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; }