/*  Style Sheet for Nations Traffic School Web Pages */
/*  Copyright 2007, Nations Traffic School           */

/* Vertical Style Menu in left (Main) Navigation Section - Uses Blue on light Blue when Hover */

.vmenu {
   display: block;
   list-style-type: none;
   margin: 12px 0px 0px 4px;
   padding: 1px;
   width: 220px;
   border: 1px solid #9A9A9A;
}

.vmenu lu {
   list-style-type: none;
   display: block;
   padding: 1px;
   width: 220px;
  text-decoration: none;
   border: 1px solid #9A9A9A;
}

.vmenu li a {
  background: #ffffe6 url(../images/glossyback.gif) repeat-x bottom left;
  font: bold 12px Arial, Tahoma sans-serif;
  color: white;
  display: block;
  width: auto;
  padding: 2px 0px 4px 4px;
  list-style-type: none;
  text-decoration: none;
}


* html .vmenu li a { 
  width: 220px
}

.vmenu li a:visited, #vmenu li a:active{
  color: white
}

.vmenu li a:hover {
  background-image: url(../images/glossyback2.gif);
  color: #E40000
}


.vmenu li.nb {
	background: #ffffe6 url(../images/glossyback2.gif) repeat-x bottom left;
	font: bold 14px Arial, Tahoma, Helvetica, sans-serif;
	color: #E40000;
	text-align: left;
	display: block;
	width: 220px;
	padding: 3px 0px 4px 0px;
}



/* Horizontal Style Menu in Upper Navigation Section for English Text */
/* Apply mousedown effect only to NON IE browsers */


.buttonmenu ul{
   margin: 0;
   padding: 0;
   font: bold 12px Arial, Tahoma;
   list-style-type: none;
   border-bottom: 0px solid gray;
   background: #5A8CE7;
   overflow: hidden;
   width: 100%
}

.buttonmenu li{
   display: inline;
   margin: 0
}

.buttonmenu li a{
   float: left;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 3px 17px 3px 17px; /*padding inside each tab*/
    border: 2px solid #5A8CE7;
   color: white;
   background: #5A8CE7
}

.buttonmenu li a:visited{
   color: white
}

.buttonmenu li a:hover{
   color: #E40000;
   background: #FFEC8D; /*background of tabs for hover state */
   border-style: outset
}

.buttonmenu a.selected{
   color: #E40000;
   background: #FFEC8D /*background of tab with "selected" class assigned to its LI */
}

/*  End Main Menu Bar definitions */

/* Define Sub Drop Down Menus */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub ULs, respectively*/
    font: normal 11px arial, tahoma;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 1px solid #6B97E9;
    border-bottom-width: 0;
    visibility: hidden;
   z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ddsubmenustyle li a{
    display: block;
    width: 200px; /*width of menu (not including side paddings)*/
    color: black;
    background-color: #FFFFD3;
    text-decoration: none;
    padding: 3px 2px 3px 5px;
    border-bottom: 2px solid #6B97E9;
    box-shadow: 3px 3px 6px #0F214C;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width:200px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
    background-color: #FFFFAB;
    color: #E40000;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}

/* Navigation column Section - Sets Top / Bottom Borders, Width, and Color */
    
    
table td.nav { border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #989898;
      border-right-width: 1px;
      border-right-style: solid;
      border-right-color: #989898;
      width: 208px;
      background-color: #FFFFBF
       }

/* Header and Paragraph Font and style settings */

h1	{ font-family:: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
	padding: 0px 8px 0px 0px;	
	letter-spacing: -.02em;
	color: #E40000;
} 

h2 { font-family:arial, helvetica, sans-serif;
     font-weight: bold;
     font-size: 11.5pt;
     text-align: center;
     letter-spacing: -.03em;
     color: #E40000;
     margin-top: 0;
}

h3	{ font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 8px 0px 2px;	
	font-size: 11pt;
	color: #000000
}

h4	{ font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 8px 0px 0px;	
	font-size: 10.5pt;
	color: #000000
}

h5 { font: 10.0pt Arial, verdana, sans-serif;
   text-align: center;
   letter-spacing: -.02em;
   margin-top: 1.2em;
   border-top: 1px solid silver;
   border-bottom: 1px solid silver;
   padding: 10px 2px 10px 0px;
   margin-right: 10px;
   color: #E40000;
}

h6	{  font-family: Arial, Helvetica, sans-serif;
	display: inline;
	letter-spacing: -.03em;
    padding: 0px 8px 0px 0px;	
	font-weight: bold;
	font-size: 11pt;
	color: #000000
}

body	{ font-family: Verdana, Arial, Tahoma, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 0px 8px 6px 4px;
	font-size: 10pt;
	color: #000000;
    background: #FFFFF0
} 

p	{ font-family: Verdana, Arial, Tahoma, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	padding: 0px 8px 0px 4px;	
	color: #000000
}

p.tbl	{ font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 9pt;
	color: #000000;
    margin: 0;
    padding: 0px 0 0px 0;
} 

p.tblc	{ font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 9pt;
	color: #000000;
    margin: 0;
} 

p.end	{ font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
    margin: 0 0 12px 0;
	padding: 0 0 0 0;	
	color: #000000;
}
table td.tblc	{ font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 9pt;
	color: #000000;
    margin: 0;
} 

p.ctr { font: bold  10.5pt Arial, sans-serif;
    text-align: center;
    color: #E40000;
    letter-spacing: -.03em;
}

ul li.doc	{ font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 10pt;
    font-weight: normal;
    margin: 0px 0 4px 0;
    color: #000000
}

ul li.reg{ font: 10pt Verdana, sans-serif; padding: 2px 8px 2px 0}

ol li.reg{ font: 10pt Verdana,sans-serif; padding: 0 0 2px 0}

em.light	{ background-color: #FFFFAD;
	font-style: normal
}
	
table.footer {
    padding: 1px 0px 0px 0px;
    border: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #5A8CE7
}

td.footer	{ font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
    margin: 0;
	padding: 1px 0px 1px 0px;
	font-size: 8pt;
	color: #ffffff
} 

a.clean 	{ font-style: normal;
	text-decoration: underline;
	color: #0000FF
}

a.clean:visited { text-decoration: none;
	color: #0000FF
}

a.clean:hover { color: #E40000;
	background-color: #FFFFD4;
	font-weight: normal;
	text-decoration: none
}

/* Page, container and site banner settings; */

html,body {margin: 0; padding: 0; background-color: #FFFFE9; font: normal 10pt arial}

div.container {
    text-align: left;
    background: #FFFFFF;
    width: 930px; 
    margin: 0; 
    border: 1px solid #989898;
    box-shadow: 2px 2px 12px #666668;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

div#banner{height:86px; width:928px; margin:0}

table td.border { font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 9pt;
	color: #000000;
    margin: 0;
    padding: 2px 0 2px 4px;
    border: 1px solid #3A56CE;
}

table td.borderc { font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 9pt;
	color: #000000;
    margin: 0;
    padding: 2px 2px 2px 2px;
    border: 1px solid #3A56CE;
 }
/* Rounded and shadowed boxes */

.cornersrnd { 
    border: 2px solid #3A56CE;
    border-radius: 4px; 
    box-shadow: 2px 2px 5px #0F214C;
    background-color: transparent;
}

.cornersrndns { 
    border: 3px solid #3A56CE;
    border-radius: 3px; 
    background-color: #FFFFFF;
}

/* Comment Marks; */
