/* --------- BASIC HTML CSS ------------ */html { height: 100%; }body { color: #444; font-size: 12px; font-family: tahoma; background: #9fb8e2 url(../images/main-bg.jpg) no-repeat fixed center; height: 100%; margin: 0; }td { font-size: 12px; }a:link { color: #4674b5; }a:visited { color: #8ca1b5; }a:hover { color: #00623f; text-decoration: none; }a:visited:hover { color: #00623f; text-decoration: none; }h1 { color: #00623f; font-size: 18px; font-weight: bold; line-height: 21px; margin: 0 0 8px; padding: 0; }h2 { color: #003c96; font-size: 15px; margin-top: 0; margin-bottom: 10px; padding: 0; }h3 { color: black; font-size: 13px; margin-top: 0; margin-bottom: 10px; padding: 0; }p { margin-top: 0; margin-bottom: 15px; padding: 0; }img { border-style: none; }#no-bg { background-image: none; }#sub-bg { background: #9fb8e2 url(../images/main-bg.jpg) no-repeat fixed center -218px; height: 100%; margin: 15px 0 0; }/* --------- HOME PAGE CSS ------------ */#video { background-color: #C3D2E7; text-align: center; width: 245px; padding-top: 8px; }#get-flash { color: white; width: 926; text-align: center; font-size: 13px; font-weight: bold; }#get-flash a { color: white; text-decoration: underline; }/* --------- HEADER AREA CSS ------------ */.home-table { background-color: #fff; border-color: #fff; border-style: solid; border-width: 13px 11px; }.home-table td { text-align: left; }.sub-table { background-color: #fff; border: solid 7px #fff; }.sub-table td { text-align: left; }#search-top { position: absolute; top: 75px; width: 160px; margin-left: 792px; background-color: transparent; }form#search-form { margin: 0; padding: 0; }form#home-search { margin-top: 55px; margin-bottom: 0; margin-left: 777px; padding: 0; }#main-home-hdr { background-color: #dfe5f1; background-image: url(../images/main-hdr.jpg); background-repeat: no-repeat; height: 95px; }#main-search-box { color: #E8ECF6; font-size: 11px; background-color: #ABC0DD; width: 107px; height: 14px; margin: 0 4px 0 0; padding: 0 0 0 2px; border: solid 1px; vertical-align: top ; outline-style: none; }#special-hdr { color: #fff; font-size: 16px; font-weight: bold; background-color: #6F7C84; text-align: center; padding-top: 2px; padding-bottom: 2px; }.hdr img { display: block }/* --------- CONTENT AREA CSS ------------ */#crumbs { color: #999; background-image: url(../images/main-crumb-bg.jpg); background-repeat: no-repeat; width: 698px; height: 32px; }#crumbs a { color: #4674b5; text-decoration: none; }#crumbs a:visited { color: #4674b5; }#crumbs a:hover { color: #fff; background-color: #003c96; text-decoration: none; }#crumbs a:visited:hover { color: #fff; background-color: #003c96; text-decoration: none; }#crumbs strong { color: #00623f; font-weight: normal; }.crumb-pad { font-size: 10px; line-height: 10px; padding-top: 14px; padding-right: 20px; padding-left: 21px; }#content-wrapper { margin-left: 20px; }.content { line-height: 18px; float: left; clear: right; width: 488px; margin-bottom: 20px; }h1.content-hdr { top: -16px; width: 500px; clear: left; margin: 0 0 20px 20px; padding: 15px 0 0; }#actions { width: 115px; height: 16px; float: right; clear: right; margin-right: 7px; padding-top: 19px; }.content-bg { background-image: url(../images/main-content-ftr.gif); background-repeat: repeat-x; background-position: 50% bottom; vertical-align: top; padding-bottom: 20px; width: 698px;  }.content ul { margin: 10px 0 10px 8px; padding: 0; }.content li { margin: 0 0 3px 15px; list-style-image: url(../images/li.gif); cursor: hand; }.content ol li { list-style-image: none; }.subpages a { text-decoration: none; font-size: 14px; }.content h1 { display: none; }#ftr-links { float: none; clear: both; }#ftr-links a { text-decoration: none; }#credits { color: #fff; font-size: 11px; text-align: right; padding-top: 20px; padding-right: 20px  ; padding-bottom: 20px; }#credits a { color: #fff; text-decoration: none; }/* --------- PHOTO AREA CSS ------------ */.photo-area { float: left; }.photo-area img { display: block }#photo { background-color: #cfdbec; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; }#photo-caption { color: #000; font-size: 12px; font-style: italic; line-height: 14px; background-color: #ffc; padding: 7px 7px 8px 8px; }#hoverpopup0 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }#hover-position0 { position: relative; top: -170px; left: 170px; display: none; }#hoverpopup1 { position: absolute; width: 400px; display: none; border-bottom: 20px solid #fff; }#hover-position1 { position: relative; top: -340px; left: 170px; display: none; }#hoverpopup2 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }#hover-position2 { position: relative; top: -340px; left: 170px; display: none; }#hoverpopup3 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }#hover-position3 { position: relative; top: -340px; left: 170px; display: none; }#hoverpopup4 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }#hover-position4 { position: relative; top: -340px; left: 170px; display: none; }/* --------- PRINT CSS ------------ */.showPrint { float: none; clear: both; display: none   }/* --------- DROPDOWN MENU CSS ------------ */#menu-top { position: absolute; top: 114px; width: 900px; margin-left: 45px; background-color: transparent; }#wrapper { position: relative; margin: auto; width: 952px;}.menu { background-image: url(../images/main-menu-bg.jpg); background-repeat: no-repeat; background-position: 0 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 35px; }#nav, #nav ul { float: left; list-style: none; line-height: 1; background: transparent; font-size: 10px; font-family: tahoma, arial; padding: 0; margin: 0; text-transform: uppercase; }#nav a { display: block; color: #00623F; text-decoration: none; padding: 4px 10px 4px 10px; border-bottom: 1px solid #fff; }#nav a.daddy { background-image: url(../images/main-daddy-bg.gif); background-repeat: no-repeat; background-position: right 3px; letter-spacing: 1px; padding: 3px 8px 2px; }#nav li { float: left; padding: 0; width: auto; }#nav li ul { position: absolute; left: -999em; height: auto; width: 180px; w\idth: 180px; margin: 0; background-color: #e2edea; border-right: 1px solid #fff; border-left: 1px solid #fff; }#nav li li { padding-right: 0; width: 180px; }#nav li ul a { width: 180px; w\idth: 160px; }#nav li ul ul { margin: -19px 0 0 140px; border-left: 1px solid #64A08A;}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }#nav li:hover, #nav li.sfhover { background-color: #A9CABE; }#nav a:hover { color: #fff; background-color: #a3bad9; background-image: url(../images/main-hover-bg.gif); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }#nav a:visited:hover { color: #fff; background-color: #a3bad9; background-image: url(../images/main-hover-bg.gif); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }/* --------- SITE MAP CSS ------------ */div.content ul#nav { float: none; line-height: 14px; background: white; font-size: 12px; font-family: tahoma, arial; text-transform: uppercase; list-style-type: disc; }div.content #nav a { display: inline; color: #00623f; text-decoration: underline; border-style: none; }div.content #nav a.daddy { background-image: none; letter-spacing: 1px; padding: 3px 10px 2px; }div.content #nav li { float: none; padding: 0; width: auto; }/* --------- SIDEBAR CSS ------------ */.sidebar { background-image: url(../images/main-sidebar-bg.jpg); background-repeat: repeat-y; vertical-align: top; width: 221px; }.sidebar h2 { font-size: 18px; text-align: left; margin-top: 3px; margin-bottom: 11px; margin-left: 12px; }.sidebar h3 { font-size: 12px; font-weight: normal; line-height: 12px; background-color: #ffffe4; margin: 10px 13px 0; padding: 3px; }.sidebar img { display: block }.related-resources { background-image: url(../images/main-resources-bg.jpg); background-repeat: no-repeat; padding: 10px 15px; }.tsr-pg { font-size: 11px; line-height: 14px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #a3bad9; }.tsr-pg-title a { font-weight: bold; text-decoration: none; }.tsr-pg-abstract {  }/* --------- ACCORDION CSS ------------ */h3.toggler { color: #4674b5; margin: 0; background: #fff url(../images/main-quicklinks-bg.gif) no-repeat; font-size: 11px; line-height: 11px; padding-top: 4px; padding-bottom: 5px; padding-left: 15px; cursor: pointer; }.element { background-color: #f3f5f9; }.element p { font-size: 11px; line-height: 14px; margin: 0; padding: 10px 10px 15px 15px; border-top: 1px solid #99b3d8; border-bottom: 1px solid #99b3d8; }/* --------- CALENDAR CSS ------------ */#calendar-wrapper { margin: 20px 0 20px 20px; }#calHdr { background-color: #4674b5 }#calThumbs   { float: left; margin-top: 7px; margin-right: 20px; margin-left: 0; padding-right: 20px; border-right: 1px dotted #dedede; width: 440px }#calThumbs h2 { font-size: 13px; line-height: 15px; margin: 0px; padding: 0px; border: none }#calThumbs p  { font-size: 12px; line-height: 15px; margin: 0px 0px 10px; padding-top: 0px; padding-bottom: 10px; border-bottom: 1px dotted #dedede }#calThumbs em { font-size: 12px; line-height: 15px }#eventDetail   { float: left; margin-top: 7px; margin-right: 20px; margin-left: 10px; padding-right: 20px; border-right: 1px dotted #dedede; width: 440px }#calNav { float: left; margin-top: 10px; width: 170px }.calContent { 	line-height: 18px;	text-align: left;	padding-left: 10px 	}.calContent a:link {	font-weight: normal; 	text-decoration: none 	}.calContent a:visited { 	font-weight: normal 	}.calContent div#crumbs { 	margin-right: 20px 	}li.greyed-out { 	color: #ccc; 	font-size: 11px 	}div#events p {	line-height:1.4	}div#categories input { 	font-size: 11px 	}div#categories li { 	margin-left: -22px 	}.calendar-prev a  { color: white; font-size: 14px; line-height: 14px }.calendar-next a  { color: white; font-size: 14px; line-height: 14px }#calbox { 	margin: 0; 	padding: 0 }#calbox th, #calbox td { 	font-size: 12px; 	text-align: center; 	vertical-align: middle; 	padding: 0px 1px; 	border-left: 1px solid #ddd 	}#calbox td  { color: #999; border-right: none; border-bottom: 1px solid #ddd }#calbox th  { padding-right: 2px; padding-left: 2px; border-top: 1px solid #ddd; border-right: none }#calbox a  { font-weight: bold; text-decoration: none; border: none }#calbox td.currentDay { background-color: #ccc }#calbox a:hover { 	color: #fff; 	background-color: #00623f 	}#calbox td.calmonth  { color: white; font-weight: bold; font-size: 11px; background-color: #003c96; text-align: center; padding: 0px 0px 2px; border: none }#calbox .calweekdays  { color: #fff; background-color: #aaa }#calbox th.calweekbtn  { background-color: #fff; border-top: medium none; width: 35px }#calbox td.calweekbtn  { text-align: left; padding-left: 2px; border-bottom: medium none; width: 35px }#calbox td.noborder { border: none }table.event-section { 	width: 100% 	}table.event-section td {	font-size: 12px;	}table.event-section tr:hover {	background: #ffa;	}table.event-section .row-alt {	background: #eef;	}table.event-section h4 {	margin: 0;	padding: 0;	font: normal 15px Arial;	}table.event-section p {	margin: 0;	padding: 0;	}table.event-section a {	margin: 0;	padding: 0;	text-decoration: none;	}#calSearch { 	font-size: 11px; 	background-color: #fff; 	margin-left: 3px; 	border: solid 1px #4674b5; 	width: 100px; 	height: 17px 	}#calBtn { 	color: #fff; 	font-weight: bold; 	font-size: 12px; 	background-color: #4674b5 	}.ie-pad-fix { padding-top: -18px; }/* --------- CONTENT SPECIFIC CSS ------------ */#data td {	font-size:12px;	border-bottom: 1px solid #ccc; 	border-right: 1px solid #ccc;	border-collapse:collapse;	padding:2px;	}#data { 	border-top: 1px solid #ccc; 	border-left: 1px solid #ccc; 	}#data th {	font-weight:bold;	text-align: center;	font-size:11px;	color:#fff;	background: #3e5b9b;	border-right: 1px solid #fff;	}#data td.th2 {	background:#7da7d7;	color:#fff;	font-weight:bold;	}#data td.th3 { 	color: #fff;	font-size: 12px;	font-weight: bold;	text-align: center; 	background-color: #819dcf; 	}#data td.th4  { color: white; font-weight: bold; background-color: #885c29 }.sml { 	font-size: 10px	}legend  { 	font-style: italic;	font-weight: bold;	font-size: 12px; 	}input { margin-bottom: 6px; 	}label {	font-size: 12px;	margin-top: 6px;	display: block; 	}form {	font-size: 12px;	}.light-pink { color: #444;	background-color: #fee0e3;	}.dark-pink { color: white;	background-color: #fdaeb6;	}.blue { color: white;	background-color: #abc0f6;	}.white {  color: #444; 	background-color: #fff; 	}div#fullwidth {	width: 650px;	}/* --------- SEARCH CSS ------------ */div.search-result  { padding: 12px 0px;	border-bottom: 1px solid #ccc	}h2.search-pg-title { color: #fff; font-size: 13px; font-weight: bold; margin: 0; padding: 0; }h2.search-pg-title a { text-decoration: none; }p.search-pg-abstract { font-weight: normal; margin: 0; padding: 0; }.search-highlight { font-weight: bold; background-color: #ffd; }.search-pg-loc { font-size: 11px; font-weight: normal; font-style: italic; }.search-pg-edited { font-size: 11px; font-weight: normal; font-style: italic; }
