/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {
	width:100%;
	overflow:hidden;
	
}
.right1 { float:right;}
.highlightit img{
border:none;
}

.highlightit:hover img{
-moz-box-shadow: 0px 0px 5px #9F9F9F;
  -webkit-box-shadow: 0px 0px 5px #9F9F9F;
  box-shadow: 0px 0px 5px #9F9F9F;
}
/* Global properties ======================================================== */

body{ background:url(../images/bg2.jpg) center top; border:0; font:12px "verdana", Times, serif; color:#ffffff; line-height:20px;}

html, body{ height:900px;}

#bgSlider div{ background-position: center top}
/* Global Structure ============================================================= */

/* .main {	margin: 0 auto;	width:1000px; position:relative} */


/* ============================= main layout ====================== */

a{ color:#0066cc; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding-top:16px;}
h2{
	font-family:"times new roman";
	font-size:19px;
	color:#000000;
	font-style:italic;
	line-height:28px;
	font-weight:normal;
	padding-bottom:17px;
	letter-spacing:normal;
}
h2 span{
	width:600px;
	display:block;
	background:#e8e8e8;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	font-weight: bold;
}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ width:100%; overflow:hidden; height:250px}

#top{ font-size:12px; text-transform:uppercase; color:#ffffff; padding-top:1px; width:100%; overflow:hidden}
#top a{ color:#c8c8c8; text-decoration:none}
#top a:hover{ text-decoration:underline}
#top li{ float:left; padding-right:17px; background:url(../images/line_top.gif) right 9px no-repeat; margin-right:16px;}
#top .bg_none{ background:none}

#logo{
	display:block;
	width:500px;
	height:70px;
	background:url(../images/vso_logo.png) no-repeat;
}

#search{ background:url(../images/search.png) no-repeat; width:207px; float:right; margin-top:33px;}
#search .submit{ float:right; width:30px; height:30px; cursor:pointer; background:none; margin-left:8px;}
#search .input{ float:right; background:none; font:11px Arial, Helvetica, sans-serif; color:#fff; padding:8px; width:152px; height:14px;}

#menu { float:left; padding-top:1px;}
#menu li { float:left; padding-right:1px;}
#menu li a{ display:block; font:12px "Times New Roman", Times, serif; color:#fff; text-transform:uppercase; text-decoration:none; line-height:40px; padding:0 30px;}
#menu li a:hover, #menu .active a{ background:#0066cc; color:#000000}

#rss:hover{ text-decoration:underline}
#rss{ float:right; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:16px; text-decoration:none; padding-right:24px; background:url(../images/rss.gif) right 24px no-repeat; padding-top:25px}

.pags{ float:right; padding-top:22px;}
.pags li{ float:left; padding-left:5px;}
.pags li a{ background:url(../images/buttons.png) no-repeat; width:20px; height:20px; display:block}
.pags .current a{ background:url(../images/buttons_active.png) no-repeat}

#slogan{ font:50px "times"; color:#0066cc; float:left; font-style:italic; width:510px; line-height:60px; padding:7px 0 0 0;}
#slogan span{ float:left; margin-top:2px; background: url(../images/bg_text.png) repeat-x; padding:0 40px}
#slogan em{ text-transform:uppercase; color:#0066cc}

/* ============================= flash ====================== */


#col-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; background:url("../design/col.gif") 0 0 repeat-y;}
#col-text {float:right; width:900px; padding-top:15px; line-height:1.7;}
.box {margin-top:15px;}



#slideshow {
   
    position: relative;
    width: 945px;
    height: 300px;
	margin:-70px 0 0 20px;	
}

#slideshow img {
	border:2px solid #4376B8;
	width:945px;
	height:400px;
}

/* ============================= content ====================== */


#content{ float:right; width:683px; height:480px; overflow:hidden; position:absolute; top:170px; right:0}

.bg_cont{ background:url(../images/bg_content.png) repeat; width:100%; height:400px; overflow:auto}

.pad{ padding:15px;}
.pad_bot1{ padding-bottom:6px}
.pad_bot2{ padding-bottom:4px}
.pad_left1{ padding-left:5px}
.marg_right1{ margin-right:20px;}

.text1{ font-size:22px; line-height:24px;}
.text1 strong{ color:#fff;}


.list1 dt{ line-height:24px;}
.list1 dt{ padding-left:17px; background:url(../images/marker_1.gif) 0 6px no-repeat}

.font1{ color:#0066cc}

/* ============================= footer ====================== */

footer {
	line-height:45px;
	width:100%;
	position:absolute;
	top:897px;
	background:#0A182B;
	overflow:hidden;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	left: -1px;
}
footer a{ color:#fff;}

/* ============================= forms ============================= */

#ContactForm { width:617px;}
#ContactForm a{ margin-left:20px; float:right; padding-left:16px; margin-top:10px; background:url(../images/marker_1.gif) 0 5px no-repeat;}
#ContactForm .input {width:237px; height:19px; border:1px solid #838381; background:#fff; padding:0 5px; margin-bottom:9px;color:#000; font:17px "Times New Roman", Times, serif;}
#ContactForm .input2 {width:50px; height:19px; border:1px solid #838381; background:#fff; padding:0 5px; margin-bottom:9px;color:#000; font:17px "Times New Roman", Times, serif;}
#ContactForm textarea { width:304px; height:55px; border:1px solid #838381; background:#fff; padding:0 5px; margin-bottom:3px;color:#000; font:17px "Times New Roman", Times, serif;overflow: auto}


.col1{ width:249px; float:left;}
.col2{ width:316px; float:left; padding-left:21px;}