* /*Set's border, padding and margin to 0 for all values*/
{
/* padding: 0; */
/* margin: 0; */
/* border: 0; */
}


body, html {
color: #000; 
font-family:  Arial, Verdana, Tahoma, sans-serif;
background-color: #eee; 
margin:0px;
padding:0px;
}
body {
/*font-size: 100%;*/
min-width: 760px;
}
p {
padding: 7px 0 7px 0;
}
a {
color: #000099;
}
a img {
 color:transparent;
 border: 0px;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1{
display: block;
width: 75%;
background-color: #99865c;
color: white;
margin-bottom: 5px;
margin-top: 15px;
padding: 2px;
font-size: 1.3em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both;
line-height:0.1em; }
#mainContainer {
min-height: 300px;
background: #ffffff ;
/*border: 1px solid #000;*/
line-height:1.2em;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
line-height: 1.2em;
}
/**************************
HEADER
**************************/
#header {
background: #000099;
padding: 10px
}
/**************************
CONTENT AND COLUMNS
**************************/

/***Homepage Content Elements***/

.homepagecolumn UL {
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FLOAT: left;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px;	
vMARGIN-LEFT: 0px;	
PADDING-TOP: 0px;	
LIST-STYLE-TYPE: none;
}

.homepagecolumn LI {	
BORDER-RIGHT: black 1px solid;	
PADDING-RIGHT: 0px;	
BORDER-TOP: black 1px solid;	
PADDING-LEFT: 0px;	
FLOAT: left;	
MARGIN-BOTTOM: 2px;	
PADDING-BOTTOM: 0px;	
MARGIN-RIGHT: 5px;	
BORDER-LEFT: black 1px solid;	
WIDTH: 260px;	
PADDING-TOP: 0px;	
BORDER-BOTTOM: black 1px solid;	
LIST-STYLE-TYPE: none;
}

.homepagecolumn LI IMG {	
FLOAT: left;	
MARGIN: 2px;
} 

.homepagecolumn LI:hover {	
BACKGROUND-COLOR: #e9deca;
}


/***end of Homepage Content Elements***/

#topcontentline {
display: none;
}
#topcontentlineright {
display: none;
}

.outer {
padding-left: 50px;
padding-right: 100px;

/*background: url(images/dmvhome10.jpg) no-repeat bottom right;*/
margin: 0px;
padding-bottom:0px;
/*line-height: 1.0em;*/
border:0px;
}
/*** This is the visible right col background. Because of IE (both 6 and 7) the right col background and inner border is in fact an repating image where 1px of the left part of the image is black, and is simulating a border.
***/
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%;
/*border: 1px solid #000;*/
/*border-width: 0 0 0 1px;*/
margin-left: 0px; /*** This fixes a small overlap problem. Without this the border on the left side of the right column won't be visible ***/
/*line-height: 1.2em;*/
background-color:#e9deca;
}
* html .inner {
line-height: 1.2em;
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
#float-wrap {
float: left;
z-index:1;
width: 100%;
margin-left: -215px; /*** Same length as .outer padding-left but with negative value ***/


}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
/*background: #ffffff;*/
margin-right: -215px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
padding:0px 0px 0px 0px; /* top was 15px */
position:relative;
z-index:200;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 5px 15px 5px 15px;
 background-color: #ffffff;
 font-size:85%;

min-height:500px;

}

* html .contentWrap
{
    height:500px;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 20px;
}
.contentWrap li {
padding-bottom: 2px;
}

#clear	{
	clear: both
	}
	
#hidden
	{
	visibility:hidden;
	}	
	
table 
	{
	border-collapse:collapse;
	margin-bottom:5px;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	}
	
table#small
	{
	width:50%;
	}


table#med
	{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	border:none;
	}

table#large
	{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	}
	
table.borderless
	{
	border:none;
	}
	
table.center 
	{
	margin-left:auto;
	margin-right:auto;
	}

	th
	{
	text-align:center;
	font-weight:bold;
	background-color:#e9deca;
	border:1px solid #0D2E7D;
	}

td
	{
	border:1px solid #0D2E7D;
	padding-left:5px;
	vertical-align:top;
	font-size:small;
	background:#FFFFFF;
	text-align:left;
	}
	

	
	
tr.alt td
	{
background: #EBECE4;
	}
	
#box
	{
	margin:10px;
	padding:3%;
	background-color:#FFFFFF;
	display:box;
	width:100%;
	border:3px double gray; 
	}
	
#plates
	{
	margin:10px;
	padding:4%;
	color:white;
	background-color:#ABABAB;
	
	width:100%;
	border:12px outset silver; 
	}
	
#highlight
	{
	/*margin:10px;*/
	padding:4%;
	
	background-color:#F1EDC2;
	
	width:100%;
	 
	}
	
caption
	{
	font-weight:bold;	
	}
/* created divs */

#promo
	{
	margin:0px;
	padding:2%;
	
	background-color:#e9deca;
	
	display: block;
	border:4px outset silver; 
	}

#promo2
	{
	margin:0px;
	padding:2%;
	
	background-color:#e9deca;
	
	width:70%;
	border:4px outset silver; 
	}	
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
display: none;
}
* html #left {
position: relative; /*** IE needs this  ***/
height:250px;
width: 215px;
}

#left a{
color: #26465f;
text-decoration: none;
}

#left a:hover{
text-decoration: underline;
}

#left #navheading2{
display: none;
}

#left ul {


}


#left #menu2{
display: none;
}

#left #menu2 ul{
margin-top: 0px;
}

/*************************
RIGHT COLUMN
**************************/
#rightside {
display: none;
} 
* html #rightside {
display: none;
}
#rightside ul {

display: none;

}
#rightside li {
display: none;
}

#rightside img{
display: none;
}

#rightheader{
display: none;
}

#rightbody{
display: none;
}
#rightbody input{
vertical-align: middle;
}

#rightbody form{
margin: 5px;
}

#rightbody p,ul{
list-style-type:disc;
text-align:left;
}


.govpic{
position:absolute;
right:5px;
bottom: 50px;
}
/**************************
FOOTER
**************************/
#footer {
display: none;
}


.boxtop { 
 display: none;
  

}
.boxtop div { 
 display: none;
   
 
  
}
.boxbottom { 
  display: none;
}
.boxbottom div { 
 display: none;
  
}
/************ leftHandNav styles *****************/


#leftHandNav { 
  display: none;
 
      /* must equal margin-left of "content" div */
  }


#leftHandNav ul
{
    margin-left: 0em;
    padding-left: 1px;
    margin-top: 0px;
    /*list-style-type: disc;*/
    list-style-type:none;
   /* list-style: disc url("images/arrowc.gif");*/
  
}
#leftHandNav ul li ul
{
    font-size:.8em;
    list-style: disc url("images/arrow.gif");
    margin-left: 3em;
       
}
#leftHandNav ul li ul a
{
    font-weight:normal;
       
}
* html #leftHandNav li ul {
/*  border-bottom: 1px solid #ccffff; */ /* For some reason IE doesn't apply the <li>'s bottom border when the <li> has a <ul> (for subnav) in it. Thus we'll add a bottom margin to the subnav <ul> in IE.*/
}

#leftHandNav li {
/* border-bottom: 1px solid #ccffff;*/
 /*background-color: #ccffff;  */
}

#leftHandNav ul li ul li {
  /* subnav <li> */
  border-bottom: 0px;
 /*border-top: 1px solid #ccffff;*/
 /* background-color: #ccffff; */
  
  
  
}

#leftHandNav #topItem {
 /*border-top: 1px solid #ccffff;*/
}

#leftHandNav a {
  color: #26465f; /*#800000;*/
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  /*display: block;*/   /* display: block makes IE apply <a> settings (like the black background below) to the whole <a> area, not just where the text is. (If there were no IE, we could just :hover the <li>.)*/
}



*html #leftHandNav a {
  padding: 0px 5px 3px 5px;
  
}


#leftHandNav a:hover {
	background: #999966;
}

/*********** end leftHandNav styles ***********/
#peak {
    display: none;
    
}
/*********** end leftHandNav styles ***********/
.mainheader 
{
    background-color:#ebe4da;
    border:solid 1px black;
    padding:8px;
    font-weight:bold;
    font-size:110%;
    margin-bottom:15px;
    color:#880000;
}

.right {
	float: right;
}

.left {
	float: left;
	margin: 0;
}

.textRight {
	text-align: right;
}

#headerImage {
	clear: both;
	height: 100px;
	background-color:#ebe4da;

}

/***** VITA****/

#commonBanner
{
    display: none;
}
#commonBanner A
{
    TEXT-DECORATION: none
}
#commonBanner A IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
#commonBanner .alignLeft
{
    FLOAT: left;
    MARGIN-LEFT: 10px;
    COLOR: #fff;
    PADDING-TOP: 13px
}
#commonBanner .alignLeft A
{
    FONT-WEIGHT: bold;
    COLOR: #fff
}
#commonBanner .alignLeft A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #999966;
    background-color:transparent;
}
#commonBanner .hidden
{
    DISPLAY: none;
    VISIBILITY: hidden
}
#commonBanner .virginiaLogo
{
    FLOAT: left
}
#commonBanner #virginiaSearch
{
    MARGIN-TOP: 7px;
    FLOAT: right
}
#commonBanner #virginiaSearchForm
{
    MARGIN: 0px
}
#commonBanner #virginiaSearch P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#commonBanner #virginiaSearch #searchBox
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    BACKGROUND: url(/images/virginia_seach_txt-bg.jpg) no-repeat;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: 0px;
    WIDTH: 172px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 0px;
   /* HEIGHT: 14px */
}
#commonBanner #virginiaSearch #vaSearchBtn
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND: url(/images/virginia_seach_button-bg.jpg) no-repeat;
    MARGIN-LEFT: 2px;
    BORDER-LEFT: medium none;
    WIDTH: 28px;
    MARGIN-RIGHT: 5px;
    BORDER-BOTTOM: medium none;
    Height:20px;
}
#breadcrumb {
	 
	display: none;
}
* html #breadcrumb {
	height:29px;
}


#breadcrumb .breadCrumbText {
	margin-right:400px;
	padding:0px 5px 0 5px;
	background: url(/images/leftgradient.jpg) no-repeat;
	background-color:#E9DBC0 ;
	min-height:29px;
	
}
* html #breadcrumb .breadCrumbText {
	height:29px;
}
#breadcrumb p {
	margin:0;
	padding:0;
}
#breadcrumb a {
	color:#fff; 
	text-decoration:underline; 
	font-weight:bold;
} 
#breadcrumb a:hover {
	color:#26465f; 
	background-color:transparent;
} 
#breadcrumb #siteSearchForm {
	margin: 0;
	position:absolute;
	top:145px;  
	right:5px;
	
}
#siteSearchForm p {
	margin:0;
	padding:0;
}
#breadcrumb #siteSearchForm #searchBoxSite {
	background:url("/images/virginia_seach_txt-bg.jpg") no-repeat;
	background-color:transparent;
	border:0;
	font-weight:bold;
	/* height:14px; */
	width:172px;
	padding:3px;
}
#breadcrumb #siteSearchForm #siteSearchBtn {
	background:url("/images/virginia_seach_button-bg.jpg") no-repeat transparent;
	border:none;
	height:20px;
	width:28px;
	height:20px;
	margin-left:2px;
}
#breadcrumb .alignLeft {
	float:left;
}
#breadcrumb .clear {
	clear:both;
}
#breadcrumb .hidden {
	display:none;
	visibility:hidden;
}
/* Styles for the Footer */
#dmvfooter
	{
	font:70% Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	padding-top:4px;
	top:1px;
	text-align:center;
	color:#800000;
	

	}

#dmvfooter a
	{
	color:#800000;
	font-weight:bold;
	text-decoration:underline;
	}

#dmvfooter a:hover
	{
	color:#26465f;
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
	}

.main{
	display:none;
	}
#headerImage .right{
	display:none;
	}
	
#headerImage{
	background-color:#ebe4da;
	}
.hidden {
	display: none;
	}