/* enlighs */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #E3EDF8 url(-/bg.gif) repeat-x;
}

#login {
	float: left;
}

#search {
	float: left;
}

#search-01 {
	width: 740px;
	margin: 40px auto 5px auto;
	position: relative;
	text-align: right;
	padding-right: 15px;
}

#container-01 {
	width: 755px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	background: url(-/bg-middle.gif) repeat-y;
}

#top {
	width: 755px;
	height: 16px;
	background: url(-/bg-top.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#middle {
	width: 727px;
	padding: 0px 16px 0px 12px;
	background: url(-/bg-middle.gif) repeat-y;
}

#middle-1 {
	width: 213px;
	height: 470px;
	float: left;
	margin-right: 8px;
	background: url(-/bg-middle-1.jpg) no-repeat;
	background-color: #04488F;
}

#middle-01 {
	width: 213px;
	height: 728px;
	float: left;
	margin-right: 8px;
	background: url(http://www.gesm.org/-/bg-middle-1.jpg) no-repeat;
	background-color: #04488F;
}

/* ===================== */
/* ===================== */

#middle-01 ul {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#middle-01 ul ul {
	padding-top: 3px;
	padding-left: 8px;
	margin-left: 0px;
}

#middle-01 li ul li, #show li{
	/*list-style: none;*/
	list-style: url(-/btn-nav-2.gif);
}

#middle-01 li li a{
	font-weight: normal;
}

.menu {padding: 25px 0 0 0;}
.menu ul li ul {
width: 170px;
visibility: hidden;
}

#shown {margin-top: -10px;}
#show {visibility: visible;}

/* ===================== */
/* ===================== */

#middle-2 {
	width: 319px;
	height: 470px;
	padding: 0px;
	float: left;
	background: url(-/bg-middle-2.jpg) no-repeat;
	background-color: #04488F;
}

#middle-3 {
	width: 185px;
	height: 470px;
	float: right;
	background: url(-/bg-middle-3.jpg) no-repeat;
	background-position: top right;
	/*background-color: #04488F;*/
}


#bottom {
	clear: both;
	width: 755px;
	height: 15px;
	background: url(-/bg-bottom.gif) no-repeat;
}

#footer {
	width: 755px;
	margin: 0 auto;
}

#footer ul {
	padding: 0 0 0 75px;
	margin: 0;
}

#footer li {
	float: left;
	list-style: none;
	margin: 0;
}

#footer a {
	color: #333333;
}

#news-pic {
	padding: 8px 0 8px 0;
}

#news-block {
	width: 160px;
	height: 220px;
	margin-left: 12px;
}

#pro a {
	color: #FFFFFF;
}

#pro {
	padding-top: 25px;
}

#pro-2 {
	padding-top: 5px;
}

#middle-01 ul, #middle-1 ul {
	padding-top: 25px;
}

#middle-01 li, #middle-1 li {
	list-style: url(-/btn-nav.gif);
	margin: 0px 0px 3px 8px;
	color: #FFF;
	font-weight: bold;
}

#middle-01 a, #middle-1 a {
	color: #FFF;
	text-decoration: none;
}

a {
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#title-yellow {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	margin: 2px 0px 0px 12px;
}

#title-yellow a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
}

#title-blue {
	font-size: 12px;
	font-weight: bold;
	color: #3366CC;
	margin: 2px 0px 8px 12px;
}

#middle a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

p {
	line-height: 14px;
}

#middle-2 p {
	margin: 0 12px 14px 12px;
	color: #FFF;
}

#middle-2 a {
	color: #FFF;
}

#middle-3 p {
	margin: 0 12px 14px 12px;
	color: #333333;
}

#middle-3 ul {
	margin-top: 4px;
}

#middle-3 li {
	list-style: url(-/btn-nav.gif);
}

#news-block a{ 
	color: #003399;
}

#news-block a:hover {
	color: #3366CC;
}

#welcome {
	text-align: justify
}

#line-gray {
	width: 506px;
	height: 9px;
	float: left;
	background: url(http://www.gesm.org/-/line-gray.gif) repeat-x;
}

#middle-4 {
	width: 506px;
	height: 250px;
	float: left;
	background-color: #04488F;
}

#middle-5 {
	width: 295px;
	height: 240px;
	padding: 12px 0 0 0;
	float: left;
}

#middle-6 {
	width: 26px;
	height: 240px;
	padding: 12px 0 0 0;
	background: url(http://www.gesm.org/-/bgi-middle-divider.gif) no-repeat right;
	float: left;
}

#middle-7 {
	width: 164px;
	height: 240px;
	padding: 12px 0 0 0;
	float: left;
}

#middle-7 p {
	padding-left: 12px;
	color: #FFFFFF;
}

#middle-7 a, #middle-7 a:link, #middle-7 a:visited {
	color: #FFFFFF;
}

#middle-7 a:hover {
	color: #FFFF00;
}


#box-a {
	width: 283px;
	height: 84px;
	padding: 10px 0 0 12px;
	vertical-align: top;
}

#box-a-1 {
	width: 96px;
	height: 84px;
	padding: 0 9px 0 0;
	float: left;
}

#box-a-2 {
	width: 178px;
	height: 83px;
	float: left;
}

#box-a-2 p, #box-a-2 a, #box-a-2 a:link, #box-a-2 a:visited {
	color: #FFFFFF;
}

#box-a-2 p {
	padding: 0px;
	margin: 0px;
}

#box-a-2 a:hover {
	color: #FFFF00;
}

#box-divide {
	width: 287px;
	height: 12px;
	margin: 0 0 0 12px;
	background: url(http://www.gesm.org/-/bg-box-divide.gif) repeat-x;
	/*clear: both;*/
}