/*** 					Main CSS Styles 								***/
/***	(most commented items are to be Revize-Enabled)		***/
/*** 	The .layout class denotes an element that is used	***/
/*** 	to construct the look of the page layout.				***/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;		/*main font*/
	font-size: 13px;			/*and size*/
	color: #000000;				/*and color*/
	margin: 10px;														/*page margin*/
	background-image: url("images/bgstripe.png");				/*page background image*/
	background-color: #FFFFFF;	/*page bg color*/
}

p, h1, h4, h5, h6 { /* makes paragraphs and headers look identical in FF and IE */
	margin: 0px;
	margin-bottom: 15px;
}
h1 {
	color: #CC0000;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}
h2 {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 13px;
	color: #C0C0C0;
}
h3 {
	font-size: 14px;
	text-decoration: underline;
	margin: 0px;
}
.newsitem h4, .highlight h4 {
	color: #404040;
	margin: 0px;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
.newsitem h4 a,
.newsitem h4 a:visited,
.highlight h4 a,
.highlight h4 a:visited {
	color: #404040;
	text-decoration: underline;
}
hr {
	height: 1px;
	border: 0px;
	border-top: 1px solid #000000;
	padding: 0px;
}

form { margin:0px; }

/*** Link Styles ***/
a:link, a:visited {
	text-decoration: none;
	color: #0080FF;
}
a:hover {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
#topnavlinks a {
	color: #FFFFFF;
}
#topnavlinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#sectionFooter a:link {
	color: #999999;
}
#sectionFooter a:hover {
	color: #0000FF;
}
/*** End Link Styles ***/


#mainTable {
	width: 800px;					/* This defines the width of the page */
	border: 1px solid #000000;	/* Optional border around everything */
	background-color: #496982;					/* Background style (color and/or image) */
}
#topnav {
	display: none;
	padding: 0px;
}
#breadcrumb {
	padding: 5px;
}


#topPane {
	border: 0px solid #000000;			/*optional border around entire top banner pane*/
	background-image: url(images/logo.jpg);	/*top logo/banner */
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #496982;
}
#topPane table.layout {
	height: 150px;		/*this defines the height of the top banner pane*/
	width: 100%;
}
#topPane td.layout {
	text-align: right;
	padding: 5px;
}
#searchForm {
	float: right;
}
#searchBox, #goButton {
	font-size: 12px;
	float: left;
}
#searchBox {
	border: 1px solid #000000;
	background-color: #C6D8E6;
	height: 15px;
	padding: 0px;
	margin: 0px;
	display: block;
}
#goButton {
	border: none;
	background-color: #003366;
	color: #FFFFFF;
	height: 17px;
	width: 25px;
	padding: 0px;
	margin: 0px;
	display: block;
}

table#topnavlinks {
	float: right;
	clear: right;
	font-weight: bold;
	color: #FFFFFF;
}
#topnavlinks td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}



/*** Left and Right nav styles ***/
#leftPane, #rightPane {
	vertical-align: top;
	width: 150px;				/*defines width of side columns*/
	font-size: 11px;			/*font size for left and right panes*/
}
#leftPane {
	padding: 0px 10px 10px 0px;
}
#rightPane {
	padding: 0px 0px 10px 10px;
}
#leftPane table.layout, #rightPane table.layout { width: 100%; }

.tl, .tr, .bl, .br {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
td.tl div, td.tr div, td.bl div, td.br div {
	width: 16px;
	height: 16px;
}

/** Round Corners **/

	/*Leftnav*/
	#leftPane .tl { background: url(images/corners/blue-tl.png); }
	#leftPane .tr { background: url(images/corners/blue-tr.png); }
	#leftPane .bl { background: url(images/corners/blue-bl.png); }
	#leftPane .br { background: url(images/corners/blue-br.png); }
	
	/*Rightnav*/
	#rightPane .tl { background: url(images/corners/blue-tl.png); }
	#rightPane .tr { background: url(images/corners/blue-tr.png); }
	#rightPane .bl { background: url(images/corners/white-bl.png); }
	#rightPane .br { background: url(images/corners/white-br.png); }
	
/** End Round Corners **/

.navheader { /*default nav header style*/
	font-weight: bold;
	border-top: 1px solid #000000;		/*left nav header border color*/
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;				/*left nav header text color*/
	background-color: #0080C0;	/*left nav header bg color*/
}
.navheader a:link, .navheader a:visited {
	color: #FFFFFF;			/*left nav header text color*/
}
#rightPane .navheader { /*Different styles for right nav*/
	border-color: #000000;	/*right nav header border color*/
	background-color: #0080C0;	/*right nav header bg color*/
}
#rightPane .navheader a:link, #rightPane .navheader a:visited {
	color: #FFFFFF;			/*right nav header text color*/
}

.navcontent {
	border: 1px solid #000000;
	border-bottom: 0px;
	padding: 10px;
}
#leftPane .navcontent {
	background-color: #20A0E0;			/*leftnav bg color*/
	border-left-color: #000000;		/*<--leftnav*/
	border-right-color: #000000;	/*<--border color*/
}
#rightPane .navcontent {
	background-color: #FFFFFF;			/*rightnav bg color*/
	border-left-color: #000000;	/*<--rightnav*/
	border-right-color: #000000;	/*<--border color*/
}
.navcontent .newsitem, .navcontent .highlight {
	margin-left: 10px;
}

ul.layout {
	margin: 0px;
	padding: 0px;
}
ul.layout li {
	list-style-type: none;
}

.navfooter { border-bottom: 1px solid #000000; } /*default styles for the bottom of navs*/
#leftPane .navfooter {
	background-color: #20A0E0;			/*left nav bg color*/
	border-color: #000000;			/*left nav border color*/
}
#rightPane .navfooter {
	background-color: #FFFFFF;		/*right nav bg color*/
	border-color: #000000;		/*right nav border color*/
}

/*** End Left and Right nav styles ***/




/*** Main Content Styles ***/
#centerPane {
	border: 1px solid #000000;		/*optional border around content*/
	background-color: #FFFFFF;		/*content bg color*/
	color: #000000;					/*default content font color*/
	font-size: 13px;				/*default content font size*/
	padding: 5px 10px 0px;
}

#sectionFooter {
	padding-top: 50px;
	color: #999999;
}


#footer {
	padding: 10px;
	text-align: center;
	font-size: 10px;
}
/*** End Main Content Styles ***/



/*** Custom Defined Styles ***/
#rightPane, #leftPane {padding-left:5px; padding-right:5px;} #footer p {color:#FFFFFF; background-color: #004080; width:300px; margin:0px auto; padding:5px; border:2px solid #000000;} #footer a:link, #footer a:visited, #footer a:active {color:#FFFFFF; text-decoration:none;} #footer a:hover {color:#FFFFFF; text-decoration:underline;}
td.navcontent div div div {display:block !important;}
/*** End Custom-Defined Styles ***/