/* CSS Document */
html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #777777 url("images/esbglong.jpg") repeat-x left top;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
}

h2 {
	font-size: 2.2em;
}

h3 {
	margin-bottom: 1em;
	letter-spacing: 0.2em;
	font-size: 1.4em;
	font-weight: bold;
}

#wrapper {
	margin: 0.5em 1em 2em 1em;
	width: 98%;
}

#mainsite {
	margin: 0 auto;
	width: 76em;
	background-color: #FFFFFF;
}

/* Header */
#header {
	width: 100%;
	margin: 0 auto;
	background: #FFFFFF url("images/topheadbg.jpg") repeat-x left top;
}

#header .topleft {
	float: left;
	width: 9px;
	height: 92px;
}

#header .topright {
	float: right;
	width: 10px;
	height: 92px;
	margin: 0;
}

#header .logo {
	float: left;
	width: 35%;
	padding: 4.5em 1em 2.5em 3em;
}
.accesstabs {
	padding-bottom: 0.5em;
	text-decoration: none;
}

#header .headings {
	float: right;
	width: 45%;
	padding: 4em 2em 1em 1em;
}

#header h1 {
	text-align: right;
	font-size: 2.2em;
	font-weight: bold;
}

#header h2 {
	clear: right;
	text-align: right;
	font-size: 2em;
	color: #333333;
	padding: 0.5em 0 0.3em 0;
}

#header h3 {
	clear: right;
	text-align: right;
	text-transform: lowercase;
	font-size: 1.8em;
	padding: 0.2em 0 0 0;
}

/* Top Menu */
#menu {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background:  url("images/bg-topnav.gif") repeat-x;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	display: block;
	float: left;
	width: 16.4%;
	height: 4.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu a {
	display: block;
	padding: 1em 0 1em 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	letter-spacing: -0.1em;
	word-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

#menu .notactive {
	border-right: #666666 solid 0.1em;
}

#menu .notactive a {
	color: #4F4F4F;
}

#menu .notactive a:hover {
	color: #000000;
	height: 4.8em;
}


#menu .notactive2 a {
	color: #4F4F4F;
}

#menu .notactive2 a:hover {
	color: #000000;
	height: 4.8em;
}

#menu .active {
	border-right: #666666 solid 0.1em;
}

#menu .active a {
	color: #4F4F4F;
}

#menu .active a:hover {
	color: #000000;
}

/* Middle */
#midsite {
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #333333;
	border-top: 4px strong #000000;
}
#orig-midsite {
	clear: both;
	width: 100%;
	height: 100%;
	background: url(orig/images/z-2.jpg) bottom left repeat-x;
	border-top: 4px strong #000000;
}

.esimage {
	float: left;
	height: 100%;
	text-align: center;
	width: 74%;
	padding-top: 1.6em;
}

.esimagemenu {
	float: left;
	height: 100%;
	text-align: center;
	width: 74%;
}
.esimagemenutop {
	float: left;
	height: 100%;
	text-align: center;
	width: 74%;
	padding-top: 1em;
}

#sidemenu {
	float: right;
	width: 25%;
	background-color: #353132;
}

#sidemenu ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}

#sidemenu li {
	padding: 1em;
	margin: 0 1em 0 0;
	text-align: left;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

#sidemenu a {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#sidemenu a:hover {
	color: #CCCCCC;
}

#sidemenu .bars {
	color: #FFFFFF;
	border-bottom: #000000 ridge 1px;
}

#sidemenu .bars2 {
	color: #CCCCCC;
	border-bottom: #000000 ridge 1px;
}

#sidemenu2 {
	float: right;
	width: 25%;
	background-color: #353132;
}

#sidemenu2 ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

#sidemenu2 li {
	padding: 1em;
	margin: 0 1em 0 0;
	text-align: left;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

#sidemenu2 a {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#sidemenu2 a:hover {
	color: #CCCCCC;
}

#sidemenu2 .bars {
	color: #FFFFFF;
	border-bottom: #000000 ridge 1px;
}

#sidemenu2 .bars2 {
	color: #CCCCCC;
	border-bottom: #000000 ridge 1px;
}

/* Content */
#maincontent {
	width: 100%;
}

#maincontent p {
	font: normal 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin: 1.2em;
}

#maincontent a {
	color: #333333;
	text-decoration: underline;
}

#indfiller {
	width: 100%;
}

.indexboxes {
	float: left;
	text-align: center;
	width: 24.5%;
	padding: 2em 0 2em 0;
	margin: 0;
}

.contentleftind {
	clear: both;
	float: left;
	width: 21%;
	padding: 0 2% 1em 2%;
}

.contentrightind {
	float: right;
	width: 68%;
	padding: 0.5em 3% 1em 2%;
	margin: 0 1em 1em 0;
}

.contentrightnews {
	clear: right;
	float: right;
	width: 68%;
	background-color: #E8E8E8;
	padding: 0.5em 3% 1em 2%;
	margin: 0 1em 1em 0;
}

.contentTitle {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #713280;
	text-decoration: none;
}

.contentleftmenu {
	clear: both;
	float: left;
	width: 65%;
	padding: 2em 0.5em 1em 2em;
	margin: 0 1em 1em 0;
}

.contentrightmenu {
	float: right;
	width: 25%;
	padding: 5em 1em 1em 0.2em;
}

.contitalics {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #999999;
}

/* Footer */
.footer {
	clear: both;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 2em;
	border-top: 2px solid #534F50;
	font-family: Tahoma, Arial;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #777777
}
.footer a {
	font-family: Tahoma, Arial;
	color: #777777;
	text-decoration: none;
}
.footmid {
	clear: both;
	width: 76em;
	height: 8px;
	background: #FFFFFF url("images/footmidbg.gif") repeat-x left top;
	margin: 0 auto;
	padding: 0;
}
.footleft {
	float: left;
	width: 7px;
	height: 8px;
	background-color: #FFFFFF;
}
.footright {
	float: right;
	width: 7px;
	height: 8px;
	background-color: #FFFFFF;
	margin: 0;
}

/* Rounded Box */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background:   url("images/esbox_04.gif") no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background:   url("images/esbox_02.gif") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background:   url("images/esbox_01.gif") no-repeat top left;
	margin: 0;
	padding: 1.2em 3em 0.8em 3em;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background:   url("images/esbox_03.gif") no-repeat bottom left;
	margin: 0;
	padding: 0.5em 2.5em 3.1em 2.5em;
	text-align: left;
}
.arrowimage {
	margin-right: 0.6em;
}
.menu-image {
	width: 100%;
	text-align: center;
	margin: 1em 0 1em 0;
}
.menu-image img {
	border: 1px thin #999999;
}
.text_1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	color: #434446;
}
.form_1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 20px;
	background-color: #FFFFFF;
	height: 18px;
	width: 226px;
	border: 1px solid #BDBDBD;
}
.form_2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	background-color: #FFFFFF;
	height: 98px;
	width: 226px;
	border: 1px solid #BDBDBD;
	overflow:auto;
}
.form_3 {
	line-height: 20px;
	margin: 4px 0 4px 0;
}
#menufixed {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background:  url("images/bg-topnav.gif") repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
	text-align: center;
	height: 30px;
	padding-top: 15px;
}
#menufixed a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4F4F4F;
	text-decoration: none;
	padding: 0 25px 0 25px;
}
#menufixed a:hover {
	color: #000000;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
margin-top: 16px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #000000;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #666666;
color: #FFFFFF;
}