/* Main CSS Stylesheet for screen display */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:center;
	background: #ffffff url("../images/graphics/006.jpg");
}

/***** Divisions *****/

#container {
	width: 900px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
}

#sitelinks {
	width: 900px;
	margin: 0 !important;
	height: 18px;
	color: #ffffff;
	padding-bottom: .5em;
}

#pageHeader {
	width: 900px;
	height: 150px;
	margin-top: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-indent: 10px;
}

#sectionMenu {
	width: 900px;
	margin: 0 !important;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
}

#sidebar {
	width: 175px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#supportingText {
	width: 700px;
	margin: 0;
	float: left;
	padding: 10px 10px 10px 10px;
	float: right;
	font-size: .9em;
}

#stafflist { /* to be deleted */
	width: 175px;
	margin: 0;
	padding-top: 10px;
	float: left;
	border-right: 1px solid #000099;
}

#pageFooter {
	margin: 0 !important;
	clear: both;
	color: #ffffff;
}

/***** Horizontal menus *****/
	
#sitelinks ul,
#sectionMenu ul{
	margin: 0;
	padding: 0px 5px;
	text-align: left
}

#sitelinks li {
	display: block;
	list-style: none;
	padding: 2px 0px;
	font-size: .9em;
	float: left;
}
#sectionMenu li {
	display: block;
	list-style: none;
	padding: 2px 0px;
	float: left;
}

#sitelinks a,
#sectionMenu a {
	text-decoration: none;
	color: #ffffff;
}

#sitelinks span,
#sectionMenu span {	/* for divider dots */
	font-size: 16px;
	padding: 0px 5px;
	color: #ffffff;
}

/***** pageHeader Division - Banner Image *****/

.preTitle {
	font-size: 30px;
	text-indent: 36px;
	color: #ffffff;
}

.pageTitle {
	font-size: 36px;
	font-weight: bold;
	text-indent: 50px;
	color: #ffffff;
}

.tagline {
	font-size: 18px;
	font-style: italic;
	text-indent: 50px;
	color: #ffffff;
}

/***** Sidebar Division - Side Navigation Bar *****/ 

#submenu {
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
}

#submenu h3 {
	font-weight: bold;
	padding: 6px 0px 6px 15px;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	text-align: left;
}

#submenu li {
	margin: 0px;
	font-size: .8em;
	padding: 10px 5px;
	list-style: none;
	border-bottom:1px solid white;
}

#submenu li ul li { /* for subitems on side menu */
	border-bottom: none;
}

#submenu a {
	text-decoration: none;
}

#sidebar .testimonial {
	font-size: 0.8em;
	font-style: italic;
	padding: 5px;
}

.quicklinks {
	margin: 25px 0px;
	text-align:center;
}

.quicklinks img {
	border: none;
}

.quicklink a:link,
.quicklink a:visited,
.quicklink a:hover {
	text-decoration:none; 
	background:transparent;
}

/***** supportingtext - Content of Page *****/

#supportingText #breadcrumbs {
	font-size: x-small;
}

#supportingText h2 {
	text-align: left;
	font-variant: normal;
	margin-top: 1px;
}

#supportingText h3 {
	color: #999900;
}

#supportingText a:link {
	color: #009900;
}

#supportingText a:visited {
	color: #003300;
}

#supportingText a:hover {
	color: #009900;
}

#supportingText a:hover img {
	background: none;
	text-align: center;
}

.imgl { /* for left aligned images */
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.imgr { /* for right aligned images */
	float: right;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.imgpadding {
	margin: 5px;
}

#hilite {
	float: left;
	padding: 5px;
	margin: 0 3px 0 0;
	width: 200px;
}

#hilite img {
	float: left;
}

#hilite h4 {
	font-size: 14px;
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
}

.xsmall { /* used for siteindex */
	font-size: 11px;
}

.quote {
	padding: 5px;
	border: 1px solid green;
	background-color: #FAFFF5;
}

/***** Footer Division *****/

#pageFooter p {
	padding: 10px 0px;
	font-size: .8em;
	text-align: center;
}

#pageFooter p a:link, 
#pageFooter p a:visited, 
#pageFooter p a:hover {
	color: white;
	background: transparent;
	text-decoration:none;
}

/***** Webmaster Credits *****/

#webmaster, #webmaster a:link, #webmaster a:visited, #webmaster a:active {
	padding: 5px 0px;
	font-size: 10px;
	text-decoration: none;
	background:transparent;
	color: #000000;
}

#webmaster a:hover {
	padding: 5px 0px;
	font-size: 10px;
	text-decoration: underline;
	color: #000000;
}