body {
	color: #003366; 
	font-family: arial, Sans-Serif; 
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
.hide {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    left: -999em;
}
td {
	font-size: small; 
	color: #000000; 
	font-family: arial, Sans-Serif;
	vertical-align: top;
}
.ul {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0px;
}

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

h1 {
	margin: 0 0 0.3em 0;
	padding: 0.2em;
	border-top: 1px solid #00804F;
	border-bottom: 1px solid #00804F;
	color: #003366;
	font-size:1em;
}

h2 { 	
	font-weight: bold; 
	font-size: 1.2em; 
	color: #003366; 
	background-color: #ffffff
}
h3 {		
	font-weight: bold; 
	font-style: italic;
	font-size: 0.8em; 
	color: #003366; 
	
}
img {
	border: none;
}

.contentcentrecolumn {
	width: 30%;
	vertical-align: top;
	border: black 1px solid;
}
.contentrightcolumn {
	float: right;
	width: 30%;
	vertical-align: top;
	border: black 1px solid;
}
.contentleftcolumn {
	float: left;
	width: 30%;
	vertical-align: top;
	border: black 1px solid;
}


/*right column*/
.right-col {
	height: 100%;
	width: 175px;
	float: right;
	vertical-align: top;
	margin-top: 10px;
	border-right: white 5px solid;
	
	
}

/*left column*/

.left-extlink p {
	margin:8px 0 0 0;
	}
	
.left-col {
	
	width: 175px;
	padding-bottom:0px;
	border-left: white 5px solid;
	
}

.rightmenutitle {
	margin-top:15px;
	margin-bottom: 1px;
	width: 175px; 
	font-weight: bold;
	text-align: center;
	background-image:  url(title.gif);
	background-repeat: no-repeat;
	color: white;
	height: auto;
	min-height: 25px;
	padding-top: 3px;
	
}

* html .rightmenutitle {
	height: 25px;
	}
		
.rightnav {
	
    margin: 0 0 0 0;
	background-color: #fffff0;;
	padding-bottom:5px;
    text-indent: 0;
	color: #333366;;
	font-weight: normal;
	padding: 0 0 0 0;
	}


.rightnav a {
    text-decoration: none;
	color: #003366;
	
}
.rightnav a:hover {
    color: #00804F;
}
.rightnav selected {
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}
.rightnav ul {
    margin: 0;
	padding-left: 0px;
	text-indent: 2px;
	color: #333366;
	font-weight: normal;
	background-color: #fffff0;
	
}
.rightnav ul li {
    margin: 0;
	list-style-type: none;
	padding: 5px 0 5px 0;
	text-decoration: none;
	
}

.rightnav ul li ul {
	border: 0px;
	padding: 5px 0 5px 0;		
}
.rightnav ul li ul li {
	border: 0px;
	list-style-type: none;
	text-indent: 5px;
}
.rightnavsubmenu a {
	color: #00804F;;
	background-color: #fffff0;;
	text-decoration: none;	
} 
	
.rightnavsubmenu a:hover  {
	color: #003366;
} 
	
.rightnavsubmenu  {
	color: #003366;
} 
	
.rightsubnavselected  {
	color: #003366;
	background-color: #fffff0;;
} 
	


* html .rightnav ul li ul li {
	font-size:small;
}


.left-nav {
	width: 175px;	
	height: auto;
	margin-top: 15px;
}


.lowerleftnav {
	width: 175px;	
	margin-top: auto;	
}
.foi-link {
	margin: 0;
	padding-bottom:20px;
	padding-top:5px;
	padding-left: 2px;
	text-indent: 0;
	color: white;
	font-weight: bold;
	line-height: 0px;	
}

.left-nav ul {
    margin: 0;
	padding-left: 0px;
	text-indent: 0;
	color: #333366;
	font-weight: normal;
		
}
.left-nav ul li {
    margin: 0;
	list-style-type: none;
	border-bottom: white solid 2px;
	padding: 5px 0 5px 0;
	background-image: url(title.gif);
}

.left-nav ul li ul {
	border: 0px;
	padding: 5px 0 5px 0;
	height: auto;	
}
.left-nav ul li ul li {
	border: 0px;
	font-size:small;
	background-image: none;
	background-color: #fffff0;
	text-indent: 2px;	
}
.left-nav a {
    text-decoration: none;
	color: white;	
}
.left-nav a:hover {
    color: white;
	text-decoration: underline;	
}
.leftnavselected {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.leftnavsubmenu a {
	color: #00804F;
} 
	
.leftnavsubmenu a:hover  {
	color: #003366;
} 
	
.leftnavsubmenu  {
	color: #003366;
} 
	
.leftsubnavselected  {
	color: #003366;
	background-color: #fffff0;;
} 
	

/* right nav external links */

.right-extlink p {
	margin:6px 0 0 0;
}

.right-extlink {
	width: 175px;
    margin: 0 0 0 0;
	border-right: 5px;
	background-color: #fffff0;;
	padding-bottom:5px;
	text-indent: 0;
	font-weight: normal;
	line-height: 16px;
	}
	
.right-extlink ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	}

.right-extlink ul li {
	list-style-type: none;
	margin: 0px;
	padding: 1px 0 5px 0;
	
	}
	
.right-extlink a {
    text-decoration: none;
	color: #003366;	
}
.right-extlink a:hover {
    color: #009966;
}
.right-extlinkselected {
	color: #009966;
	text-decoration: none;
}


.quicklinks {
	width: 170px;
	font-weight: bold; 
	font-size: small; 
	color: #003366; 
	text-align: center;
	margin-bottom: 2px;
	position: absolute;
	background-color: #b3d9ca;
	border-bottom: white 1px solid;	
}	
	
	
/* header */

.header {
	width: 100%;
	margin: 0px;
	padding: 0;
	
}

.headerouter {
	width: 100%;
	background-image: url(doe-banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
	margin: 0;
	
}

.headerouterroads {
	width: 100%;
	background-image: url(roads_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
}
.headeroutereducation {
	width: 100%;
	background-image: url(education_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
}

.headerouterenvironment {
	width: 100%;
	background-image: url(environment_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;	
}
.headerouterinformation{
	width: 100%;
	background-image: url(information_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
	
}
.headerouterlocalgov {
	width: 100%;
	background-image: url(localgov_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;	
}
.headeroutervisit {
	width: 100%;
	background-image: url(placestovisit.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;	
}
.headerouterlgtf {
	width: 100%;
	background-image: url(governt_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height:125px;	
}
.headerouterrpa {
	width: 100%;
	background-image: url(governt_banner.gif);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 125px;
}

.headerinner {
	width: 100%;
}

.bannertitle {
	width: 98%;
	height:100px;
	padding: 2px 0 0 2px;
	
}


.floatright {
	float: right;
	}


/* top menu styles */

.topmenubar{
	width: 100%;
}
.topmenubarinner {
		margin-left: 2px;
		text-align: left;
	}

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

	display: inline;
	font-size: small;
	white-space: nowrap;
	border-right: 1px solid #009966;		
}

* html .topmenubarinner ul li{
	font-size: small;
	display: inline;
}

.topmenubarinner a { padding: 0 5px 0 5px }

.topmenubarinner a:link{
	color: #00804f;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
}

* html .topmenubarinner a:link{
	font-size: small;
	text-decoration: none;
}

.topmenubarinner a:visited{
	color: #00804f;
	text-decoration: none;
}

.topmenubarinner a:hover{
	color: #003366;
	text-decoration: none;
}

li.tmiselected {
	color: #036;
	font-size: small;
	font-weight: bold;
	padding: 0 5px 0 3px;
}

* html .tmiselected {
	font-size: small;
}

.search {
	float: right;
	width: 26.7em; 
	text-align: right;
	vertical-align: top;
	white-space : nowrap;
	font-size: 0.8em;
}

.search fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
	color: white;
	font-weight: bold;
}

.search form {
	display: inline;
}

.searchlabel {
	display: none;
}

.qt {
	
	height: 125px; 
	padding: 0;
}

.qssubmit{
	height: 5%; 
	vertical-align: top;
	
}


/* breadcrumbs */

#breadcrumb {
	width: 100%;
}


/* Main page styles */

.table {
	width: 100%;
}
.content {	
	width: 100%;
	margin: 1em 0.5em 1em 0.5em;
	COLOR: #003366; 	
	font-size: small;	
	
}

* html .content {
	width: 98%;
	}

.content li {
	list-style: disc; 
	margin: 0; 
	padding-left: 10px;
}

.content a { 
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}

.content a:visited {
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}

.content a:hover {
	COLOR: #003366; 
	text-decoration: none; 
	font-size: small;
	text-decoration:none; 	
}

.content h1 {
	margin: 0 0 0.3em 0;
	padding: 0.2em;
	border-top: 1px solid #009966;
	border-bottom: 1px solid #009966;
	color: #003366;
	font-size:1.2em;	
}
.content h2 {
	font-size: 1.2em; 
	color: #003366;
	display: inline;
}
.picture {
	float:left;
	border: 0;
	padding-right: 5px;
}


.Linkstable {
	font-size: small; 
	color: #003366; 
	font-family: "Trebuchet MS", arial, Sans-Serif;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 4px;
}





/* footer*/

#footer {
	text-align: center;	
	padding: 0.5em;
	font-size: small;	
}
#footer a { 
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}

#footer a:visited {
	COLOR: #003366; 
	text-decoration:underline; 
	font-size: small;
}
#footer a:hover {
	COLOR: #009966; 
	text-decoration: none; 
	font-size: small;
}

#footer ul{
	margin: 0px;
	padding:2px;
	list-style-type: none;
		
}

#footer ul li{
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
	font-size: small;
	border-right: #003366 solid 1px;
	padding-right:2px;	
}


/* Style Table Definition */

.textTable {
	width:100%;
	border:0;
	padding:0;
	
}
.textTable-style {
	width:100%;
	border:0;
	padding:0;
	border-spacing: 0px;
}

* html .textTable-style {
	border-collapse: collapse;
}

.th-style {	
	background-color: #fffff0;;
	text-decoration: none;
	font-weight: normal;
	color: #003366;
	border: 1px solid #00804F;
	text-align: center;
	height: 35px;
	text-align: left;	
}
.cell-style {
	background-color: #ffffff;
	color: #003366;
	border-bottom: 1px dotted #00804F;
	border-left: 1px dotted #00804F;
	border-right: 1px dotted #00804F;
	border-spacing: 0px;
	padding: 5px; 
	text-align:left;
}

.contactusTable {
	width:100%;
	border:0;
	padding:20px;
	
}
.contactusTable-style {
	width:100%;
	border:0px;
	padding:20px;
	
}

.thcontactus-style {	
	background-color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	color: #003366;
	border: 0px;
	text-align: left;
	
		
}
.cellcontactus-style {
	background-color: #ffffff;
	color: #003366;
	border-bottom: 1px dashed #00804F;
	text-align: left;
	 
}

.boldright {

	float: right;
}

.blindTable {
	
	border:0px;
	padding:0px;
}

.thblindTable {	
	text-decoration: none;
	text-align: left;
}

.blindcell {
	text-align: left;	
}

/* PSO Table Styles */
.psoTableSytle {
	width:100%;
	border:0;
	padding:0;
	border-spacing: 0px;
}
.psoTHStyle {	
	background-color: #fffff0;
	text-decoration: none;
	font-weight: bold;
	color: #00804F;
	border: 1px solid #00804F;
	text-align: left;
	height: 40px;	
}
.psoCellStyle {
	background-color: #ffffff;
	color: #003366;
	border-bottom: 1px solid #00804F;
	border-left: 1px solid #00804F;
	border-right: 1px solid #00804F;
	border-spacing: 0px;
	padding: 5px; 
	text-align:left;
}

.contentpictureleft {
	border: 0;
	padding: 2px;
	float: left;
	margin: 3px;
}

.contentpictureright {
	border: 0;
	padding: 2px;
	float: right;
	margin: 3px;
}