body {
  margin: 0; padding: 0;
  background: #E7E7D6 url(shadow.gif) center top repeat-y;
  text-align: center;
  }
	
#bar {
  background: url(barbg.jpg) center 0 no-repeat; 
  margin: 0 auto; height: 27px; padding: 0;
  }
  
#container {
  background: #FFFFFF; position: relative;
  margin: 0 auto; padding: 0; width: 744px;
  text-align: left;
  }


/* Misc classes */

.cheat { padding-top: 2px; }
.flush { margin-top: 0; padding-top: 0; }
.clear { clear: both; padding-top: 20px; }
.floatright { float: right; padding: 0 0 6px 10px; }
.moretop { margin-top: 20px; }
.flushtop { margin-top: 0; }
.flushbottom { margin-bottom: 0; }

div.shaded { background-color: #F0F0DF; padding: 10px; }
div.form { background-color: #F0F0DF; padding: 10px 20px; margin-right: 4px; }

div.hr { clear: both; height: 16px; margin: 0 3px 20px 0; border-bottom: 2px solid #E7E7D6; }

p.download-pdf { padding: 5px 10px; background: #F0F0DF url(pdf.gif) 435px 10px no-repeat; line-height: 150%; }
p.download-pdf a { font-size: 120%; }

div.floatright p { font-size: 11px; }


/* Page body */

#main { position: relative; margin-top: 20px; width: 744px; min-height: 300px; }
#left { width: 410px; }
#right { position: absolute; top: 0; left: 424px; width: 316px; }

#sub { width: 246px; margin-bottom: 30px; float: right; padding-right: 2px; }
#content { width: 463px;  padding-right: 30px; float: left; padding-bottom: 30px; }

#main h1 { width: 90%; }


/* ---- Bar, header, menu etc ------------- */

#bar ul { margin: 0 auto; width: 480px; padding: 0; list-style-type: none; }
#bar ul li { margin: 0; padding: 0; height: 27px; float: left; }
#bar ul li a { display: block; height: 100%; width: 100%; text-indent: -9999px; text-decoration: none; }
#bar01 { width: 65px; background: url(bar.jpg) 0 0 no-repeat; }
#bar02 { width: 134px; background: url(bar.jpg) -65px 0 no-repeat; }
#bar03 { width: 172px; background: url(bar.jpg) -199px 0 no-repeat; }
#bar04 { width: 72px; background: url(bar.jpg) -371px 0 no-repeat; }
#bar01 a:hover, #bar01 a.selected { background: url(bar.jpg) 0 -27px no-repeat; }
#bar02 a:hover, #bar02 a.selected { background: url(bar.jpg) -65px -27px no-repeat; }
#bar03 a:hover, #bar03 a.selected { background: url(bar.jpg) -199px -27px no-repeat; }
#bar04 a:hover, #bar04 a.selected { background: url(bar.jpg) -371px -27px no-repeat; }

#header { position: relative; width: 744px; padding-top: 14px; }

#logo { padding-left: 14px; }
#roadsafe { position: absolute; top: 32px; right: 0px; width: 170px; }

#top { position: absolute; top: 36px; right: 4px; font-size: 14px; }
#top a { padding-left: 30px; background: url(toparrow.gif) 20px 3px no-repeat; }
#top a:link, #top a:visited, #top label { text-decoration: none; color: #444444; font-weight: bold; }
#top a:hover, #top a:active { text-decoration: underline; color: #1D6819; font-weight: bold; }


/* Menu */

#menu { height: 30px; padding-top: 14px;}

#menu ul {
	height: 30px;
	width: 744px;
	background-image: url(menu.gif?v=2);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	display: block;
	height: 30px;
	width: 104px;
	margin: 0 2px 0 0;
	padding: 0;
}
	
#menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
  text-decoration: none;    	
}

#menu-02 a:hover, #menu-02 a:active, #menu ul.menu-02 #menu-02 a { background: url(menu.gif?v=2)) -000px -30px no-repeat; }
#menu-08 a:hover, #menu-08 a:active, #menu ul.menu-08 #menu-08 a { background: url(menu.gif?v=2)) -106px -30px no-repeat; }
#menu-13 a:hover, #menu-13 a:active, #menu ul.menu-13 #menu-13 a { background: url(menu.gif?v=2)) -212px -30px no-repeat; }
#menu-14 a:hover, #menu-14 a:active, #menu ul.menu-14 #menu-14 a { background: url(menu.gif?v=2)) -318px -30px no-repeat; }
#menu-18 a:hover, #menu-18 a:active, #menu ul.menu-18 #menu-18 a { background: url(menu.gif?v=2)) -424px -30px no-repeat; }
#menu-80 a:hover, #menu-80 a:active, #menu ul.menu-80 #menu-80 a { background: url(menu.gif?v=2)) -530px -30px no-repeat; }
#menu-03 a:hover, #menu-03 a:active, #menu ul.menu-03 #menu-03 a { background: url(menu.gif?v=2)) -636px -30px no-repeat; }


/* Sub menu */

#sub ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }

#sub ul li { display: block; padding: 0; margin: 0 0 4px 0; }
#sub ul li a { display: block; padding: 5px 20px 5px 10px; margin: 0; text-decoration: none; font-weight: bold;	background: url(sub.gif) 0 0 repeat-y; }

#sub ul li a:link, #sub ul li a:visited { color: #444444; text-decoration: none; }
#sub ul li a:hover, #sub ul li a:active { color: #CC0000; text-decoration: underline; }
#sub ul li.selected a, #sub ul li.selected a { background: url(sub.gif) -250px 2px repeat-y; }

#sub ul li ul { padding-top: 10px; }
#sub ul li ul li a, #sub ul li.selected ul li a { display: block; padding: 3px 20px 3px 25px; margin: 0; text-decoration: none; font-weight: bold; background: url(sub.gif) 0 0 repeat-y; }
#sub ul li ul li.selected a, #sub u li ull li.selected a { background: url(sub.gif) -250px 0 repeat-y; }

#sub ul li ul li ul { padding-top: 10px; }
#sub ul li ul li ul li a, #sub ul li.selected ul li ul li a, #sub ul li ul li.selected ul li a { display: block; font-weight: normal; padding: 2px 20px 2px 40px; margin: 0; text-decoration: none; background: url(sub.gif) 0 0 repeat-y; }
#sub ul li ul li ul li.selected a { font-weight: bold; }

#sub #actions li a { background: url(rightactions.jpg) no-repeat; }
#sub #actions li a:hover, #sub #actions li a:active { background: url(rightactions.jpg) 0 -25px no-repeat; }



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

#clear { height: 20px; clear: both;	}	
#footer { height: 25px; bottom: 0; border-top: 3px solid #1D6819; width: 742px; }

#footer a { color: #888888; }


/* ---- sIFR --------------- */

.sIFR-flash {	visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {	visibility: hidden; font-size: 19px; letter-spacing: -1px; }