/* CSS Document */

body{
color: #000;
background:#615f54;
text-align:center;
margin:15px 0 5px 0; 
}
#wrapper{
clear:both;
margin:auto;
padding:0;
width:780px;
}
#left{
float:left;
width:289px;
height:auto;
margin:0;
padding:0;
}
#lefttop{
clear:both;
float:left;
width:289px;
height:79px;
background:url(../images/lefttop.jpg) no-repeat #638bbc;
}
#leftmiddle{
clear:both;
float:left;
width:289px;
background:url(../images/leftmidle.jpg) repeat-y #638bbc;
text-align:left;
}

.lefttitle{
clear:both;
float:left;
width:213px;
padding:2px 0px 2px 10px;
background:#003366;
color:#fff;
margin:8px 0 0 0;
text-align:left;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.leftform{
clear:both;
float:left;
width:213px;
padding:6px  0 6px 0;
margin:0;
}
.leftbox{
clear:both;
float:left;
width:224px;
padding:5px 40px 5px 20px;
margin:0;
text-align:left;
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.searchfield{
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
margin:0;
padding:0;
}
.field{
border:1px solid #999999;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0;
padding:0;
color:#333333;
}
.btlogin {
background:#ccc;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
pading:2px;
margin:0;
border:1px solid #999;
}
/* menu css */
/* begin menu */
#menus{
clear:both;
float:left;
width:234px;
padding:0 0 0 20px;
margin:0;
text-align:left;
border:0px solid #000;
}
.menu{
	width:234px;
	padding:0;
	margin:0;
	background:none;
}
.menu a{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border:0px solid #C2B39F;
margin:0;
padding:4px 3px 4px 5px;
font-weight:bold;
width:216px;
color:#001540;
text-decoration:none;
background:  #f8e7cb;
border-left:10px solid #163B5D;
border-top:1px solid #b6c5d7;
}
.menu a:hover{
color:#a00;
background:  #eee;
border-left:10px solid #3B5B78;
}
.menu ul li ul a{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
display:block;
border:0px solid #C2B39F;
margin:0;
padding:4px 3px 4px 5px;
font-weight:bold;
width:132px;
color:#001540;
text-decoration:none;
background:  #f8e7cb;
border-left:10px solid #163B5D;
border-top:1px solid #b6c5d7;
}
.menu ul li ul a:hover{
color:#a00;
background:  #eee;
border-left:10px solid #3B5B78;
}
.menu ul{
list-style:none;
margin:0 0 0px 0;
padding:0;
width:234px;
border:0px solid #544035;
}
.menu ul li ul{
list-style:none;
margin:0 0 0px 0;
padding:0;
width:150px;
border:1px solid #544035;
}
/* 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;
margin:0 0 3px 0;
border-bottom:1px solid #000;
}
.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;
margin:0 0 3px 0;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{display:block;
margin:0 0 3px 0;

}

/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:visited, .menu a.x:active{
background:  url(../images/arrows.gif) 96% 50% no-repeat #f8e7cb;
color:#001540;
}

.menu a.x:hover{
background:  url(../images/arrow.gif) 96% 50% no-repeat #eee;
color:#a00;
}


.lefttop2{
clear:both;
float:left;
width:289px;
height:20px;
background:url(../images/lefttop2.gif) no-repeat;
}
.leftmidle2{
clear:both;
float:left;
width:249px;
height:auto;
background:url(../images/leftmiddle.jpg) repeat-y;
padding:0 20px 0 20px;
margin:0;
}
.leftbottom2{
clear:both;
float:left;
width:289px;
height:23px;
background:url(../images/leftbottom2.gif) no-repeat;
}
.titles{
clear:both;
float:left;
width:231px;
font: 13px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #000;
font-weight: bold;
text-align:left;
background:url(../images/menu.gif) left no-repeat ;
padding:0 0 4px 18px;
margin:0 0 4px 0;
border-bottom:1px solid #CC6600;
}
.date{
clear:both;
float:left;
width:216px;
margin: 0 0 4px 0;
padding:2px 0 0px 15px;
font: 9px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
font-weight:bold;
background:url(../images/more.jpg) left no-repeat;
text-align:left;
}
.leftmidle2 p{
clear:both;
float:left;
width:249px;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
margin:0 0 10px 0;
padding:0;
}
.leftmidle2 a:link, .leftmidle2  a:visited, .leftmidle2 a:active {
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0A568C; 
text-decoration: none;
font-weight:bold;
}
.leftmidle2  a:hover {
text-decoration: underline;
color: #7E1616;
}

#contentleft{
clear:both;
float:right;
width:130px;
background:transparent;
display:block;
}
/* end menu */

/* end menu */
#leftbottom{
clear:both;
float:left;
width:289px;
height:417px;
background:url(../images/leftbottom.jpg) no-repeat #638bbc;
}

#cruiser{
padding:0;
margin:0;
float:left;
height:155px;
width:289px;
display:block;
}
.link2{
height:155px;
width:289px;
display:block;
margin:0;
padding:0;
}
#cruiser a, #cruiser a:link, #cruiser a:active, #cruiser a:visited { 
	font: 11px/1.4em Geneva, Arial, Helvetica, sans-serif;
	color: #013366;
	font-weight:bold;
	text-decoration: none;
	padding:0;
	margin:0;
	width:289px;
	background:url(../images/cruiser.jpg) 0 0 no-repeat;
}
#cruiser a:hover {
	color: #500E0F;
	font-weight: bold;
	padding:0;
	margin:0;
	width:289px;
	background:url(../images/cruiser.jpg) 0 -155px  no-repeat;
}

#spa{
padding:0;
margin:0;
float:left;
height:138px;
width:289px;
display:block;
}
.link3{
height:138px;
width:289px;
display:block;
margin:0;
padding:0;
}
#spa a, #spa a:link, #spa a:active, #spa a:visited { 
	font: 11px/1.4em Geneva, Arial, Helvetica, sans-serif;
	color: #013366;
	font-weight:bold;
	text-decoration: none;
	padding:0;
	margin:0;
	width:289px;
	background:url(../images/BIF.jpg) 0 0 no-repeat;
}
#spa a:hover {
	color: #500E0F;
	font-weight: bold;
	padding:0;
	margin:0;
	width:289px;
	background:url(../images/BIF.jpg) 0 -138px  no-repeat;
}


#right{
float:left;
width:486px;
height:auto;
margin:0;
padding:0;
}
.box{
float:left;
width:486px;
height:auto;
display:block;
background:none;
margin:0;
padding:0;
}
.boxtop{
clear:both;
float:left;
width:486px;
height:20px;
background:url(../images/boxtop.jpg) no-repeat;
}
.boxmiddle{
clear:both;
float:left;
width:446px;
background:url(../images/boxmiddle.jpg) repeat-y;
padding:0 20px 0 20px;
margin:0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
}
.ket{
clear:both;
float:left;
width:446px;
margin:0;
padding:0;
}
.boxmiddle ul li{
clear:both;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color:#0C1E33;
background:url(../images/arrowcat.gif) 0 0 no-repeat;
list-style:none;
padding:0 0 0 15px;
margin:0;
}
.boxmiddle ol li{
clear:both;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color:#0C1E33;
padding:0 0 0 0px;
}


.title{
clear:both;
float:left;
width:426px;
font: 13px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color: #61403B;
font-weight: bold;
text-align:left;
background:url(../images/title.jpg) left no-repeat ;
padding:0 0 4px 18px;
margin:0 0 8px 0;
border-bottom:1px solid #CC6600;
}
.boxmiddle p{
clear:both;
float:left;
width:446px;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
margin:0 0 10px 0;
padding:0;
}

.lres{
clear:both;
float:left;
width:302px;
padding:3px 72px 3px 72px;
margin:0;
text-align:center;
}
.linkres{
clear:both;
float:left;
width:300px;
padding:0;
background:#D7DBE3;
margin:0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0D1330;
text-align:center;
border:1px solid #999999;
}
.linkres:hover{
background:#D7D7D7;
}
.thumb{
clear:both;
float:left;
display:block;
width:436px;
padding:0 2px 6px 2px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
margin:0 0 6px 0;
border-bottom:1px solid #ccc;

}
.thumbs{
width:80px;
float:left;
padding:2px 0 0 2px;
border:0px solid #ccc
}
.thumbsr{
width:340px;
float:left;
padding:2px 0 0 10px;
border:0px solid #ccc
}
.thumb p{
clear:both;
float:left;
width:340px;
font: 10px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
margin:0;
padding:0;
}
.hot{
margin: 2px 6px 5px 6px;
padding:4px 10px 4px 19px;
text-align:justify;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#0D1330;
background:url(../images/menu.gif) 5px 50% no-repeat #EBEDF1 ;
border-top:1px solid #cccccc;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #cccccc;
}
.copy{
font: 11px/1.3em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#082944;
text-align:left;
margin:0;
padding:0;
}
.boxmiddle a:link, .boxmiddle  a:visited, .boxmiddle a:active {
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#7E1616; 
text-decoration: none;
font-weight:bold;
}
.boxmiddle  a:hover {
text-decoration: underline;
color: #0A568C;
}
.search{
clear:both;
float:left;
width:336px;
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#635F54;
margin:0;
padding:0;
text-align:left;
}
.searchfield{
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#635F54;
margin:0;
padding:0;
}
.boxbottom{
clear:both;
float:left;
width:486px;
height:22px;
background:url(../images/boxbottom.jpg) no-repeat;
}
#footer{
clear:both;
float:left;
width:466px;
background:none;
margin:0;
padding:2px 10px 0 10px;
text-align:right;
}
#footer p{
clear:both;
float:left;
width:466px;
font: 11px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#f4f8f9;
margin:0;
padding:0;
text-align:right;
}