img, div, .transmaker { behavior: url(iepngfix.html) }



/* =Standards
-----------------------------------------------------------------------------*/

html { min-height: 100%; background-color: #F3F3F3; }

#content { background-color: #009999; text-align: left; margin-left: auto; margin-right: auto; }

#wrapper { min-height: 100%; text-align: left; border: 0; width:988px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; position: relative; }

* { border: 0; padding: 0; margin: 0; text-align: left; }/* Set everything to "zero" */

html,
body { min-height:100%; /*for compliant browsers*/ font: x-small Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;/*for IE 5.5 */ font-size: 100%; line-height: 1.125em; }

/*non-content: e.g., -navigation lists, etc. Slightly smaller than content text {font-size:0.75em;} */
ul li { float: left; /* cure IE5.x "whitespace in lists" problem */ width: 100%; }

ul li a { height: 1%; /* make links honour display: block; properly */ }

/* 100% height for compliants, enwraps floated content*/
#html #wrapper { height:100%; }/* and feed IE what it needs */

html, body, p, th,td, li, dd, dt { font: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; text-align: center; }

p { font-family:Arial, Helvetica, sans-serif; color:#3F3844; font-size: 12px; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; }

.clear { clear:both; }

h1 { font-size: 2.0em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.0em; }

h6 { font-size: 0.8em; }/* Defined default Header sizes*/

a:link,
a:visited,
a:focus,
a:hover,
a:active { background-color:none; }/*s.508 Accessibility*/
a:link { color: #00f; }
a:visited { color: #009; }
a:focus,
a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/
a:active { color: #0cf; }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


/* =Overall Structure
-----------------------------------------------------------------------------*/

#wrapper { height: 100%; position: relative; }

body { background-color: #050D19; }


#headercontainer { width: 967px; height: 319px; padding: 0px; background: url(../images/full-head-plus-menu.jpg) no-repeat; min-height: 319px; position: relative; }

#menucontainer { width: 686px; height: 80px; position:absolute; left: 270px; top: 232px; color: #EFE3C4; font-size:15px; font-weight:normal; text-align: center; }

#bodycontainer { width: 970px; position:relative; text-align:left; min-height: 700px; background:url(../images/center-page-bkg.jpg) repeat-y; }

#whereurat { float:left; width:25px; min-height:400px; margin: 15px 21px 0 22px; }

#footercontainer { width: 988px; position:relative; padding-top: -30px; }




/* =Typography
-----------------------------------------------------------------------------*/




/* =Headings
-----------------------------------------------------------------------------*/



/* =Links


-----------------------------------------------------------------------------*/


#item a:link { color: #FFFFFF; text-decoration: none; font-size:13px; }

#item a:visited { color: #EFE3C4; text-decoration: none; font-size:13px; }

#item a:hover { color: #FFFFFF; text-decoration: underline; font-size:13px; }

#item a:active { color: #FFFFFF; font-size:13px; }


#contentcontainerwithmenu a:link { color: #FFFFFF; text-decoration: none; font-size:13px; }

#contentcontainerwithmenu a:visited { color: #EFE3C4; text-decoration: none;; font-size:13px; }

#contentcontainerwithmenu a:hover { color: #FFFFFF; text-decoration: underline; font-size:13px; }

#contentcontainerwithmenu a:active { color: #FFFFFF; font-size:13px; text-decoration:none; }





#menucontainer a:link { color: #FFFFFF; text-decoration: none; line-height:30px; }

#menucontainer a:visited { color: #EFE3C4; text-decoration: none; line-height:30px; }

#menucontainer a:hover { color: #FFFFFF; text-decoration: underline; line-height:30px; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/

#menucontainer a:active { color: #FFFFFF; line-height:30px; }



#legalppc { font:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:11px; text-align:center;}

#legalppc a:link { color: #EFE3C4; text-decoration: none; line-height:30px; font-size:11px; }

#legalppc a:visited { color: #EFE3C4; text-decoration: none; line-height:30px;  font-size:11px;}

#legalppc a:hover { color: #FFFFFF; text-decoration: underline; line-height:30px;  font-size:11px;}/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/

#legalppc a:active { color: #FFFFFF; line-height:30px; font-size:11px; }




a.regularlink:link { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0AA3AF; line-height: 21px;}

a.regularlink:hover { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; line-height: 21px; text-decoration: underline; }

a.regularlink:visited { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; }

a.regularlink:active { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; }

#footercontainer a { font-size: 12px; }

#footercontainer a:link { color: #666666; text-decoration: none; }

#footercontainer a:visited { color: #999999; text-decoration: none; }

#footercontainer a:hover { color: #FFFFFF; text-decoration: underline; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/

#footercontainer a:active { color: #FFFFFF; }

#leftsubmenu { font-size:13px; color:#49424F; text-align:left; line-height: 15pt; float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;}

#leftsubmenu a:link {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;}

#leftsubmenu a:visited {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#666666;}


#leftsubmenu a:hover {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#B75B00; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/


#leftsubmenu a:active {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; }

#leftsubmenu li { width: 12px; height: 13px; margin-left: -22px; position:relative; list-style:none; background: transparent url(../images/body/triangle.html) 8px 12px no-repeat; background-position:left 1px; margin-top: 1px; }

/* =Main Menu CSS
-----------------------------------------------------------------------------*/





#menu { width: 988; height: 52px; background: url(../images/mainmenu.html); margin: 0; padding: 0; position: relative; }
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menu li, #menu a {
    height: 52px; display: block;}
    
    
    


/* = Main Menu Placment of Links
-------------------------------------*/

#vol { left: 0; width: 158px; height: 52px; }

#our { left: 158px; width: 116px; height: 52px; }

#prog { left: 274px; width: 116px; height: 52px; }

#events { left: 390px; width: 97px; height: 52px; }

#space { left: 487px; width: 144px; height: 52px; }

#home { left: 631px; width: 66px; height: 52px; }

#board { left: 697px; width: 165px; height: 52px; }

#contact { left: 862px; width: 126px; height: 52px; }



/* = Main Menu Hover of Links
-------------------------------------*/

 #vol a:hover {
    background: url(../images/mainmenu.html)
    0 -52px no-repeat; height: 52px;}
  #our a:hover {
    background: url(../images/mainmenu.html)
    -158px -52px no-repeat; height: 52px;}
  #prog a:hover {
    background: url(../images/mainmenu.html)
    -274px -52px no-repeat; height: 52px;}
  #events a:hover {
    background: url(../images/mainmenu.html)
    -390px -52px no-repeat; height: 52px;}
  #space a:hover {
    background: url(../images/mainmenu.html)
    -487px 0px no-repeat; height: 52px;}
  #home a:hover {
    background: url(../images/mainmenu.html)
    -631px -52px no-repeat; height: 52px;}
  #board a:hover {
    background: url(../images/mainmenu.html)
    -697px -52px no-repeat; height: 52px;}
  #contact a:hover {
    background: url(../images/mainmenu.html)
    -862px -52px no-repeat; height: 52px;}
    
/* = Main Menu ON-PAGE of Links
-------------------------------------*/

 #vol-on {
    background: url(../images/mainmenu.html)
    0 -104px no-repeat; width: 158px; left: 0;  height: 52px;}
  #our-on {
    background: url(../images/mainmenu.html)
    -158px -104px no-repeat; left: 158px; width: 116px; height: 52px;}
  #prog-on {
    background: url(../images/mainmenu.html)
    -274px -104px no-repeat; left: 274px; width: 116px; height: 52px;}
  #events-on { 
    background: url(../images/mainmenu.html)
    -390px -104px no-repeat; left: 390px; width: 97px; height: 52px;}
  #space-on {
    background: url(../images/mainmenu.html)
    -487px -104px no-repeat; left: 487px; width: 144px; height: 52px;}
  #home-on {
    background: url(../images/mainmenu.html)
    -631px -104px no-repeat; left: 631px; width: 66px; height: 52px;}
  #board-on { 
    background: url(../images/mainmenu.html)
    -697px -104px no-repeat; left: 697px; width: 165px; height: 52px;}
  #contact-on {
    background: url(../images/mainmenu.html)
    -862px -104px no-repeat; left: 862px; width: 126px; height: 52px;}
    

/* =Sub Menu
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/

.pagetitle { font-size:24px; color:#003399; font-weight:normal; letter-spacing:.5px; font-family: "Times New Roman", Times, serif; font-variant: small-caps; }

.myhr { width:100%; height:1px; margin: 5px 0 23px 0; }

.floatingleft { float: right }

.bodytext { font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; }

#footercontainer p { font-size:11px; color:#999999; line-height: 11pt; }

#contentcontainer { float:left; width:855px; text-align:left; height: 100%; padding-bottom: 100px; margin: 20px 0 0 20px; }

#leftmenucontainer { float:left; width:195px; text-align:left; height: 100%; padding-bottom: 100px; margin: 0; }

#leftmenucontainer #item { float:left; width:180px; text-align:left; min-height:16px; margin: 0; padding-left: 12px; size:12px; background-image: url(../images/sub-menu-bkg.jpg); overflow: visible; padding-top: 8px; padding-bottom: 8px; }

#itemstart { float:left; width:180px; text-align:left; min-height:10px; margin: 0; padding-left: 12px; size:12px; background-image: url(../images/sub-menu-start.jpg); overflow: visible; }
#itemstop { float:left; width:180px; text-align:left; min-height:16px; margin: 0; padding-left: 12px; size:12px; background-image: url(../images/sub-menu-stop.jpg); overflow: visible; padding-top: 8px; padding-bottom: 8px; }


#contentcontainerwithmenu { float:left; width:650px; text-align:left; height: 100%; padding-bottom: 100px; margin: 20px 0 0 18px; }

#contentcontainer strong { color:#FFFFFF; }

#bodycontainer p { margin-bottom: 17px; font-size:13px; color: #FFF5E6; text-align:left; }

#contentcontainer h1 { font-size: 16px; text-align: left; font-family:Arial, Helvetica, sans-serif; }

#bodycontainer #contentcontainer ul {margin-top:-15px; margin-bottom:35px; }


#contentcontainer li { padding-left: 20px; margin-left: 15px; list-style: none; font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; text-align:left; color:#003366; position:relative; background: transparent url(../images/body/triangle.html) 8px 12px no-repeat; background-position:left 0px; margin-bottom: 5px; width: 600px; }

#bodycontainer #contentcontainer ul li ul { margin-top:3px; }


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

/* =Misc 1
-----------------------------------------------------------------------------*/





/* =Misc 2
-----------------------------------------------------------------------------*/

.pullquote { font-size: 12px; margin: 0 0 0 20px; }


/*START CONVEYE LINK*/
#conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; margin-top: 20px; }

#conveyelink a { width:204px; height:116px; display:block; background: transparent url(../../www.conveye.com/permalinks/conveye-link-medium.html) no-repeat; background-position: 0px 0px; }

#conveyelink a:hover { background-position: -204px 0px; }

#conveyelink a:active { background-position: -204px -1px; border:medium; }   
/*END CONVEYE LINK*/



#contactform { width:800px; padding: 15px; font: 10px; margin: 0 0 0 20px; }

#quickcontactbox { width:220px; float: right; padding: 15px; background: url(../images/form/formbkg.jpg) repeat-x #1e1718; border: thin solid #744D00; font: 10px; margin: 0 0 0 20px; }

#realname, #phone, #email, #message { font: Arial, Helvetica, sans-serif 14px; padding:3px; margin:5px 0 0 0; width: 210px; }

#submit { background:url(../images/form/send.png) no-repeat; width:80px; height:28px; }

input[type="submit"] { cursor:pointer; }

#casereviewtextarea { width:280px; height:50px;}

#contactrealname, #contactphone, #contactemail, #contactmessage { font: Arial, Helvetica, sans-serif 14px; padding:2px; margin:2px 0 0 0; background-color: #FFF6CA; border: thin solid #999999; width: 340px; }

#contactformitem { float:left; width: 750px; padding: 15px; }

#contactformitemother { float:left; width: 670px; background-color: #000099; padding: 15px; }


#contactformfield { float:left; width:400px; margin: 0 0 0 15PX; }

#contactformlabel { float:left; width:200px; margin: 5px 0 0 0; }


#wrapper #bodycontainer #contentcontainer .contactformcontainer td { font-size: 13px; color: #666666; }

#wrapper #bodycontainer #contentcontainer .contactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; }

#wrapper #bodycontainer #contentcontainer .contactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; }

#wrapper #bodycontainer #contentcontainer .contactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(../images/sendmessage.html) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; }




#wrapper #bodycontainer #contentcontainer #volcontactformcontainer td { font-size: 13px; color: #666666; }

#wrapper #bodycontainer #contentcontainer #volcontactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; }

#wrapper #bodycontainer #contentcontainer #volcontactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; }

#wrapper #bodycontainer #contentcontainer #volcontactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(../images/sendmessage.html) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; }

.homepic { float: right; margin: 0 0 0 35px; }

#wrapper #bodycontainer #contentcontainer #quickcontactbox p { font-size: 12px; line-height: 13px; margin: 0; }

#wrapper #bodycontainer #contentcontainer #contactform p { font-size: 12px; line-height: 15px; margin: 0; }

#wrapper #bodycontainer #contentcontainer #contactform #form1 #contactformitem #contactformlabel p { text-align: right; }



#contentcontainer a:link { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; text-decoration:none; }

#contentcontainer a:hover { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; text-decoration: underline; }

#contentcontainer a:visited { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; text-decoration:none; }

#contentcontainer a:active { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF5BF; text-decoration:none; }



#formcompletetxt { padding:10px; background-color:#7A6659; width: 560px; height: 20px; }

#wrapper #bodycontainer #contentcontainer #formcompletetxt p { font-size: 14px; }


.homeimage { float:right; margin: 0 0 10px 15px; }












#driversedetailmenu { width: 599px; height: 126px; background: url(../images/driversedetailmenu.jpg) no-repeat; margin: 0; padding: 0; position: relative; }
#driversedetailmenu li { margin: 0; padding: 0; list-style: none; position: absolute; }
#driversedetailmenu li, #driversedetailmenu a { display: block; }

#revoked, #revoked-on { left: 0px; top: 0px; width: 267px; height: 60px; }
#suspended, #suspended-on { left: 267px; top: 0px; width: 332px; height: 60px; }
#dladhearing, #dladhearing-on { left: 0px; top: 60px; width: 267px; height: 66px; }
#dladamyths, #dladamyths-on { left: 267px; top: 60px; width: 332px; height: 66px; }


#revoked a, #revoked-on a { width: 267px; height: 60px; }
#suspended a, #suspended-on a { width: 332px; height: 60px; }
#dladhearing a, #dladhearing-on a { width: 267px; height: 66px; }
#dladamyths a, #dladamyths-on a { width: 332px; height: 66px; }

#revoked a:hover, #revoked-on a:hover { background: url(../images/driversedetailmenu.jpg) 0px -126px no-repeat; height: 60px; left: 0px; }
#suspended a:hover, #suspended-on a:hover { background: url(../images/driversedetailmenu.jpg) -267px -126px no-repeat; height: 60px; left: 267px; }
#dladhearing a:hover, #dladhearing-on a:hover { background: url(../images/driversedetailmenu.jpg) 0px -186px no-repeat; height: 66px; left: 0px; }
#dladamyths a:hover, #dladamyths-on a:hover { background: url(../images/driversedetailmenu.jpg) -267px -186px no-repeat; height: 66px; left: 267px; }

#revoked-on { background: url(../images/driversedetailmenu.jpg) 0px -252px no-repeat; }
#suspended-on { background: url(../images/driversedetailmenu.jpg) -267px -252px no-repeat; }
#dladhearing-on { background: url(../images/driversedetailmenu.jpg) 0px -312px no-repeat; }
#dladamyths-on { background: url(../images/driversedetailmenu.jpg) -267px -312px no-repeat; }







#crimlawgraphicalmenu { width: 635px; height: 195px; background: url(../images/crimlawgraphicalmenu.jpg) no-repeat; margin: 0; padding: 0; position: relative; }
#crimlawgraphicalmenu li { margin: 0; padding: 0; list-style: none; position: absolute; }
#crimlawgraphicalmenu li, #crimlawgraphicalmenu a { display: block; }

#drugcrim, #drugcrim-on { left: 0px; top: 0px; width: 296px; height: 57px; }
#motorvehic, #motorvehic-on { left: 0px; top: 57px; width: 296px; height: 40px; }
#juvinl, #juvinl-on { left: 0px; top: 97px; width: 296px; height: 38px; }
#whitcollar, #whitcollar-on { left: 0px; top: 135px; width: 296px; height: 60px; }
#sexcrimes, #sexcrimes-on { left: 296px; top: 0px; width: 339px; height: 57px; }
#alcohol, #alcohol-on { left: 296px; top: 57px; width: 339px; height: 40px; }
#weapons, #weapons-on { left: 296px; top: 97px; width: 339px; height: 38px; }
#bottomright, #bottomright-on { left: 296px; top: 135px; width: 339px; height: 60px; }




#drugcrim a, #drugcrim-on a { width: 296px; height: 57px; }
#motorvehic a, #motorvehic-on a { width: 296px; height: 40px; }
#juvinl a, #juvinl-on a { width: 296px; height: 38px; }
#whitcollar a, #whitcollar-on a { width: 296px; height: 60px; }
#sexcrimes a, #sexcrimes-on a { width: 339px; height: 57px; }
#alcohol a, #alcohol-on a { width: 339px; height: 40px; }
#weapons a, #weapons-on a { width: 339px; height: 38px; }
#bottomright a, #bottomright-on a { width: 339px; height: 60px; }




#drugcrim a:hover, #drugcrim-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) 0px -195px no-repeat; height: 57px; left: 0px; }
#motorvehic a:hover, #motorvehic-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) 0px -252px no-repeat; height: 40px; left: 0px; }
#juvinl a:hover, #juvinl-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) 0px -292px no-repeat; height: 38px; left: 0px; }
#whitcollar a:hover, #whitcollar-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) 0px -330px no-repeat; height: 60px; left: 0px; }
#sexcrimes a:hover, #sexcrimes-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) -296px -195px no-repeat; height: 57px; left: 296px; }
#alcohol a:hover, #alcohol-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) -296px -252px no-repeat; height: 40px; left: 296px; }
#weapons a:hover, #weapons-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) -296px -292px no-repeat; height: 38px; left: 296px; }
#bottomright a:hover, #bottomright-on a:hover { background: url(../images/crimlawgraphicalmenu.jpg) -296px -330px no-repeat; height: 60px; left: 296px; }






#drugcrim-on { background: url(../images/crimlawgraphicalmenu.jpg) 0px -390px no-repeat; }
#motorvehic-on { background: url(../images/crimlawgraphicalmenu.jpg) 0px -447px no-repeat; }
#juvinl-on { background: url(../images/crimlawgraphicalmenu.jpg) 0px -487px no-repeat; }
#whitcollar-on { background: url(../images/crimlawgraphicalmenu.jpg) 0px -525px no-repeat; }
#sexcrimes-on { background: url(../images/crimlawgraphicalmenu.jpg) -296px -390px no-repeat; }
#alcohol-on { background: url(../images/crimlawgraphicalmenu.jpg) -296px -447px no-repeat; }
#weapons-on { background: url(../images/crimlawgraphicalmenu.jpg) -296px -487px no-repeat; }
#bottomright-on { background: url(../images/crimlawgraphicalmenu.jpg) -296px -525px no-repeat; }

#wrapper #bodycontainer #contentcontainerwithmenu h3 { color: #EADFD1; }

#footermenu p { text-align:center; }

.avvo_rating_badge_small { margin-left: 50px; }