/* CSS Document */
:focus {-moz-outline-style: none; }
img{border:none}
/**{border:1px solid red}*/
html, body {
			padding:0px;
			margin: 0px;
			font-family: Trebuchet MS, Verdana;
			background-color:#000c45;
			line-height:1.2;
}

td{vertical-align:top}


#logo{
position:absolute; 
top:65px; 
left:20px;
}

.grey {
color:#BF0101;
font-family:arial,helvetica;
font-size:9pt;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

#wrap{
            width:900px;
			margin:0 auto;
			background-color:#dbeeff;
			margin-top:40px;
			margin-bottom:20px;
			position:relative;
			min-height:650px;
            height:auto !important;
            height:650px;
}

#header{
width:900px; 
height:134px;
background:url(img/header.jpg) no-repeat;
}

#intro {
float:right;
padding-right:20px;
color:#FFFFFF;
font-size:20px;
padding-top:32px;
font-family:Verdana;
}

#menu_top{
clear:right;
float:right;
padding-right:20px;
padding-top:34px;
}

#menu_top ul{
padding:0px;
margin:0px;
list-style:none;
font-size:15px;
}	

#menu_top li {
float:left;
padding-left:20px;
}

#menu_top a{
color:#6699ff;
text-decoration:none;
}

#menu_top a:hover{
color:#bbd2ff;
}

#menu_top .menu_top_a a{
color:#bbd2ff;
}

#footer{
padding: 0 20px 15px 20px;
background:url(img/lin.jpg) repeat-y;
}


#main{
width:687px;
background-color:#FFFFFF;
border:1px solid  #6699ff;
min-height:850px;
height:auto !important;
height:850px;
}

#menu {
height:770px;
width:163px;
margin-top:45px;
padding-top:25px;
background: no-repeat url('img/menu_bg.jpg') ;
overflow:hidden;
}



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

#menu li{
padding:0px;
margin:0px;
padding: 8px 0 8px 15px;

}
#menu a{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
padding:0px;
margin:0px;
}

#menu a:hover{
text-decoration:underline;
font-weight:bold;
}

#menu .menu_a a{
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #9bc0ff;
}

h2{
font-size:16px;
}



.about{
padding:0 0 0 20px;
margin:0;
}

.about p{
color: #6c9dff;
padding:0;
margin:0;
}

.blue{
color: #6c9dff;
padding:0 0 0 20px;
margin:0;
}

.blue1{
font-size:18px;
color:#6699ff;
font-weight:bold;

}

#info{
width:170px;
padding-bottom:15px;
font-size:11px;
position: absolute; 
bottom:0;
}

#info a{
color:#000000;
text-decoration:none;
}

.h{
width:660px;
color:#000c45;
font-size:22px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#d3e1ff;
padding-bottom:8px;
text-align:left;
}

.h div {
background-color:#FFFFFF;
}

#content{
padding:12px 7px 4px 20px;
text-align:left;
font-size:11px;
}

#gallery_w{
width:330px;
float:right;
}

#click{
text-align:center;
color:#6699ff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
font-size:14px;


}

.main_content{
padding-top:10px;
width:316px;
font-size:11px;
float:left;
}


.req{
float:left; 
width:190px;
text-align:right;
padding:10px;
}


.pic{
float:left; 
width:110px;
padding:10px 0;
}

.about_t{
float:left; 
width:310px;
padding:10px;
}

.name{
color:#000c45;
font-weight:bold;
font-size:16px;
}

.position{
color:#000c45;
font-size:11px;
}

.mail a{
color:#6699ff;
text-decoration:none;
}


div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	float:right;
	clear:both;
	width:330px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 15px 0 10px 6px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #6699ff;
}
ul.thumbs li.selected a.thumb {
	
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	width:70px;
	height:68px;
}


div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	/*display: none;*/
	width: 330px; 
	overflow:hidden;
	height:407px;
	
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.slideshow-container {
	position: relative;
	clear: both;
	height: 395px; /* This should be set to be at least the height of the largest image in the slideshow */


}


div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 330px;
	height: 395px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
}
div.slideshow a.advance-link {
	display: block;
	width: 330px;
	height: 395px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;

}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}

div.slideshow img {
	border: 1px solid #ccc;
	width:330px;
	height:395px;

}

span.image-caption {
	display: block;
	position: absolute;
	width: 378px;
	top: 0;
	left: 0;
}

.clear{
	clear:both;
}