/* ************************************ */
/* it all starts here */
BODY
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	background-color: #006BB6;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
}

/* ************************************ */
/* the mast */
#mast
{
	background-color: #006BB6;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 100%;
	background-image: url(/themes/vv_lite/images/bg_topbanner_m.jpg);
	background-position: right bottom;
	background-repeat: repeat-x;
}

#mastleft
{
	background-image: url(/themes/vv_lite/images/bg_topbanner_l.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 0;
	/*	border: 1px #F63 dotted;*/
	padding: 0px;
}

#mastright
{
	margin: 0px auto 0px auto;
	background-image: url(/themes/vv_lite/images/bg_topbanner_r.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 145px;
	clear: right;
}

#mastbottom
{
	background-color: #FFF;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;
	background-image: url(/themes/vv_lite/images/bg_mast_bottom.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#mastleft img
{
	margin: 3px 10px 12px 20px;
}

#mast h1
{
	font-size: 2em;
	color: #FC0;
	margin: 50px 0px 0px 0px;
/*	text-shadow: 2px 2px 4px black; */
}


/* ************************************ */
/* the basic text styles */

h1 {
font-weight : bold; 
font-size : 1.2em; 
color : #000; 
background-color : transparent; 
}

p {
font-size : .9em; 

}


/* ************************************ */
/* base link styles */

a, a:link
{
	color: #00489B;
	font-weight: bold;
	text-decoration: none;
}

a:active { color: #00489B; }

a:visited
{
	color: #00489B;
}

a:hover { text-decoration: underline; }


/* ************************************ */
/* a variety of special text classes */

.smallnote
{
	font-size: .85em;
	color: #00489B;
}

.smalltext {
font-size : .75em; 
}

.smalltext a:link{
}

.smalltext a:visited{
}

.largetext {
font-size : 1.2em; 
}

.largetext a:link{
}

.largetext a:visited{
}

.errortext
{
	font-size: .9em;
	font-weight: bold;
	color: #F00;
}

.copyright
{
	font-size: .8em;
	color: #fff;
	margin-bottom: 2px;
}

.copyright a, .copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover
{
	color: #fff;
	text-decoration: none;
}

.copyright a:hover { text-decoration: underline; }


.noline a:link{
  text-decoration : none;
}

.noline a:visited{
  text-decoration : none;
}

.headline
{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

/* ************************************ */
/* various classes used in core cms */

.grid {
border : #efb240 .05em solid;
}

.white {
  background-color : white;
}

.black {
  background-color : black;
}

.bg_dark
{
	background-color: #042767;
	color: #fff;
}

.bg_medium
{
	background-color: #FFC;
	color: #042767;
}

.bg_medium a
{
	color: #042767;
}

.bg_medium .white
{
	color: #000;
}

.bg_medium .white a
{
	color: blue;
}

.bg_light
{
	background-color: #D9DEED;
}

.alt_bg_dark {
  background-color : #066fa0;
}

.alt_bg_medium {
  background-color : #ff6;
}

.alt_bg_light { background-color: #9CF; }

/* like in the what's related sidebox */
.tightlist
{
	padding: 0px 0px 0px .5em;
	margin: 2px 2px 2px 10px;
	list-style: disc url(/themes/vv_lite/images/bullet_check.gif);
}

.tightlist li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1px 4px;
}

.tightlist li a { margin-left: -5px; }



/* ************************************ */
/* begin classes for my basic boxes */

.contentBox, .menuBox
{
	padding: 0px;
	/*width: 100%;*/
}

/* ** HOLLY HACK fixes IE Win screwups ** */
/* Hides from IE-mac \*/
* html .contentBox {height: 1%;}
/* End hide from IE-mac */

html>body .contentBox
{
width: auto;
}



/***** Images on All Sides box *****/
#centerCol .contentBox, #centerCol .cBw { background:url(/themes/vv_lite/images/default_lr.gif) top right; }
#centerCol .cBt, #centerCol .cBt div, #centerCol .cBb, #centerCol .cBb div { background:url(/themes/vv_lite/images/default_tb.gif) top right; }
#centerCol .contentBox {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
	background-color: #FFF;
	color: #00489B;
}
#centerCol .cBw {
	background-position:top left;
	padding-left:10px;
}
#centerCol .cBt, #centerCol .cBb {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:50px; /* fix IE/win bug when rB width set */
}
#centerCol .cBt div, #centerCol .cBb div { width:110px; height:60px; }
#centerCol .cBt div { background-position:top left; }
#centerCol .cBb, #centerCol .cBb div { height:30px; }
#centerCol .cBb { background-position:bottom right; }
#centerCol .cBb div { background-position:bottom left; }


#rightCol .contentBox, #rightCol .cBw { background:url(/themes/vv_lite/images/default_lr.gif) top right; }
#rightCol .cBt, #rightCol .cBt div, #rightCol .cBb, #rightCol .cBb div { background:url(/themes/vv_lite/images/default_tb.gif) top right; }
#rightCol .contentBox {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
	background-color: #FFF;
	color: #00489B;
}
#rightCol .cBw {
	background-position:top left;
	padding-left:10px;
}
#rightCol .cBt, #rightCol .cBb 
{
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:50px; /* fix IE/win bug when rB width set */
}
#rightCol .cBt div, 
#rightCol .cBb div { width:110px; height:60px; }
#rightCol .cBt div { background-position:top left; }
#rightCol .cBb, #rightCol .cBb div { height:30px; }
#rightCol .cBb { background-position:bottom right; }
#rightCol .cBb div { background-position:bottom left; }


#centerCol .yellowBox, #centerCol .yellowBox .cBw { background:url(/themes/vv_lite/images/yellow_lr.gif) top right; }
#centerCol .yellowBox .cBt, #centerCol .yellowBox .cBt div, #centerCol .yellowBox .cBb, #centerCol .yellowBox .cBb div { background:url(/themes/vv_lite/images/yellow_tb.gif) top right; }
#centerCol .yellowBox {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
	background-color: #FFF;
}
#centerCol .yellowBox .cBw {
	background-position:top left;
	padding-left:10px;
}
#centerCol .yellowBox .cBt, #centerCol .yellowBox .cBb {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:21px; /* fix IE/win bug when rB width set */
}
#centerCol .yellowBox .cBt div, #centerCol .yellowBox .cBb div { width:300px; height:21px; }
#centerCol .yellowBox .cBt div { background-position:top left; }
#centerCol .yellowBox .cBb, #centerCol .yellowBox .cBb div { height:21px; }
#centerCol .yellowBox .cBb { background-position:bottom right; }
#centerCol .yellowBox .cBb div { background-position:bottom left; }

#rightCol .yellowBox, #rightCol .yellowBox .cBw { background:url(/themes/vv_lite/images/yellow_lr.gif) top right; }
#rightCol .yellowBox .cBt, #rightCol .yellowBox .cBt div, #rightCol .yellowBox .cBb, #rightCol .yellowBox .cBb div { background:url(/themes/vv_lite/images/yellow_tb.gif) top right; }
#rightCol .yellowBox {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
	background-color: #FFF;
}
#rightCol .yellowBox .cBw {
	background-position:top left;
	padding-left:10px;
}
#rightCol .yellowBox .cBt, #rightCol .yellowBox .cBb {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:21px; /* fix IE/win bug when rB width set */
}
#rightCol .yellowBox .cBt div, #rightCol .yellowBox .cBb div { width:135px; height:21px; }
#rightCol .yellowBox .cBt div { background-position:top left; }
#rightCol .yellowBox .cBb, #rightCol .yellowBox .cBb div { height:21px; }
#rightCol .yellowBox .cBb { background-position:bottom right; }
#rightCol .yellowBox .cBb div { background-position:bottom left; }


#rightCol .contentBox .innermost, #centerCol .contentBox .innermost
{
	/*margin: -25px 0 -15px 0;*/
}

#rightCol .yellowBox .innermost, #centerCol .yellowBox .innermost
{
	/*margin: -5px 0 -15px 0;*/
}

/***** end Images on All Sides box *****/




.contentHead
{
	padding: 6px 10px 2px 4px;
	font-weight: bold;
	text-align: right;
	border-color: #00489B;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	color: #00489B;
	font-size: 1.1em;
	background-color: transparent;
	font-style: italic;
}

/* ** HOLLY HACK fixes IE Win screwups ** */
/* Hides from IE-mac \*/
* html .contentHead {height: 1%;}
/* End hide from IE-mac */

.contentBlock
{
	text-align: left;
	padding: 4px;
	border-color: #00489B;
	border-width: 0px;
	border-style: solid;
	background-color: transparent;
}

/* ** HOLLY HACK fixes IE Win screwups ** */
/* Hides from IE-mac \*/
* html .contentBlock {height: 1%;}
/* End hide from IE-mac */

.menuBlock
{
	text-align: left;
	padding: 36px 10px 4px 30px;
	border-color: #00489B;
	border-width: 0px;
	border-style: solid;
	background-color: transparent;
	font-size: 0.9em;
	background-image: url(/themes/vv_lite/images/bg_menu_sun.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* ** HOLLY HACK fixes IE Win screwups ** */
/* Hides from IE-mac \*/
* html .menuBlock {height: 1%;}
/* End hide from IE-mac */


/* now some special circumstances */

#leftCol
{
	padding: 15px 10px 5px 10px;
	background-color: #FDE857;
	background-image: url(/themes/vv_lite/images/bg_leftcol.jpg);
	background-position: top right;
	background-repeat: repeat-y;
}

#leftColTop
{
	background-image: url(/themes/vv_lite/images/bg_leftcol_top.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 20px;
	margin: 0px;
}

#centerCol
{
	padding: 0px 15px 5px 15px;
}

#rightCol
{
	padding: 0px 10px 5px 10px;
	text-align: left;
}

#leftCol .contentHead
{
	font-size: 1.0em;
	/*	background-color: #D9DEED; */
	background-color: transparent;
	color: #00489B;
	border-color: #006BB6;
	text-align: left;
}

#leftCol .contentBlock
{
	font-size: 0.8em;
	background-color: transparent;
}

#centerCol .contentBlock
{
	padding: 4px 15px 10px 15px;
}

#rightCol .contentHead
{
	font-size: 1.0em;
}

#rightCol .contentBlock
{
	font-size: 0.8em;
}

#leftCol form
{
	margin: 0px;
}

/* end section for my basic boxes */
/* ************************************ */



/* ************************************ */
/* begin section for the css list menus */

/* the basic ul */
/* the margins are negative here to overcome the padding of the containing contentBox */
/* width is set to 100% for IE and fixed below for other browsers */
ul.menu
{
	margin: -4px -4px -5px -4px;
	padding: 0px;
	list-style: none;
	border: none;
	width: 100%;
	background-color: transparent;
}


/* top level line item */
/* don't need much here, just a bottom border for a divider */
li.menu_l0
{
	border-bottom: 0px solid #555BA3;
	margin: 0.75em 0em 0em 0em;
	padding: 0em;
}

/* top level link */
/* most of the actual styling happens here */
/* width is set to 100% for IE and fixed below for other browsers */
li.menu_l0 a
{
	display: block;
	margin: 0em;
	padding: 4px 2px 3px 1em;
	background-color: transparent;
	color: #00489B;
	text-decoration: none;
	width: 100%;
	font-size: 1.1em;
}

li.menu_l0 a:hover
{
	/*	background-color: #F8EA7F;*/
	color: #393;
	text-decoration: underline;
}



/* 2nd level line item */
/* note the margin set here for the sub-level indent */
li.menu_l1
{
	border-bottom: 0px solid #00489B;
	padding: 0em;
	margin: 0em 1em 0em 0.75em;
}

/* 2nd level link */
/* and all of your 2nd level styles */
li.menu_l1 a
{
	display: block;
	margin: 0em;
	padding: 4px 2px 3px 1em;
	background-color: transparent;
	color: #46577F;
	text-decoration: none;
	width: 100%;
}

li.menu_l1 a:hover
{
/*	background-color: #F8EA7F;*/
	color: #393;
	text-decoration: underline;
}



/* 3rd level line item */
/* note the margin set here for the sub-sub-level indent */
li.menu_l2
{
	border-bottom: 0px solid #00489B;
	padding: 0em;
	margin: 0em 0em 0em 1.5em;
}

/* 3rd level link */
/* and all of your 3rd level styles */
li.menu_l2 a
{
	display: block;
	margin: 0em;
	padding: 4px 2px 3px 1em;
	background-color: transparent;
	color: #424C6F;
	text-decoration: none;
	width: 100%;
}

li.menu_l2 a:hover
{
/*	background-color: #F8EA7F;*/
	color: #393;
	text-decoration: underline;
}


/* a few global fixes now */

/* make sure the visited link behaves in IE */
/* this could be done individually above too */
li.menu_l0 a:visited
{
	color: #00489B;
}
li.menu_l1 a:visited, li.menu_l2 a:visited
{
	color: #424C6F;
}

/* fix the width hacks used above for IE, for other browsers  */
html>body li.menu_l0 a, html>body li.menu_l1 a, html>body li.menu_l2 a, html>body ul.menu
{
width: auto;
}

/* end of section for the css list menus */
/* ************************************ */