/* CSS Document */

body {
behavior: url(htc/moz.htc);
background-image: url(images/background.jpg);
margin: 0px;
}

body {
font-family: verdana, arial, serif;
font-size: 100%;
}


/*BREADCRUMBS FOR INDEX.PHP*/

.breadcrumbs {
background-image: url(images/breadcrumb_bkgd.jpg);
width: 494px;
height: 35px;
font-family: Myriad, Arial, sans-serif;
font-size: 65%;
font-weight: bold;
padding-left: 50px;
padding-top: 6px;
color: #000000;
}

.breadcrumbs a{
text-decoration: underline;
color: #000000;
padding: 3px;
}

/*BREADCRUMBS FOR CONTENT PAGES*/

.subbreadcrumbs {
background-image: url(images/subbreadcrumb_bkgd.jpg);
width: 494px;
height: 35px;
font-family: Myriad, Arial, sans-serif;
font-size: 65%;
font-weight: bold;
padding-left: 50px;
padding-top: 6px;
color: #000000;
}

.subbreadcrumbs a{
text-decoration: underline;
color: #000000;
padding: 3px;
}

/*SEARCH FUNCTION*/
td#searchBack {
background-image: url(images/search_bkgd.jpg);
background-repeat: no-repeat;
width: 256px;
height: 35px;
margin: 10px;
}

td#searchBackWelcome {
background-image: url(images/search_bkgd_welcome.jpg);
background-repeat: no-repeat;
width: 256px;
height: 35px;
margin: 10px;
}

.search {
position: relative;
height: 0px;
margin: 0px;
padding: 0px 10px 0px 0px;
}

.searchField {
height: 20px;
width: 125px;
font-size: 10px;
border: 1px solid #000000;
vertical-align: middle;
}

.searchButton {
height: 20px;
width: 50px;
font-size: 10px;
color:#ffffff;
vertical-align: middle;
background-color: #001856;
}

/*MAIN NAVIGATION*/
#navigation {
position: relative;
margin: 0px;
z-index: 10;
}

#button1 {
position: absolute;
left: -1px;
top: -9px;
}

#button2 {
position: absolute;
left: 82px;
top: -9px;
}

#button3 {
position: absolute;
left: 165px;
top: -9px;
}

#button4 {
position: absolute;
left: 238px;
top: -9px;
}

#button5 {
position: absolute;
left: 318px;
top: -9px;
}

#button6 {
position: absolute;
left: 465px;
top: -9px;
}

#button7 {
position: absolute;
left: 543px;
top: -9px;
}

#button8 {
position: absolute;
left: 633px;
top: -9px;
}

ul#dropDown {
width: 140px;
padding: 0;
margin: 0;
list-style-type: none;
}

ul.first {
width: 140px;
padding: 0;
margin: -3px;
list-style-type: none;
}

ul.second {
width: 140px;
padding: 0;
margin: 0;
list-style-type: none;
}



	li {
	position: relative;
	padding: 1px;
	}

		a {
		padding: 0px;
		}

	li.expand ul {
	visibility: hidden;
	border: 1px solid #000000;
	font-family: Myriad, Arial, sans-serif;
	font-size: 70%;
	color: #ffffff;
	background-color: #7373CD;
	position: absolute;
	top: 38px;
	left: 3px;
	}
	
	li.subexpand ul {
	visibility: hidden;
	border: 1px solid #000;
	background-color: #9696E9;
	position: absolute;
	font-size: 100%;
	top: 0px;
	left: 137px;
	}

	ul#dropDown li.expand:hover ul.first, ul.first li.subexpand:hover ul.second {
	visibility: visible;
	color: #ffffff;
	}
	
	.subexpand a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	}
	
	.subexpand a:hover {
	background-color: #9696E9;
	color: #ffffff;
	text-decoration: none;
	}
	
	.subsubexpand a:hover {
	background-color: #B2B2FB;
	padding: 3px;
	}
	
/* OLD LEFT NAVIGATION*/

ul#leftdropDown {
width: 170px;
padding: 2px 0px 2px 15px;
margin: 0px 0px 0px 1px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #ffffff;
background-image: url(images/leftnav_bkgd.jpg);
background-repeat: repeat-y;
background-color: #7475C5;
list-style-type: none;
}

#leftdropDown a {
color: #ffffff;
text-decoration: none;
}

#leftdropDown a:hover {
color: #ffffff;
}

ul.leftfirst {
width: 140px;
padding: 0;
margin: 0;
list-style-type: none;
}

ul.leftsecond {
width: 140px;
padding: 0;
margin: 0;
list-style-type: none;
}

	li.leftexpand ul {
	visibility: hidden;
	border: 1px solid #000000;
	font-family: Myriad, Arial, sans-serif;
	font-size: 100%;
	color: #ffffff;
	background-color: #7373CD;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 140px;
	}
	
	li.leftsubexpand ul {
	visibility: hidden;
	border: 1px solid #000;
	background-color: #9696E9;
	position: absolute;
	font-size: 100%;
	top: 0px;
	left: 137px;
	}

	ul#leftdropDown li.leftexpand:hover ul.leftfirst, ul.leftfirst li.leftsubexpand:hover ul.leftsecond {
	visibility: visible;
	color: #ffffff;
	}
	
	.leftsubexpand a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}
	
	.leftsubexpand a:hover {
	background-color: #9696E9;
	color: #ffffff;
	text-decoration: none;
	}
	
	.leftsubsubexpand a:hover {
	background-color: #B2B2FB;
	}
	

/* NEW LEFT NAVIGATION */


div#newleftnav {
position: relative;
left: 1px;
}


.levelone a{
width: 170px;
padding: 4px 0px 4px 15px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #ffffff;
background-image: url(images/leftnav_bkgd.jpg);
background-repeat: repeat-y;
background-color: #7475C5;
text-decoration: none;
display: block;
}

.levelone a:hover{
padding: 4px 0px 4px 15px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #ffffff;
background-image: url(images/leftnav_bkgd_on.jpg);
background-repeat: repeat-y;
background-color: #7475C5;
text-decoration: none;
display: block;
}

.leveloneOn a{
padding: 4px 0px 4px 15px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #E2D70C;
background-color: #001856;
text-decoration: none;
display: block;
}

.leveltwoOn a{
padding: 4px 0px 4px 25px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #E2D70C;
background-color: #001856;
text-decoration: none;
display: block;
}

.levelthreeOn a{
width: 170px;
padding: 4px 0px 4px 40px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #D8DBF7;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
font-weight: bold;
font-stretch: expanded;
color: #E2D70C;
background-color: #001856;
text-decoration: none;
display: block;
}


.leveltwoOff a {
width: 170px;
padding: 3px 0px 3px 25px;
margin: 0px 0px 0px 0px;
font-family: Myriad, Arial, sans-serif;
font-size: 75%;
font-weight: bold;
font-stretch: expanded;
color: #7373CD;
text-decoration: none;
display: block;
}

.leveltwoOff a:hover {
width: 170px;
padding: 3px 0px 3px 25px;
margin: 0px 0px 0px 0px;
font-family: Myriad, Arial, sans-serif;
font-size: 75%;
font-weight: bold;
font-stretch: expanded;
color: #ffffff;
background-color: #B2B2FB; 
text-decoration: none;
display: block;
}

.levelthreeOff a {
width: 170px;
padding: 3px 0px 3px 40px;
margin: 0px 0px 0px 0px;
font-family: Myriad, Arial, sans-serif;
font-size: 75%;
font-weight: bold;
font-stretch: expanded;
color: #3F439C;
text-decoration: none;
display: block;
}

.levelthreeOff a:hover {
width: 170px;
padding: 3px 0px 3px 40px;
margin: 0px 0px 0px 0px;
font-family: Myriad, Arial, sans-serif;
font-size: 75%;
font-weight: bold;
font-stretch: expanded;
color: #7373CD;
background-color: #DEDEFF; 
text-decoration: none;
display: block;
}

	
	
/*FOR WELCOME PAGE*/	
	.welcomeback {
	background-image: url(images/graphic_index.jpg);
	background-repeat: no-repeat;
	}

h1.welcomeTitle {
font-family: Georgia, Times New Roman, serif;
font-size: 150%;
font-weight: bold;
color: #000000;
margin-left: 75px;
margin-top: 25px;
}

ul.welcomeBullets li{
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
color: #000000;
list-style-image: url(images/bullet_square.gif);
margin-left: 75px;
}

p.welcomeText {
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
color: #000000;
margin-left: 75px;
margin-right: 325px;
}

/* FOR CONTENT PAGES*/

h1 {
font-family: Georgia, Times New Roman, serif;
font-size: 125%;
font-weight: bold;
color: #000000;
margin-left: 25px;
margin-top: 25px;
}

h2 {
font-family: Myriad, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
color: #000000;
margin-left: 25px;
margin-top: 25px;
}

p {
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
color: #000000;
margin: 0px 20px 0px 25px;
}

ul.content a {
font-family: Myriad, Arial, sans-serif;
color: #000000;
margin: 0px 20px 0px 0px;
list-style-type: disc;
}

ul.content  {
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
color: #000000;
margin: 0px 20px 0px 40px;
list-style-type: disc;
position: relative;
z-index: 1;
}

ul.content li {
list-style-image: url(images/bullet_square.gif);
margin-left: 20px;
}

ul.content li ul li {
list-style-image: url(images/bullet_disc.gif);
margin-left: 0px;
}

.contentBack {
background-image: url(images/content_bkgrd.jpg);
background-repeat: no-repeat;
}

/*PAGE SUBTITLE*/

.subtitle {
height: 10px;
background-image: url(images/subpage_titlebar.jpg);
background-repeat: no-repeat;
width: auto;
}


/*FOR TABLES*/
.tableTitle {
font-family: Myriad, Arial, sans-serif;
font-size: 90%;
font-weight: bold;
color: #ffffff;
margin: 0;
padding: 4px 0px 4px 15px;
background-color: #504FAD;
}

.tableTitle a {
font-family: Myriad, Arial, sans-serif;
font-size: 90%;
font-weight: bold;
color: #ffffff;
margin: 0;
padding: 4px 0px 4px 0px;
background-color: #504FAD;
text-align: center;
}

.tableBullet {
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
color: #000000;
padding-top: 5px;
}

.tableBullet li {
list-style-image: url(images/bullet_square.gif);
}

.tableText {
font-family: Myriad, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
color: #000000;
padding-top: 5px;
}

/*FOOTER*/

td.footer {
background-image: url(images/footer_bkgd.jpg);
background-repeat: no-repeat;
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
color: #ffffff;
text-align: center;
vertical-align: top;
padding-top: 5px;
height: 30px;
}

td.footer a{
font-family: Myriad, Arial, sans-serif;
color: #ffffff;
}


/*COPYRIGHT*/

.copyright {
font-family: Myriad, Arial, sans-serif;
font-size: 70%;
color: #000000;
text-align: center;
vertical-align: top;
margin-top: 5px;
}

/* FOR ZOOM SEARCH */
		.highlight { background: #FFFF40; font-family: Myriad, Arial, sans-serif; }
		.searchheading { font-size: 100%; font-family: Myriad, Arial, sans-serif; font-weight: bold; padding: 0px, 0px, 0px, 25px; }
		.summary { font-size: 80%; font-style: italic; padding: 0px, 0px, 0px, 0px; font-family: Myriad, Arial, sans-serif; } 
		.results { font-size: 80%; padding: 0px, 0px, 0px, 25px; font-family: Myriad, Arial, sans-serif; }
		.category { color: #999999; font-family: Myriad, Arial, sans-serif; }
		.description { font-size: 90%; font-family: Myriad, Arial, sans-serif; }
		.context { font-size: 100%; font-family: Myriad, Arial, sans-serif; }
		.infoline { font-size: 80%; font-family: Myriad, Arial, sans-serif; font-style: normal; color: #808080;}
		.sorting { text-align: right; font-family: Myriad, Arial, sans-serif;}
		.result_title { font-size: 90%; font-family: Myriad, Arial, sans-serif; padding: 0px, 0px, 0px, 0px; }
		
		.zoom_searchform { font-size: 100%; padding: 0px, 0px, 0px, 25px; }
		.zoom_options { font-size: 80%; font-family: Myriad, Arial, sans-serif; }
		input.zoom_button {  }
		input.zoom_searchbox {  }