html,html body {height:100%;}
body {
margin: 0;
font: 13px/18px Arial;
background: #0e242a;
color: #e3f0f3;
}
img{
border: none;
}
p{
margin:0 0 15px 0;
}
h1, h2{
font-family:Arial;
font-size:20px;
font-weight:normal;
color: #23a3d7;
background-color: #0e242a;
margin:20px 0;
}
h1{
letter-spacing:-1px;
font-size:24px;
font-weight:bold;
}
h6{
font-size:10px;
font-weight:normal;
color:#478ea1;
}
#content ul{
margin:30px 0 0 30px ;
padding:0;
list-style-image:url(i/tick.gif);
list-style-type:none;
}
#content ul li{
margin:0 0 20px 0;
width:200px;
}
#content ol li{
margin:10px 0 0 -15px ;
}
th{
text-align:left;
font-weight:normal;
}
#button{
color:#000;
background-color:#ccc;
border:1px solid #000;
height:30px;
width:100px;
}
a{
text-decoration: none;
outline: none;
}
a:link {
color:#23a3d7;
}
a:visited{
color: #8aadb7;
}
a:hover{
color: #fff;
}
#logo {
position:absolute;
left:0;
top:0;
width:190px;
height:141px;
z-index:5;
background: #393838 url(i/logo.gif) no-repeat;
text-indent:-9000px;
}
#ban1, #ban2, #ban3, #ban4 {
position:absolute;
left:190px;
top:0;
height:66px;
z-index:2;
background: #288c95 url(i/ban1.gif) no-repeat;
width: 484px;
}
#ban2{
background: url(i/ban2.gif) no-repeat;
}
#ban3{
background: url(i/ban3.gif) no-repeat;
}
#ban4{
background: url(i/ban4.gif) no-repeat;
}
#nav{	
position:absolute;
left:190px;
top:66px;
height:35px;
z-index: 8;
width: 800px;
margin:0;
padding:0;
list-style:none;
float:left;
}
#nav li{
font-weight:bold;
text-align:center;
float:left;
}
#nav li a {
display:block;
padding:0;
width:102px;
line-height:35px;
background: #183a48 url(i/tab-b.gif) no-repeat top left;
text-decoration:none;
color: #4d889f;
float:left;
}
#nav  a:hover, #nav a#now2{
color:#fff;
background: #2a2929 url(i/tab-g.gif) no-repeat top left ;
}
#nav li a.shadow{
background: #183a48 url(i/tab-bs.gif);
}
#nav a.shadow:hover, #nav a#now{
background: #2a2929 url(i/tab-gs.gif) no-repeat top left ;
color:#fff;
}
#sidebar{	
position:absolute;
left:0;
top:141px;
z-index: 8;
width: 190px;
margin:0;
padding:0;
list-style:none;
}
#sidebar a {
font-size:11px;
display:block;
padding:0;
width:190px;
line-height:30px;
text-decoration:none;
color: #fff;
background-color: #2d2d2d;
border-bottom:1px solid #000;
text-indent:5px;
}
#sidebar  a:hover, #sidebar a#pick{
color:#fff;
background: #1782b5 url(i/sidebar-b.gif) no-repeat;
}
a.first{
background: #1592A9 url(i/sidebar-g.gif);
}
input,textarea{
background: #327d9b;
border: 1px solid #fff;
width: 250px;
line-height:25px;
text-indent:5px;
color:#fff;
}
.button{
height:18px;
width:48px;
border:none;z
}
#topbg {
position:absolute;
left:0;
top:0;
width:100%;
height:101px;
z-index:1;
background: #288c95 url(i/navbg.gif) bottom left repeat-x;
}
#content {
font-family:"Trebuchet MS", san-serif;
font-size:14px;
text-align:justify;
position:absolute;
left:223px;
top:129px;
width:531px;
height:420;
z-index:9;
}
#content1 {
font-family:"Trebuchet MS", san-serif;
font-size:14px;
text-align:justify;
position:absolute;
left:0px;
top:0px;
width:531px;
height:420;
line-height: 30px;
z-index:9;
}
strong {
font-family:Arial;
color: #23a3d7;
font-weight: bold;
}
img.pic{
border:1px solid #fff;
}
#photoframe {
position:absolute;
left: 0px; 
top: 110px
}
#thumb{	
position:absolute;
top:55px;
height:20px;
z-index: 8;
width: 800px;
margin:0;
padding:0;
list-style:none;
float:left;
}
#thumb li{
float:left;
margin-left:5px;
}
#thumb li a {
display:block;
padding:0;
width:35px;
line-height:35px;
background-color: #2a2929;
text-decoration:none;
float:left;
border:1px solid #266272;
}
#thumb a:hover,#thumb a:focus, #thumb a:active{
background: #38b3ee;
}
#footer h6{
padding-top:0;
border-top:1px solid #266272;
}
#footer img{
display:none;
}