﻿html, body {
	background: #333 url('../images/bg.gif') repeat fixed;
}
#head1 {
	width: 252px;
	height: 142px;
	float: left;
	background-image: url('../images/blue_head1.gif');
}
#head2 {
	width: 435px;
	height: 142px;
	float: left;
	background-image: url('../images/blue_head2.gif');
}
#head3 {
	width: 187px;
	height: 142px;
	float: left;
	background-image: url('../images/blue_head3.gif');
}
#head4 {
	width: 874px;
	height: 75px;
	float: left;
	background-image: url('../images/blue_head4.gif');
}
#head4 .small {
	position:relative;
	top:50px;
	text-align:right;
	right: 40px;
	font-size:9px;
}

#wrapper {
	background-image: url('../images/blue_main.gif');
}
#footer {
	height: 283px;
	background-image: url('../images/blue_foot.gif');
	clear: both;
}
.joker {
	display: block;
}
.joker * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #1F7AA4;
}
.joker1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #9ec5d7;
	border-right: 1px solid #9ec5d7;
	background: #579bba;
}
.joker2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #e8f1f5;
	border-right: 1px solid #e8f1f5;
	background: #4993b5;
}
.joker3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #4993b5;
	border-right: 1px solid #4993b5;
}
.joker4 {
	border-left: 1px solid #9ec5d7;
	border-right: 1px solid #9ec5d7;
}
.joker5 {
	border-left: 1px solid #579bba;
	border-right: 1px solid #579bba;
}
.jokerfg {
	background: #1F7AA4;
}

#maincol {
min-height:300px;
}
#maincol a, #head4 a {
	color: #1F7AA4;
	font-weight: bold;
	text-decoration: none;
	background:transparent;
}
#maincol a:hover, #head4 a:hover {
	color: #4993b5;
	background:transparent;
	text-decoration: underline;
}

/* ###########  left menu #############  */
.moduletable_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}
.moduletable_menu li {
	width: 100%;
	line-height: 1.5em;
	font-size: 0.9em;
	
}
.moduletable_menu li:hover {
	background: #4993b5;
}
.moduletable_menu  li.active {
	background: #fff;
}
.moduletable_menu li a {
	text-decoration: none;
	color: #FFF;
	font-size: 1.1em;
	padding-left: 0px;
}

#leftcol ul li ul {
background:#fff;
border-bottom:solid 0 #3573BC;
border-top:0;
margin:0;
margin-left: 5px;
}

#leftcol ul li ul li {
}

#leftcol ul li ul li {
margin:0;
}

#leftcol ul li ul li a:hover,#leftcol ul li ul li a:active,#leftcol ul li ul li a:focus {
background:#FFF;
color:#000000;
}

#leftcol ul li ul li ul {
padding:10px 0 10px 5px;
}

#leftcol ul li.active a:link,#leftcol ul li.active a:visited {
background:#4993b5;
display:block;
color:#fff;
}

#leftcol ul li.active ul li a:link,#leftcol ul li.active ul li a:visited {
background:#E1F5E5;
color:#000;
font-weight:normal;
}

#leftcol ul li.active ul li a:hover {
background:#FFFFFF;
}

#leftcol ul li.active ul li ul li a:link,#leftcol ul li.active ul li ul li a:visited {
background:#fff;
color:#000;
font-weight:normal;
margin:0 0 0 10px;
}

#leftcol ul li.active ul li.active a:link,#leftcol ul li.active ul li.active a:visited {
background:#fff;
border-left:solid 0 #F0B512;
color:#000;
}

#leftcol ul li.active ul li.active ul li a:link,#leftcol ul li.active ul li.active ul li a:visited {
background: #fff;
color:#000;
font-weight:normal;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

#leftcol ul li.active ul li.active ul li.active span.active_link {
background:#fff ;
color:#000;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

div.moduletableother {
color:#ffffff;
}


