﻿
div.boxtop {
	display:none;
	
}
div.boxtop div img{
	display:none;
	
}

@media screen{
body, html {
color: #000; 
font-family:  Arial, Verdana, Tahoma, sans-serif;
margin:0px;
padding:0px;
}
body {
min-width: 760px;
background:#f0f0f0;
background-image:url(/img/bkgd.jpg);
}
p {
padding: 1px 0pt 7px;
}

a.main{
	color:#0C2954;
}
a.main:hover{
	color:#0C2954;
	text-decoration:underline;
}
a img {
 border: 0px;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}

#center {
text-align:center;
}
.clear { clear: both;
line-height:0.1em; }
#mainContainer {
min-height: 300px;
line-height:1.2em;
}
* html #mainContainer {
height: 300px; 
line-height: 1.2em;
}
/**************************
HEADER
**************************/
#header {
background: #000099;
padding: 10px
}

#topcontentline {

height:32px;
}
#topcontentlineright {

height:32px;
}

.outer {
padding-left: 215px;
padding-right: 220px;
margin: 0px;
padding-bottom:0px;
border:0px;
}

* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%;
margin-left: 0px; 
}
* html .inner {
line-height: 1.2em;

}
#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;

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;
 border:solid 2px  #accbe0;
 box-shadow: 0px 3px 3px #999;
 border-radius:13px;
 font-size:75%;
background:#fff;
min-height:900px;

}

* html .contentWrap
{
    height:900px;
}
#rightside{
	display:none !important;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
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 {
float: left;
width: 200px;
min-height: 250px;
padding: 5px;
}
* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 260px;
position: relative; 
padding: 5px;
min-height: 200px;
margin-right: -220px;
zoom:1;
} 
* html #right {
height: 250px;
}
#right ul {
list-style: none;
padding-top: 30px;
padding-bottom: 4px;
padding-left:80px;
}
#right li {
padding: 12px 0px 6px 0px;
}
/**************************
FOOTER
**************************/
#footer {
text-align: center;
background-color: #ffffff;
}


.boxtop { 
 

    background-color: #26465f;
  

}
.boxtop div { 
  height: 20px; 
  padding:10px;
  
  
}
.boxbottom { 
 display:none;
   background-color: #ffffff;
}
.boxbottom div { 
  height: 40px; 
  padding:10px;

}
/************ leftHandNav styles *****************/


#leftHandNav { 
  float: left;
  padding-top: 15px;
  /*width: 18em;*/
 
      /* 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;
}




h1#headerImage {
	height:100px;
	background-color:#ebe4da;
	background:url('/img/dmvLogoS.png');
	background-repeat:no-repeat;
	background-position:25px center;
}


h1#headerImage:hover{
	height:100px;
	background-color:#ebe4da;
	background:url('/img/logoHomeS.png');
	background-repeat:no-repeat;
	background-position:25px center;
}

a:hover{
	background:none !important;
}






}