/* CSS Document */

/* core */
html, body, #main_container {min-height: 100%;	width: 100%; height: 100%;}

body {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #666666;
	margin:0;
	padding:0;
	background-color: #666;
	line-height: 18px;
}
#main_container {
	padding:0;
	margin:0 auto;
	z-index: 3000;
}
a, a:visited {color:#666666; text-decoration: underline;}
a:hover, a:active {color:#339999; text-decoration: none;}
img {border: none;}
a img {border: none; outline: 0;}
a.img {text-decoration: none;}
.img-right {float: right; padding: 0px 0px 6px 30px;}
.img-left {float: left; padding: 0px 30px 6px 0px;}
.clear {
	clear: both;
}
h1 {font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #660099;}
h1.home {margin-bottom: -10px;}
h2 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #660099; margin-bottom: -12px;}
h3 {font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #336666;}
.emphasize {font-weight: bold; color: #660099;}
.emphasize-green {font-weight: bold; color: #336666;}
.small {font-size: 11px;}

/* header global */
#header_cont {
	width:900px;
	height:152px;
	background: url(../images/header-bkgnd.jpg) no-repeat center top;
	margin: 0 auto;
	}
#header_logo {
	width: 503px;
	float: left;
}
#header_map {
	width: 397px;
	float: right;
}

/* Content area */
#content_cont {
	width: 900px;
	margin: 0 auto;
	background: url(../images/main-bkgnd.gif) repeat-y top center;
}
#home-content {float: right; text-align: left; width: 248px;}
#home-content ul{margin: -14px 0px 0px -14px;}
#nav {
	width: 127px;
	padding: 28px 8px 0px 14px;
	background-color: #660099;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cccc99;
	line-height: 14px;
	float: left;
	text-align: left;
}	
#nav ul { /* all nav lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		background-color: #660099;
	}
	
	#nav li { /* all nav list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		padding: 4px 0px;
		width: 10em;
	}
	#nav li li {border-bottom: 1px #cccc99 dotted; margin-top: 0px; padding: 6px;}
	#nav li li.last {border-bottom: none; margin: 0px; padding: 6px;}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 8.8em;
		margin-top : -2.5em;
		padding: 4px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		display : block;
		text-decoration : none;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
#nav li a, #nav li a:visited {color: #cccc99; text-decoration: none; display : block;}
#nav li a:hover, #nav li a:active {color: #fff; text-decoration: none; display : block;}
#content_mid {
	width: 468px;
	min-height: 360px;
	padding: 20px 45px;
	text-align: left;
	float: left;
}
#content {
	width: 636px;
	min-height: 360px;
	padding: 20px 75px 20px 40px;
	background-color: #d6d6af;
	text-align: left;
	float: left;
}
#content_cont li {
	margin-top: 6px;
}
#sidebar {
	width: 158px;
	padding: 16px 14px 0px 21px;
	background-color: #999966;
	float: right;
	color: #fff;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 14px;
}
#sidebar a {color: #fff;}
#sidebar a:visited {color: #d6d6af;}
#sidebar a:hover, #sidebar a:active {text-decoration: none;}

#column-left {
	float: left;
	margin-top: 14px;
	width: 200px;
}
#column-right {
	float: right;
	margin-top: 14px;
	width: 200px;
}
/* Footer */
#footer_cont {
	width: 900px;
	margin: 0 auto;
	background: #cccc99 url(../images/footer-bkgnd.jpg) no-repeat center bottom;
}
#footer_share {
	width: 880px;
	height: 20px;
	padding: 4px 20px 4px 0px;
	text-align: right;
	margin: 0 auto;
}
#share {float: right;}
#footer_links {
	width: 860px;
	height: 28px;
	padding: 8px 20px 0px 20px;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}
#footer_links a, #footer_links a:visited {color: #fff; text-decoration: none;}
#footer_links a:hover, #footer_links a:active {color: #fff; text-decoration: underline;}
#copyright {
	width: 800px;
	margin: 0px 40px 0px 60px;
	padding: 8px 0px;
	text-align: left;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #666;
}
#copyright a, #copyright a:visited {color: #666; text-decoration: underline;}
#copyright a:hover, #copyright a:active {color: #666; text-decoration: none;}

/* Forms */
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 610px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 130%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 500px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 4px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 80%;
}

form fieldset div.notes h4 {
  padding: 3px 0 3px 0px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 100%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.0em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

input, select, textarea {color: #666; font-size: 11px;}

form div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}


form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #660099;
  color: #fff;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}