/* CSS Document */
*{
margin:0;
padding:0;
}
body{
background-image:url(../images/page_bg.gif);
background-repeat:repeat-x;
background-color:#EEE;
scrollbar-3dlight-color:#EEE; 
scrollbar-arrow-color:#EEE; 
scrollbar-base-color:#EEE; 
scrollbar-darkshadow-color:#EEE; 
scrollbar-face-color:#CCC; 
scrollbar-highlight-color:#EEE; 
scrollbar-shadow-color:#EEE; 
scrollbar-track-color:#EEE; 
}
#screen{
width:100%;
height:100%;
}
#content{
position:absolute;
width:940px;
height:540px;
top:50%;
left:50%;
margin-left:-480px;
margin-top:-270px;
background-color:#FFF;
border:10px solid #FFF;
}
#footer{
position:absolute;
height:20px;
width:960px;
top:50%;
left:50%;
margin-top:295px;
margin-left:-480px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
#mid h1{
position:relative;
display:block;
height:34px;
margin-top:-10px;
margin-bottom:20px;
text-align:center;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:34px;
font-weight:bold;
color:#4F7F9E;
background-color:#D3DFE7;
}
#mid h1 b.left{
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background-image:url(../images/rc_bl.gif);
}
#mid h1 b.right{
position:absolute;
right:0;
bottom:0;
width:20px;
height:20px;
background-image:url(../images/rc_br.gif);
}
#content h2{
padding: 5px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#4F7F9E;
border-bottom:2px solid #EEE;
}
#content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
margin-top:5px;
margin-bottom:5px;
}
#content #right ul{
list-style-type:square;
margin-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
}
#content a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4F7F9E;
}
#content_reflection{
display:none;
position:absolute;
width:960px;
height:30px;
top:50%;
left:50%;
margin-left:-480px;
margin-top:291px;
background-image:url(../images/content_reflect_bg.gif);
background-repeat:repeat-x;
}
#left{
position:relative;
float:left;
width:220px;
height:540px;
}
#mid{
position:relative;
float:left;
width:480px;
height:540px;
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
background-position:10px 10px;
background-repeat:no-repeat;
}
#thumb_holder{
position:absolute;
bottom:0;
left:10px;
height:110px;
padding-left:10px;
width:470px;
overflow:auto;
}
.thumb{
float:left;
padding:4px;
background-color:#FFF;
margin-right:5px;
}
.thumb:hover{
background-color:#FFF;
}
.thumb img{
width:80px;
height:80px;
border:0;
}
#right{
width:210px;
height:491px;
margin-top:39px;
padding-right:10px;
padding-bottom:10px;
float:right;
overflow:auto;
}
#cats{
width:220px;
}
#cats, #cats ul{
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#cats ul{
padding:3px;
margin-bottom:3px;
/*border-left:2px solid #4F7F9E;
border-right:2px solid #4F7F9E;
border-bottom:2px solid #4F7F9E;*/
background-color:#FFF;
}
#cats li a.top{
display:block;
height:24px;
padding-left:8px;
margin-bottom:2px;
clear:both;
background-color:#EEE;
background-image:url(../images/menu_arrow.gif);
background-repeat:no-repeat;
background-position:196px -24px;
font-size:10px;
line-height:24px;
font-weight:normal;
color:#999;
text-decoration:none;
}
#cats li.sitedoc a.top{
background-color:#E2D3CA;
color:#999;
background-image:none;
}
#cats li.sitedoc a.top:hover{
background-color:#9E6E4F;
color:#FFF;
}
#cats li.active a.top{
background-color:#4F7F9E;
color:#FFF;
background-position:196px 0;
}
#cats li a.top:hover{
background-color:#4F7F9E;
color:#FFF;
}
#cats li.active a.top:hover{
background-color:#4F7F9E;
cursor:default;
}
#cats li a.sub{
display:block;
height:18px;
padding-left:3px;
clear:both;
background-color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
font-weight:normal;
border-bottom:1px dashed #EEE;
color:#999;
text-decoration:none;
}
#cats li.currentpage a.sub{
padding-left:20px;
color:#4F7F9E;
background-color:#D3DFE7;
background-image:url(../images/currentpage_arrow.gif);
background-position:top left;
background-repeat:no-repeat;
}
#cats li a.sub:hover{
background-color:#FFF;
color:#4F7F9E;
}
#cats li.currentpage a.sub:hover{
background-color:#D3DFE7;
color:#4F7F9E;
cursor:default;
}
#cats li ul{
display:none;
}
#cats li.active ul{
display:block;
}
#logos{
position:absolute;
left:10px;
bottom:10px;
}
.logo{
float:left;
margin-right:5px;
border:0;
}
#contactform{
margin-left:20px;
margin-top:20px;
}
#contactform label{
display:block;
float:left;
clear:left;
text-align:right;
width:100px;
border:1px solid #F00;
color:#F00;
}
#contactform input{
display:block;
float:left;
border:1px solid #0F0;
}