@charset "utf-8";
/* CSS Document */
/*----this is the large text version. The only difference is that the body font
size is set to 1.2 em minor changes to the width of the search div area and the top margin on
the newspanel heading*/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0; /* this is to ensure all spaces between stacked divs close up*/
	padding: 0; /* this is to ensure all spaces between stacked divs close up*/
	color: #383838;
	background-color: #E2E2E7;
	background-image: url(css_images/browser_bkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* generic formatting start */
a {
	color:#009933;
	font-weight: normal;
	text-decoration: none;
}
a:link, a:visited {
	color:#009933;
	text-decoration: none;
	padding: 1px 3px;
	line-height: 2;
	margin: 2px;
	
}

a:hover, a:active{
	color: #FFFFFF !important;
	background-color: #663399;
}


strong {
	color: #000000;
}
.clearall {
	display: block;
	clear: both;
	width: 700px;
	overflow: auto;
}
h1, h2, h3 h4{
	font-family: Arial, Helvetica, sans-serif;
	color:#762989;
	font-weight: normal;
	font-size: 1.6em;
	margin: 2em 8px 0;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.8em;
}
.imageborder{
	border:solid 1px #666666;
	padding:2px;
	background-color: #FFFFFF;
	margin: 2px;
}
.imagefloatleft {
	border:solid 1px #666666;
	padding:2px;
	background-color: #FFFFFF;
	margin: 2px 4px 2px 0px;
	float: left;
	}
.piccaption {
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
	margin-top: -0.5em !important;
	}
	
/* end of generic formatting */
#wrapper {
	width: 788px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	
}
#masthead {
	width: 788px;
	height: 166px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(css_images/masthead_bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#masthead p {
font-size: 0.9em;
}

.masthead a:link, .masthead a:visited {
	color:#000;
	text-decoration: none;
	padding: 1px 3px;
	line-height: 2;
	margin: 2px;
	
}

.masthead a:hover, .masthead a:active{
	color: #fff !important;
	background-color: #903AA5;
}

/* see also form formatting listed further on */
#search {
	float: right;
	margin: 50px 0px 0px;
	padding: 0px;
	height: 30px;
	width: 420px;
}


#navbar {
	width: 782px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #762989;
	
}
#navbar p{
	font-size: 0.8em;
	line-height: 1.2;
	margin:2px;
	padding: 0px;
	
}
#navbar a {
	color:#000000;
	font-weight: normal;
	text-decoration: none;
		
}
#navbar ul {
	list-style: none;
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	margin: 6px 0px 0px 10px;
	padding: 0px;
		
}
#navbar li {
	font-size: 78% !important;
	font-weight: normal;
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
		
}
#navbar a:link, #navbar a:visited {
	color:#FFFFFF!important;
	text-decoration: none;
	padding: 1px 3px;
	line-height: 2;
	margin: 2px;
	
}

#navbar a:hover, #navbar a:active{
	color: #762989 !important;
	background-color: #FFFFFF
}
#breadcrumb {
width: 100%;
color: #CC66CC;
}
.breadcrumb a {
	color:#009933;
	background-color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color:#009933;
	background-color: #FFFFFF;
	font-weight: bold;
		
}

.breadcrumb a:hover, .breadcrumb a:active {
	color:#FFFFFF;
	background-color: #903AA5;
	font-weight: bold;
	
}

/* home page specific start */
 #homecontent, #majorpanel {
	width: 782px;
	background-image: url(css_images/homecontent_bkg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #762989;
	background-color: #F2EBF2;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
#homecontent p {
	font-size: 0.8em;
	margin: 0 8px;
	}
	
.homecontent a {
	color:#009933;
	background-color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.homecontent a:link, .homecontent a:visited {
	color:#009933;
	background-color: #FFFFFF;
	font-weight: bold;
		
}
 
.homecontent a:hover, .homecontent a:active {
	color:#FFFFFF;
	background-color: #903AA5;
	font-weight: bold;
	
}
 
#homecol1 {
	width: 330px;
	float: left;

}
#newspanel {
	width: 236px;
	margin-top: 4em;
	margin-left: auto;
	margin-right: auto;
	background-image: url(css_images/newspanel_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #762989;
	font-size: 90%;
}

#newspanel h1, #newspanel h2, #newspanel h3 {
	color:#fff;
	font-weight: normal;
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0.5em 1.5em 0.5em; /* slightly reduced top margin*/
	
}
.newspanel a {
	color:#009933;
	background-color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.newspanel a:link, .newspanel a:visited {
	color:#6633CC;
	background-color: #FFFFFF;
	font-weight: bold;
		
}

.newspanel a:hover, .newspanel a:active {
	color:#FFFFFF;
	background-color: #903AA5;
	font-weight: bold;
	
}


#homecol2{
	width: 430px;
	float: right;
	clear: both;
	margin-right: 20px;
}


/* End of home page specific*/

/* start of main page formatting */
#majorpanel {
	width:780px;

}
#majorpanel .pagetitle {
	margin: 0px;
}


#majorpanel p{
	font-size: 0.8em;
	line-height: 1.5;
	margin: 1.2em 40px 0 210px;
	padding: 0px;
}
#majorpanel h1, #majorpanel h2, #majorpanel h3, #majorpanel h4{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.8em;
	color: #000;
	width: 570px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #663399;
	margin: 1em 0 1.2em 210px !important;
}

#majorpanel h2 {
	font-size: 1.5em;
	border: none !important;
	margin-bottom: 0.5em !important;
	
}
#majorpanel h3{
	font-size:1.2em;
	border: none !important;
	margin-bottom: -0.5em !important;
	}
#majorpanel h4{
	font-size:0.9em;
	border: none !important;
	margin-bottom: -0.5em !important;
	}

.majorpanel a {
	color:#6633CC;
	font-weight: normal;
	text-decoration: none;
}
#majorpanel a:link, #majorpanel a:visited {
	color:#6633CC;
	font-weight: bold;
		
}

#majorpanel a:hover, #majorpanel a:active {
	color:#FFFFFF;
	background-color: #903AA5;
	font-weight: bold;
	
}

/*----page submenu here----*/
#submenu {
	width: 210px;
	margin: 0;
	float: left;
}

#submenu p, #submenu .plain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70% !important;
	margin: 0 0.5em 0 1em !important;
	/*line-height: 1 !important;*/
	padding: 0px 0px 0px 1em !important;
	/*background-image: url(css_images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	}
	
#submenu a:link, #submenu a:visited{
	background-image: url(css_images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 1em !important;
	margin: 0 0.5em -0.5em 0em !important;
}
	
#submenu a:hover, #submenu a:active{
	background-image: url(css_images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 1em !important;
	margin: 0 0.5em -0.5em 0em !important;
}
	
/* end of submenu*/

.clearall {
	display: block;
	clear: both;
	width: 700px;
	overflow: auto;
}
#footernav {
	float: none;
	width: 788px;
	padding: 0px;
	margin-top: 8px;
	height: 90px;
	background-image: url(css_images/footer_bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}
#footernav p {
	font-size: 0.8em;
	line-height: 1.2;
	padding: 6px 0px 0px 15px;
	float: left;
	font-weight: normal;
	margin: 0px;
}
.footernav a {
	color:#FF0000;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#footernav a:link img, #footernav a:visited img {
	color:#0066FF;
	text-decoration: none;
	border: solid 1px #fff;
	
}

#footernav a:hover img, #footernav a:active img {
	border: solid 1px #762989;
		
}


#majorpanel ol {
	list-style-type: decimal;
	font-size: 80%;
	padding: 0px;
	list-style-position: inside;
	margin-top: 20px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 150px;
	color: #000000;
}
#majorpanel ul {
	list-style-type: none;
	font-size: 80%;
	padding: 0px;
	margin-top: 20px;
	margin-right: 70px;
	margin-bottom: 0px;
	margin-left: 230px;
}
#majorpanel ul li{
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	color: #000000;
	list-style-type: disc;
	
}
#majorpanel ol li{
	list-style-position: inside;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 10px;
	vertical-align: top;
	line-height: 1.8;
	color: #465E59;
	list-style-type: decimal;
	
}

#topofpage {
	width : 80px;
	height: 50px;
	clear: both;
	margin: 0 0 1em 690px!important;
		
}
#topofpage p{
	font-size: 70% !important;
	width: 80px;
	text-align: center;
	color:#000;
	margin:0 !important;
	display: block;		
	
}
#topofpage a:link, #topofpage a:visited {
	line-height: 6em;
	margin-top: 0em;
	color: #762989;
	text-decoration: none;
	background-image: url(css_images/topofpage.gif);
	background-repeat: no-repeat;
	background-position: center 0em;
	height: 50px;
	display: block;
}
#topofpage a:hover, #topofpage a:active{
	line-height: 6em;
	margin-top: 0em;
	color: #000000 !important;
	text-decoration: none;
	background-image: url(css_images/topofpage_o.gif);
	background-repeat: no-repeat;
	background-position: center 0em;
		
}

table.datatable {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	font-size: 90%;
}
/*.datatable {
	border-collapse: collapse;
	margin: 0px;
}*/
.datatable td {
	border:1px solid #762989;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	padding: 2px;
	margin: 0px;

}
.datatable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-left: 4px;
	background-color: #663399;
	vertical-align: top;
	padding-top: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #762989;
	border-right-color: #762989;
	border-left-color: #762989;


}
.datatable caption {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	color: #762989;
	text-align: left;
	padding-left: 16px;
	padding-bottom: 2px;
	margin-left: 10%;
}

/* form formatting start */

input.formtxt {
	color: #000000;
	background: #DE9FF9;
	border: 1px solid #FFFFFF;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 2px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
input.searchtxt {
	font-size: 90%;
	color: #000000;
	text-align: left;
	font-style: normal;
	background-color: #FF99CC;
	padding-bottom: 2px;
	padding-left: 2px;
	line-height: 1;
	vertical-align: middle;
	margin-left : 10px;
	padding-top: 2px;
	width: 130px;
	border-top: 1px solid #666699;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #666699;
	height: 1.3em;
}
input.formbutton, input.formbutton {
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.9;
	vertical-align: middle;
	margin: 0px;
	text-decoration: none;
	padding: 2px;
	width: 44px;
	border: 1px solid #FFFFFF;
	background-color: #48A943;
	height: 22px;
}
input.searchbutton {
	border: 1px solid #FFFFFF;
	background-color: #762989;
	color: #FFFFFF;
	height: 1.7em;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 2px;
	
}

.textarea {
	background-color: #DE9FF9;
	color: #000000;
	width: 200px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 100%;
	border: 1px solid #FFFFFF;
}
form p {
	margin: 0;
	padding: 5px 0px 2px;
	text-align: left;
 }
form p label {
	font-size: 100%;
	width: 100px;
	margin-right: 0.5em;
	margin-left: -200px;
	display: block;
	padding: 0px;
	float: left;
}

fieldset {
	width: 60%;
	border: 1px solid #762989;
	margin-left: 200px;
}

legend {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #762989;
	padding: 2px 6px;
	margin-left: 20px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 90%;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
/*----credits here---------------*/
#credit {
	width: 780px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 30px;
}
#credit p {
	font-size: 70%;
	line-height: 1.2;
	text-indent: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #666666;
	}
.credit a {
	color:#999999;
	font-weight: normal;
	
		
}
.credit a:link, .credit a:visited {
	color:#999999!important;
	font-weight: bold!important;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.credit a:hover {
	color: #6666CC!important;
}