@charset "UTF-8";
/* CSS Document */
/* Cheat: top, right, bottom, left */

body

{
	background-color: #8baed2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #036;
	background-image: url(../graphics/backgrounds/vso.main.background.jpg);
	background-repeat: repeat;
	margin: 0px;
	text-align: center;
}

h1

{
	font-size: 24px;
	font-weight: bolder;
	text-align: left;
}


/* the header and top of page */

.header

{
	background-image: url(../graphics/backgrounds/vso.hdr.bkd.png);
	background-position: top left;
	background-repeat: repeat-x;
	width: 100%;
	min-width: 1000px !important;
	height: 100px;
	padding: 0px;
	border: 0px;
}

.header .inset

{
	font-size: 36px;
	color: #FFF;
	width: auto;
	padding-top: 0px;
	margin: 0 auto;
	text-align: left;
	display: inline;
}

.header .inset .logo

{
	float: left;
	position: relative;
	width: 320px;
	overflow:hidden;
	height: inherit;
	display: inline;
	text-align: left;
}

.header .inset .quicknav

{
	font-size: 12px;
	color: #003;
	float: right;
	margin: 0px;
	margin-right: 10px;
	text-align: right;
}

ul.quicknavs 

{
	list-style-type: none;
}

ul.quicknavs li 
{
	float: left;
}

ul.quicknavs li a, ul.quicknavs li a:link, ul.quicknavs li a:visited

{
	color: #009;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

ul.quicknavs li a:hover

{
	color: #D00;
}

/* main menu - navigational list */

.mainnav

{
	color: #fff;
	background-image: url(../graphics/backgrounds/vso.menu.bkd.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #800;
	height: 30px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.mainnav .menu

{
	 color: #FFFFFF;
	 font-weight: bold;
	 width: 1000px;
	 margin: 0 auto;
	 text-align: center;
}

ul.nav

{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

ul.nav li

{
	float: left;
}

ul.nav li a, ul.nav li a:link, ul.nav li a:visited

{
	color: #FFF;
	padding: 5px;
	height: 20px;
	width: inherit;
	display: inline-block;
	text-decoration: none;
}

ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active

{
	color: #DEF2FF;
	background-image: url(../graphics/backgrounds/vso.menu.hover.png);
	background-repeat: repeat-x;
	width: inherit;
	display: inline-block;
}

/* Body contents */

.wrapper

{
	background-color: #f2f5fb;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.primary

{ 
	background-color: #FFF;
	width: 605px;
	padding: 15px 15px 20px 15px;
	border-left: 1px dashed #036;
	text-align: left;
	vertical-align: top;
	float: right;
	display: inline;
}

.primary .news

{
	padding: 5px 20px 10px 5px;
	border-bottom: 1px dashed #036;
	text-align: justify;
}

.news h1, .news h2

{
	color: #900;
	font-weight: bold;
}

.news h1 + p, .news h2 + p

{
	color: #336;
	font-size: 16px;
	font-weight: bold;
}

.news a:link, .news a:visited

{
	color: #039;
	font-weight: bold;
	text-decoration: none;

}

.news a:hover, .news a:focus

{
	color: #F00;
	font-weight: bold;
	text-decoration: underline;
}

.news .picture

{
	border: 5px solid #036;
	padding: 1px;
	margin: 0px 10px 5px 0px;
	float: left;
	height: 100px;
	width: 150px;
	overflow: hidden;
	display: block;
}

.story 
{
	padding: 5px 20px 10px 5px;
	border-bottom: 1px dashed #036;
	text-align: justify;
	font-size: 12px;
}

.story h1, .story h2

{
	color: #A00;
	font-weight: bold;
}

.news h1 + p, .news h2 + p

{
	color: #003;
	font-size: 14px;
	font-weight: bold;
}

.story a:link, .news a:visited

{
	color: #039;
	font-weight: bold;
	text-decoration: none;

}

.story a:hover, .news a:focus

{
	color: #F00;
	font-weight: bold;
	text-decoration: underline;
}

/* primary area boxes */

.primary .contentboxblue

{
	width: 575px;
	background-color: #DEEDFF;
	margin: 15px 7px 15px 7px;
	display: inline;
	float: left;
}

.primary .contentboxblue .top

{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../graphics/content/content.box.blue_01.png);
	background-repeat: no-repeat;
	padding: 7px 10px 0px 10px;
	height: 23px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.primary .contentboxblue .object

{
	color: #000050;
	border: 1px solid #006;
	padding: 0px;
	height: inherit;
	display: block;
	text-align: left;
}

.primary .contentboxblue .padding

{
	color: #000050;
	border: 1px solid #006;
	padding: 0px 14px 0px 14px;
	height: inherit;
	display: block;
	text-align: left;
}

.primary .contentboxblue .quickpicnav

{
	width: 100%;
	padding: 0px;
	text-align: center;
}

.primary .contentboxblue .bottom

{
	background-image: url(../graphics/content/content.box.blue_02.png);
	background-repeat: no-repeat;
	height: 42px;
	padding: 0px;
	text-align: right;
	display: block;
}

.primary .contentboxblue .bottom a:link, .primary .contentboxblue .bottom a:visited

{
	color: #039;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 0px 0px;
	float: right;
}

.primary .contentboxblue .bottom a:hover, .primary .contentboxblue .bottom a:focus

{
	text-decoration: underline;
}

/* primary content red box */

.primary .contentboxred

{
	width: 575px;
	background-color: #B00;
	margin: 15px 7px 15px 7px;
	display: inline;
	float: left;
}

.primary .contentboxred .top

{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../graphics/content/content.box.red_01.png);
	background-repeat: no-repeat;
	padding: 7px 10px 0px 10px;
	height: 23px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.primary .contentboxred .object

{
	color: #900;
	border: 1px solid #252525;
	padding: 0px;
	height: inherit;
	display: block;
	text-align: left;
}

.primary .contentboxred .padding

{
	color: #900;
	border: 1px solid #252525;
	padding: 0px 14px 0px 14px;
	height: inherit;
	display: block;
	text-align: left;
}

.primary .contentboxred .quickpicnav

{
	width: 100%;
	padding: 0px;
	text-align: center;
}

.primary .contentboxred .bottom

{
	background-image: url(../graphics/content/content.box.red_02.png);
	background-repeat: no-repeat;
	height: 42px;
	padding: 0px;
	text-align: right;
	display: block;
}

.primary .contentboxred .bottom a:link, .primary .contentboxred .bottom a:visited

{
	color: #039;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 0px 0px;
	float: right;
}

.primary .contentboxred .bottom a:hover, .primary .contentboxred .bottom a:focus

{
	text-decoration: underline;
}


/* secondary column elements and nav boxes */

.secondary

{
	width: 315px;
	padding: 15px 0px 20px 15px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	float: left;
	display: inline;
}

.navboxblue

{
	width: 315px;
	margin: 15px 7px 15px 7px;
	display: inline;
	float: left;
}

.navboxblue .top

{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../graphics/content/navbox.blue_01.png);
	background-repeat: no-repeat;
	padding: 7px 95px 0px 10px;
	height: 23px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.navboxblue .content

{
	color: #000050;
	background-color: #DEEDFF;
	border: 1px solid #006;
	padding: 0px 14px 0px 14px;
	height: inherit;
	display: block;
	text-align: left;
}

.navboxblue .text:link, .navboxblue .text:visited{color: #039; font-weight: bold; text-decoration: none; text-align: center;}

.navboxblue .text:hover, .navboxblue .text:focus{color: #009; text-decoration: underline;}

.navboxblue .object

{
	color: #000050;
	background-color: #DEEDFF;
	border: 1px solid #006;
	padding: 0px;
	height: inherit;
	display: block;
	text-align: left;
}

.navboxblue .bottom

{
	background-image: url(../graphics/content/navbox.blue_02.png);
	background-repeat: no-repeat;
	height: 42px;
	display: block;
}

.navboxblue .bottom .caption
{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #003;
}

.navboxblue .bottom a:link, .navboxblue .bottom a:visited

{
	color: #039;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 0px 0px;
	float: right;
}

.navboxblue .bottom a:hover, .navboxblue .bottom a:focus

{
	text-decoration: underline;
}

.navboxred

{
	width: 315px;
	margin: 15px 5px 15px 5px;
	display: inline;
	float: left;
}

.navboxred .top

{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../graphics/content/navbox.red_01.png);
	background-repeat: no-repeat;
	padding: 7px 95px 0px 10px;
	height: 23px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.navboxred .content

{
	color: #333;
	background-color: #B00;
	border: 1px solid #252525;
	padding: 0px 14px 0px 14px;
	height: inherit;
	display: block;
	text-align: left;
}

.navboxred .object

{
	color: #333;
	background-color: #B00;
	border: 1px solid #252525;
	padding: 0px;
	height: inherit;
	display: block;
	text-align: left;
}

.navboxred .bottom

{
	background-image: url(../graphics/content/navbox.red_02.png);
	background-repeat: no-repeat;
	height: 42px;
	display: block;
}

.navboxred .bottom .caption
{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
}
	
.navboxred .bottom a:link, .navboxred .bottom a:visited

{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 0px 0px;
	float: right;
}

.navboxred .bottom a:hover, .navboxred .bottom a:focus

{
	text-decoration: underline;
}

/* footer - end of page */

.footer

{
	background-image: url(../graphics/backgrounds/vso.ftr.bkd.png);
	background-position: top left;
	background-repeat: repeat-x;
	height: 115px;
	padding: 0px;
	border: 0px;
	position: float;
	bottom: 0;
	left: 0;
}

.footer .inset

{
	font-size: 11px;
	color: #004;
	font-weight: bold;
	width: 1000px;
	margin: 0 auto;
	padding: 25px;
}

/* extra elements */

.pageid

{
	width: 100%;
	height: 96px;
	position: relative;
	background-image: url(../graphics/backgrounds/vso.page.id.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* dead division
.pageid .vsov

{
	width: 75px;
	height: 75px;
	overflow: hidden;
	margin: 0px 0px 0px 15px;
	float: left;
	background-image: url(../graphics/logo/VSO_V.png);
	background-repeat: no-repeat;
	background-position: top left;
}

*/

.pageid .label

{
	width: auto;
	height: inherit;
	margin: 22px 0px 0px 0px;
	font-size: 36px;
	font-weight: bolder;
	color: #FFF;
	float: left;
	text-indent: 105px;
	text-align: left;
}

/* requisite blank division to clear margins on floating divisions */

.clear

{
	clear: both;
}