/**
 ** General / Misc	=GENMISC
 ** Tags			=TAGS
 ** Header 			=HEADER
 ** Nav 			=NAV
 ** Footer			=FOOTER
 ** Content			=CONTENT
 ** Forms			=FORMS
 ** Tables			=TABLES
 **/
 
/*****************************
 ** General / Misc =GENMISC **
 *****************************/
html, body { background: url(../images/bg.jpg) repeat-x #D1D1D1; font-family: Arial, Helvetica, sans-serif; }
#container { width: 766px; margin: 0px auto; }
.alignright { text-align: right; }
.imgfloat { float: right; border: 1px solid #9b9b9b; margin: 0 0 8px 8px; }
.floatleft img { float: left; margin: 8px; border: 1px solid #9b9b9b; }

/****************
 ** Tags =TAGS **
 ****************/
strong {font-weight: bold; }
h3 { font-size: 0.9em; font-weight: bold; }
a { color: #2e5698; }
a:hover { color: #0099FF; }
.doclink a[href$='.pps'], .doclink a[href$='.ppt'] { padding-right: 22px; background: url(../images/icons/pps.gif) center right no-repeat; }
.doclink a[href$='.doc'], .doclink a[href$='.docx'] { padding-right: 22px; background: url(../images/icons/word.gif) center right no-repeat; }
.doclink a[href$='.xls'] { padding-right: 22px; background: url(../images/icons/excel.gif) center right no-repeat; }
.clear {clear:both;}

/********************
 ** Header =HEADER **
 ********************/
#header {
	height: 139px;
	color: #0E3C88;
	position: relative;
}
#header img { float: left; }
#header h1 {
	background: url(../images/DMS_title.gif) no-repeat;
	height: 0;
	overflow: hidden;
	width: 400px;
	position: absolute;
	bottom: 0;
	left: 206px;
	padding-top: 69px;
}

#header h3 {
	font-size: 0.9em;
	color: #0E3C88;
	font-weight: bold;
	position: absolute;
	right: 3px;
	bottom: 38px;
}
#header form #search {
	border: 1px solid #3C5F98;
	background-color: #A4C6EA;
	color: #204582;
	position: absolute;
	right: 3px;
	bottom: 8px;
	height: 19px;
	padding-top: 3px;
}

#header form #submit {
	border: 0;
	position: absolute;
	right: 6px;
	bottom: 9px;
	z-index: 100;
}

/**************
 ** Nav =NAV **
 **************/
#nav ul { text-align: center; }
#nav ul li {
	font-size: 0.9em;
	font-weight: bold;
	display: inline;
	background: url(../images/nav_bg.gif) repeat-x;
	margin-right: -4px;
	padding: 12px 13px 12px 13px;
	float: left;
	line-height: 17px;
}
#nav #first {
	background: url(../images/nav_left.gif) top left no-repeat;
	padding: 12px 0px 12px 15px;
	height: 17px;
}	
#nav #last {
	background: url(../images/nav_right.gif) top right no-repeat;
	padding: 12px 14px 12px 0px;
	height: 17px;
}	
#nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 12px 0px 12px;
}
#nav ul li a:hover, #nav ul li .current { background: url(../images/nav_hover.gif) center bottom no-repeat; padding-bottom: 12px; }

/**********************
 ** Content =CONTENT **
 **********************/
#topcontent {
	width: 763px;
	height: 206px;
	background-color: #6496ca;
	margin-top: -1px;
	padding: 0px 1px;
	clear: both;
}
#topcontent img { float: left; }
#topcontent h1 {
	/*font-size: 1.3em;*/
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 12px 8px 8px 274px;
	line-height: 115%;
}
#topcontent h2 {
	color: #FFFFFF;
	padding: 6px 8px 8px 274px;
/*	font-size: 0.75em;*/
	font-size: 1.1em;
	font-weight: normal;
	line-height: 125%;
}
#topcontent h3 {
	color: #FFFFFF;
	padding: 8px 8px 8px 274px;
	font-weight: bold;
	font-size: 0.9em;
	font-style: italic;
	letter-spacing: 1px;
}
#bottomcontent {
	background-color: #FFFFFF;
	width: 745px;
	padding: 10px;
}
#bottomcontent #left { float: left; }
#bottomcontent ul { width: 226px; margin: 6px 0 6px 8px; }
#bottomcontent h1 {
	color: #0e3c88;
	font-weight: bold;
	font-size: 1.2em;
	padding: 6px 0px 0 2px;
}
#bottomcontent ul li {
	list-style: url(../images/bullet.gif);
	margin: 0 0 10px 20px;
	font-size: 0.8em;
}
#bottomcontent ul li a { color: #0e3c88; text-decoration: none; }
#bottomcontent ul li a:hover { text-decoration: underline; }
#bottomcontent #news {
	width: 490px;
	min-height: 183px;
	background: url(../images/page_corner.gif) top right no-repeat #f0efd9;
	color: #83826f;
	margin-left: 250px;
}
#bottomcontent #news h1 {
	color: #5f5e4c;
	font-weight: bold;
	font-size: 1.2em;
	padding:10px 0px 12px 10px;
}
#bottomcontent #news b { color: #5f5e4c; font-size: 1em; }
#bottomcontent #news p {
	padding: 0px 10px 10px 10px;
	font-size: 0.85em;
	line-height: 110%;
}
#announcement {
	padding: 5px;
	border: 1px solid #cfcfcf;
	margin: 0 0 12px 0;
	text-align: center;
}
.twocol li {float: left; width: 220px; }

.col {
	float:left;
	width:33%;
}

	.col-content {
		margin:10px 10px 10px 0;
	}
	
#content { background-color: #FFFFFF; padding: 0 10px 20px 10px; }
#content #map{
	color: #666A72;
	font-size: 0.75em;
	padding: 0px 0 0px 183px;
	line-height: 30px;
}
#content #map a { color: #666A72; text-decoration: none; }
#content #map a:hover { text-decoration: underline; }
#content #navcol {
	float: left;
	width: 150px;
	padding:0 20px 0 10px;
	color: #57585a;
	font-size: 0.82em;
}
#content #navcol p { line-height: 130%; padding-bottom: 20px; }
#content #navcol li a {
	text-decoration: none;
	color: #0e3c88;
	font-size: 1.2em;
	line-height: 120%;
}
#content #navcol a:hover { text-decoration: underline; }
#content #navcol h1 {
	color: #0e3c88;
	font-weight: bold;
	font-size: 1.4em;
	padding: 10px 0px 6px 2px;
}
#content #navcol h2 {
	color: #0e3c88;
	font-weight: bold;
	padding: 0 0 10px 0;
	font-size: 1.1em;
}
#content #navcol h4 {
	color: #0e3c88;
	font-weight: bold;
	font-size: 1.1em;
	padding: 30px 0px 16px 2px;
}
#content #navcol ul li {
	list-style: url(../images/bullet.gif);
	margin: 0 0 10px 20px;
	font-size: 0.8em;
	color: #0e3c88;
}
#content #mainpage {
	border-left: 1px solid #b5c4dd;
	width: 538px;
	margin: 10px 0 0 170px;
	padding-left: 20px;
	min-height: 450px;
}
#content #mainpage table { 
	border: 1px solid #2e5698; 
	font-size: 0.82em;
	width: 98%;
	margin:0 auto 12px auto;
}
#content #mainpage .seaport b { color: #0e3c88; font-size: 1.2em;}
#content #mainpage .seaport h1 {
	font-size: 0.9em;
	color: #000000;
	padding-left: 20px;
}
#content #mainpage .seaport a { text-decoration: underline; }
#content #mainpage h1, #content #allpage h1 {
	color: #0e3c88;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0px 0px 6px 2px;
}
#content #mainpage h2, #content #allpage h2 {
	color: #57585a;
	font-weight: bold;
	font-size: 0.75em;
	padding-bottom: 6px;
}
#content #allpage h3 {
	font-size: 0.9em;
	color: #57585a;
	text-decoration: underline;
	padding: 16px 0 6px 0;
}
#content #allpage { padding: 16px 10px 10px 10px;}
#content #mainpage p, #content #allpage p, label {
	font-size: 0.82em;
	color: #57585a;
	line-height: 130%;
	margin-bottom: 14px;
}
#content #mainpage b { color: #57585a; font-size: 0.9em; }
#content #mainpage ol{ margin: 10px 0 10px 30px; }
#content #mainpage ol li {
	list-style: decimal;
	padding-bottom: 8px;
	font-size: 0.75em;
	color: #57585a;
}
#content #mainpage ul, #content #allpage ul { margin: 10px 0 10px 26px; }
#content #mainpage ul li, #content #allpage ul li {
	list-style: disc;
	padding-bottom: 10px;
	font-size: 0.75em;
	color: #57585a;
}
#contacterr {
	padding: 4px;
	margin: 4px 0;
	border: 1px solid #990000;
	background-color: #FF8484;
	text-align: center;
}
#contactsent {
	padding: 4px;
	margin: 4px 0;
	border: 1px solid #006600;
	background-color: #94FC96;
	text-align: center;
}

/********************
 ** Footer =FOOTER **
 ********************/
#footer {
	color: #747171;
	font-size: 0.75em;
	text-align: center;
	margin: 12px 0;
}
#footer a { text-decoration: none; color: #747171; }
#footer a:hover { text-decoration: underline; }

/******************
 ** Forms =FORMS **
 ******************/
#content input { margin-top: 10px; }

/********************
 ** Tables =TABLES **
 ********************/
#content #mainpage table .dark { background-color: #CCCCCC; }
#content #mainpage table tr td{ border-top: 1px solid #2e5698; padding: 2px 10px; }
#content #mainpage table tr th {
	background-color: #2e5698;
	color: #FFFFFF;
	padding: 2px 10px;
	font-weight: bold;
}
#content #mainpage .seaport, #content #mainpage .seaport tr, #content #mainpage .seaport td, #content #mainpage .seaport th {
	border: 0;
	background-color: #FFFFFF;
	color: #000000;
	padding:10px 0;
}
#content #mainpage .seaport th { width: 180px; }
#content #mainpage .seaport th { font-weight: bold; }
#content #mainpage table tr td a { text-decoration: none; }