body{
color: #000;
background: #CCCFBA;
text-align:center;
margin-top: 0px; 
margin-bottom: 0px; 
padding:0; 
}

#top_description {
width:100%;
text-align:left;
clear:both;
float:left;
margin:0;
padding:4px 0 4px 0;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
}

img {
border:0;
margin:0;
padding:0;
}
#wrapper{
margin:auto;
width: 780px;
background: transparent;
border:0;
padding:0;
}
#header2{
clear:both;
float:left;
width:780px;
height:150px;
background:url(../images/header.jpg) no-repeat;
padding:0;
margin:0;
}
#main{
clear:both;
float:left;
width:780px;
background:url(../images/bgmain.gif) repeat-y;
padding:0;
margin:0;
border:0;
}
/* --- left side --- */
#left{
float:left;
width:587px;
margin:0;
padding:0;
background:none;
}
#lefttop{
clear:both;
float:left;
width:587px;
height:14px;
padding:0;
margin:0;
background:url(../images/lefttop.jpg) no-repeat;
}
#flash{
clear:both;
float:left;
width:563px;
height:150px;
margin:0;
padding:0 12px 0 12px;
}
#flashbot{
clear:both;
float:left;
width:563px;
height:125px;
margin:0;
padding:0 12px 0 12px;
}
#leftmain{
clear:both;
float:left;
width:563px;
margin:0;
padding:0 12px 0 12px;
text-align:left;
}
#leftmain p{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
padding:0;
margin:0 0 8px 0;
text-align:justify;
}
#leftmain table{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000033;
}
#leftmain p img, #leftmain img{
margin:0;
padding:0;
border:0;
}
#leftmain ul, #leftmain ul li{
margin:0;
padding:0 0 0 15px;
}
#leftbottom{
clear:both;
width:563px;
margin:0;
padding:0 12px 0 12px;
text-align:left;
}
.title{
clear:both;
float:left;
width:557px;
padding:5px 0 5px 6px;
margin:0;
background:#CAC4C4;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
font-weight:bold;
}
#leftmain a:link, #leftmain a:visited, #leftmain a:active, #leftbottom a:link, #leftbottom a:visited, #leftbottom a:active{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#054CCE;
text-decoration: none;
}
#leftmain a:hover, #leftbottom a:hover {
color:#333366;
text-decoration: underline;
background:transparent;
}

#portbot{
	clear: both; 
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	background:transparent;
	margin: auto;
	padding: 5px 0 5px 0px;
	width: 571px;
	border: 0px solid #000;
	text-align:left;
}
.portbottub{
float:left;
width:267px;
height:80px;
margin:0;
padding:4px;
border:0px solid #000;
}
.porttubl{
float:left;
width:75px;
margin:0;
padding:0px;
border:0px solid #000;
}
.porttubl img{
padding:0;
margin:0;
border:0;
}
.porttubr{
float:left;
width:182px;
margin:0;
padding:2px 4px 2px 4px;
border:0px solid #000;
}

/* galery css */

#galeryport{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color:#4D606F;
	float: left;
	margin: auto;
	padding: 0px ;
	width: 560px;
	border: 0px solid #000;
	text-align:left;
}
.portleft1{
/* clear: both; */
	font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	float: left;
	background:transparent;
	margin: 0px;
	padding: 4px 5px 4px 5px;
	width:550px;
	border-bottom: 1px solid #E2DCDA;
	text-align:left;
}


.portleft1 img{
border:0;
padding:0;
margin:0;
}
.portleft1 a:link, .portleft1 a:visited, .portleft1 a:active{
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #7E1616;
	font-weight: bold;
	text-decoration: underline;
	border:0;
}
.portleft1 a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	border:0;
}
.galleft {
/* clear: both; */
	float: left;
	margin: 0;
	padding: 7px 0 0 7px ;
	width: 90px;
	border: 0px solid #eee;
	text-align:left;
}
.galright {
/* clear: both; */
	float: left;
	background:transparent;
	margin: 0;
	padding: 2px ;
	width: 445px;
	border: 0px solid #fff;
	text-align:left;
}
.titleresult{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 5px ;
	margin:0 0 0px 0;
	width: 555px;
	text-align:center;
	border-bottom: 1px solid #999999;
	background:#ccc;
}
#pagetop{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 0px ;
	margin:0 0 0px 0;
	width: 563px;
	text-align:center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background:#eee;
}
#pagebottom{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 0px ;
	margin:0 0 0px 0;
	width: 563px;
	text-align:center;
	border: 0px solid #000;
	background:#eee;
}
#pagebottom p, #pagetop p {
margin: 3px;
}
#pagebottom a:link, #pagebottom a:visited, #pagebottom a:active,
#pagetop a:link, #pagetop a:visited, #pagetop a:active  {
color:#293357;
border:1px solid #2f0101;
background:#fff;
width:10px;
height:12px;
padding:0px 3px 0px 3px;
margin:2px 1px 2px 1px;
text-decoration: none;
}
#pagebottom a:hover, #pagetop a:hover {
	text-decoration: none;
	color: #2f0101;
	border:1px solid #2f0101;
	background:#dbc385;
	padding:0px 3px 0px 3px;
	margin:2px 1px 2px 1px;
	font-weight:bold;
	}
/* galery css */
/* form class */
.login{
clear:both;
float:left;
width:550px;
margin:0;
padding:0;
text-align:center;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}

.topform{
width: 148px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 4px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
}
.topformclass{
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
margin:0;
padding:0;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
.rightsearch{
padding-left:4px;
padding-right:0;
padding-top:0px;
padding-bottom:2px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
}
/* end form class */


/* --- end left side --- */

/* --- right side --- */
#right{
float:left;
width:193px;
margin:0;
padding:0;
background:none;
text-align:left;
}
#right p{
clear:both;
float:left;
width:179px;
margin:0;
padding: 4px 4px 4px 10px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
#news{
clear:both;
float:left;
width:178px;
margin:0;
padding:0 6px 0 6px;
border:0px solid #000;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.date{
clear:both;
float:left;
width:148px;
margin:0px;
padding:1px 0 1px 0;
color:#152937;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-decoration:underline;
}
#news p{
padding:0;
margin:0;
}
#news a:link, #news a:visited, #news a:active {
color:#152937; 
text-decoration: none;
}
#news a:hover {
	text-decoration: none;
	color: #990000;
	}

#topright{
clear:both;
float:left;
width:178px;
margin:0;
padding:6px 0 2px 13px;
height:21px;
background:url(../images/topright.gif) no-repeat;
font: 12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#152937;
text-align:left;
font-weight:bold;
border-bottom:1px solid #000;

}
.sidetitle {
clear:both;
float:left;
width:178px;
height:21px;
margin:0px;
padding: 6px 0px 2px 13px;
background:url(../images/bgmenuright.gif) repeat-y;
color:#152937;
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 12px;
font-weight:bold;
text-align:left;
border-bottom:1px solid #000;
}	

#subnavi {
	margin:0; padding:0;
}
#subnavi a:link, #subnavi a:visited {
color:#000; 
text-decoration: none;
}
#subnavi a:hover {
	text-decoration: none;
	color: #990000;
	}

#subnavibg {
background: transparent;
}

/* menu css */
#quick, .menu{
	clear:both;
	float:left;
	padding:0;
	margin:0px;
	width:191px;
}
#quick a, #quick a:active, #quick a:visited{
text-decoration:none;
}
#quick a:hover{
color:#a00;
text-decoration:none;
}
.menu a, .menu h2{
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px; 
display:block;
border-bottom:1px solid #BEBFB7;
border-top:0px solid #C2B39F;
border-right:0px solid #fff;
border-left:0px solid #fff;
margin:0;
padding:3px 3px 3px 20px;
font-weight:bold;
width:168px;
}
.menu h2{
color:#001540;
background: #fff;
}
.menu a, .menu a:active, .menu a:visited{
color:#001540;
text-decoration:none;
}
.menu a:hover{
color:#a00;
background:url(../images/bgmenuhover.gif) #E8E6DD repeat-y;
}
.menu ul{
list-style:none;
margin:0;
padding:0;
width:191px;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */
.menu li, .menu li:hover{
position:relative;
}
.menu li ul{
position:absolute;
top:0;
left:-100.1%;
display:none;
}
.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;
background:#E4E3DC;
}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{display:block;}
.menu ul li a:hover ul,
.menu ul ul li a:hover ul,
.menu ul ul ul li a:hover ul
{display:block;
background:#E4E3DC;}
/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:visited, .menu a.x:active{
background: url(../menus/expand.gif) no-repeat  right;
color:#001540;
background-position:5px 50%

}

.menu a.x:hover{
background:#E8E6DD url(../menus/close.gif) no-repeat  right;
color:#a00;
background-position:5px 50%

}

/* form class */
.topform{
width: 148px;
clear:both;
float:left;
margin:0 0 2px 0px;
padding:0 4px 4px 14px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
border:0px solid #597EAB;
}
.topformclass{
text-align:left;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#093C5F;
margin:0;
padding:0;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
border:1px solid #ccc;
} 
.rightsearch{
padding-left:4px;
padding-right:0;
padding-top:0px;
padding-bottom:2px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
}
/* end form class */
/* --- end right side --- */
#footer {
clear: both;
float:left;
margin:auto;
width:780px;
padding:0;
background: #A9AAA4;
border:0;
text-decoration: none;
text-align:left;
}
#footertop{
clear:both;
float:left;
width:780px;
height:30px;
padding:0;
margin:0;
background:url(../images/bgfootertop.gif) no-repeat;
}
#footer p {
font-family: verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-size: 11px; 
padding:0px 0 4px 10px;
margin:0;
color:#fff;
text-decoration: none;
text-align:left;
}
#footer a:link, #footer a:visited, #footer a:active{

	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	color: #eee;
	text-decoration: none;
	font-weight: bold;
}