body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; scrollbar-arrow-color: #ACB8BA; scrollbar-track-color: #ACB8BA; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #ACB8BA; scrollbar-3dlight-color: #BDC7C9; scrollbar-darkshadow-color: #ACB8BA; scrollbar-shadow-color: #ACB8BA; color: #314A63;; background:url(images/v3/bkg.jpg) repeat-x #F3F4F5; margin: 0; padding: 0;}

#page {background-color:#FFFFFF; width:780px; margin:0 auto; margin-top:10px; border:#D2D8DE double 4px;}
#header {height:100px; border-bottom:#D2D8DE double 4px;}

#footer { margin-bottom:10px; padding-top:10px; text-align:center; color:#999999; border-top:#D2D8DE double 4px;}
#footer div { line-height:2.5em}
#footer a:active, #footer a:link, #footer a:visited {color: #999999; text-decoration: underline; }
#footer a:hover { color: #475767; text-decoration: none; background-color: #ffffff;}

a:active, a:link, a:visited {color: #6F839C; text-decoration: underline; }
a:hover { color: #CAD2D3; text-decoration: none; background-color: #8C9A9D;}
.TopicHeaders { color: #475767; text-decoration: none; font-weight: bold; letter-spacing: 2px; text-indent: 5px;}

.navigation_v3 { height:260px; width:168px; background-color: #E1E4E4; vertical-align:top;}
.navigation_v3 a:active, .navigation_v3 a:link, .navigation_v3 a:visited{ 
    background-image: url(images/v3_button_off.gif); 
    height:18px; 
    padding-left:14px;
    padding-top:5px;
	display:block;
	color: #475767;
	text-decoration: none;
}
.navigation_v3 a:hover{ background-image: url(images/v3_button_on.gif);}
.navigation_v3 .box { text-align:center}

.sub a:active, .sub a:link, .sub a:visited { background-image: url(images/v3_button_sub_off.gif); height:18px; padding-left:25px; padding-top:5px; display:block; color: #475767; text-decoration: none;}
.sub a:hover{ background-image: url(images/v3_button_sub_on.gif); color: #FFFFFF;}

.but_on_white a:link, .but_on_white a:active, .but_on_white a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #314A63;
	background-color:#FFFFFF;
	border: 1px solid #C3CDE9;
	text-align: center;
	display:block;
	padding: 4px;
	margin-bottom:2px;
	}
.but_on_white span {
	font-size: 11px;
	text-decoration: none;
	color: #314A63;
	text-align: center;
	display:block;
	padding: 4px;
	margin-bottom:2px;
	font-weight: bold;
	}
.but_on_white a:hover {  background-color:#C3CDE9;}

.img {border: none;}
.float {float: left;}
.float_right {float: right;}
.just { text-align:justify}
.center { text-align: center}
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } 

.window {border: 1px solid #6F839C;}
.window_header{
	background-color: #A8B7C6;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 5px;
}
.window_text{
    color: #6F6666;
    background-color: #FFFFFF;
	line-height: 15px;
	padding: 5px;
}
div.leftTipBox {padding: 10px 0px 0px 0px;}
div.leftTipBox thead th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 6px 0 6px;
	background-color: #E1E4E4;
	color: #6F839C;
	vertical-align: middle;
	text-align: left;
	height: 24px;
	position: relative;
	border-style: double;
	border-color: #cccccc;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
}
div.leftTipBox td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 12px 10px 12px 10px;
	background-image: url(/images/shade-cross.gif);
	background-repeat: no-repeat;
	background-color: white;
	vertical-align: top;
	border-style: double;
	border-color: #cccccc;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
}

div.ToolBox {
	padding: 10px 0px 0px 0px;
}
div.ToolBox thead th {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 6px 0 6px;
	background-color: #6F839C;
	color: white;
	vertical-align: middle;
	text-align: left;
	height: 24px;
	position: relative;
	border-style: double;
	border-color: #cccccc;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
}
div.ToolBox td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 12px 10px 12px 10px;
	background-image: url(/images/shade-cross.gif);
	background-repeat: no-repeat;
	background-color: white;
	vertical-align: top;
	border-style: double;
	border-color: #cccccc;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
}
#port_link {text-align: center; padding:20px 0px 20px 0px;}
#port_link span{text-align: center; margin:0px 10px 0px 10px;}
#port_link a:link, #port_link a:active, #port_link a:visited {font-size: 12px; text-decoration: none; color: #314A63; padding:5px 5px 5px 5px; font-variant:small-caps;}
#port_link a:hover {background-color:#CAD2D3; border:1px solid #333333}

#portfolio_img {text-align:left; font-size:10px}
#portfolio_img img {border:none;}
#portfolio_img .service img {padding-right:5px}
#portfolio_img table {border-bottom:dashed 1px #CCCCCC;}
#portfolio_img .heading{ font-size:10px; line-height:20px;}
#portfolio_img .heading span{float:left; width:60px; color:#FF9900; }

#admin {margin:10px 0px 0px 0px}
#admin a {text-decoration: none; background:#FFFFFF;}
#admin a:hover {text-decoration: none; padding:5px 5px 5px 5px; background-color:#CAD2D3; border:1px solid #333333; color:#FFFFFF}
p { line-height:1.4em}