/* Page Styles */
body {font: 76%/1.2 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;background-color: #ffffff;background-repeat: no-repeat;background-attachment: fixed}
img {	border: none;}
/*h1 {	font-size: 1.4em;	color: #ff8100;	text-transform: uppercase;margin:0 0 -0.5em 0 }*/
h1 {	font-size: 1.4em;	color: #3366CC;	text-transform: uppercase;margin:0 0 -0.5em 0 }
h2 {	font-size: 1.1em;	color: #3366CC;	text-transform: uppercase;margin:0 0 -0.5em 0 ;margin-bottom:1px }
h3 {	font-size: 1.3em;	color: #3366CC; margin-bottom:1px}
h1 {	font-size: 1.4em;	color: #3366CC; margin:0 0 -0.5em 0 }

#intro {	font-weight: bold;	font-size: 1.2em;}
a:link, a:visited {	color:#003399;	font-weight: bold;}
a:hover {	color:#0066CC;}

/*bullet points in several colors */
#blueBullet, #blueBullet li { LIST-STYLE-IMAGE: url(../images/bluebullet.gif)}
#yellowBullet, #yellowBullet li { LIST-STYLE-IMAGE: url(../images/yellowbullet.gif)}

#highlight{color:blue} 
#LearnMore {padding: 0 0 0 9em; position:relative; top:-10px}
#LearnMore a {color:orange; text-decoration:none}
#checkers{ text-align:center}
#checkers a { font-size:xx-small;}
#logoText { font-family:Verdana; font-size: 16px; font-style: italic; margin-left:2em}
#paraTitle { font-weight:bold;color:#3366CC}
#nutshellList li {margin-left:-1.5em}
.quote { font-style:italic}

/*page layout */
body {  text-align: left;  min-width: 720px; font-family: arial, helvetica, serif;} 
#content {position:relative; float: left; text-align:left}
#page {  width: 720px;  margin: 0 auto;  text-align: left; } 
#strapline {width: 720px;height: 250px;	background: url(../images/cobra.jpg) no-repeat right top; clear: both; margin-bottom:1em; margin-top:-1em} 
#strapline p {color:White; font-size:large; font-weight:bold; margin: 1em 1em 1em 1em;FILTER: Shadow(Color=#00cc66, Direction=8)}
#strapline ul li {color:White; font-size:medium; font-weight:bold; font-family:Verdana}
#logo {  width: 150px;   margin: 0;   float: left; } 
#menu {  width: 570px;  }
 
/*column layout for the fleet page */
#fleetcol1 {  width: 465px;   margin: 0;   float: left; } 
#fleetcol2 {  width: 220px;  float: right; } 
#fleetcol3 {  width: 650px;  margin: 0; float: left; } 

/*column layout for the motor cyclists page */
#cyccol1 {  width: 415px;   margin: 0;   float: left; } 
#cyccol2 {  width: 230px;  float: right; } 
#cyccol3 {  width: 650px;  margin: 0; float: left; } 

/*column layout for the home page */
#homecol1 {  width: 520px;   margin: 0;   float: left; } /*520*/
#homecol2 {  width: 180px;  float: right; }  /*180*/
#homecol3 {  width: 400px;   margin: 0;   float: left; } /*520*/
#homecol4 {  width: 300px;  float: right; }  /*180*/

/*column layout for the skid pan page */
#skidcol1 {  width: 275px;   margin: 0;   float: left; } 
#skidcol2 {  width: 400px;  float: right; } 
#skidcol3 {  width: 700px;  margin: 0; float: left; } 

/*column layout for the contact page */
#contactcol1 {  width: 350px;   margin: 0;   float: left; } 
#contactcol2 {  width: 345px;  float: right; } 
#contactcol3 {  width: 700px;  float: left; } 


#FooterMenu{ position:relative; float:left; margin:2em 0 0 0 }
#Copyright{ position:relative; float:left}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: normal;}
.NormalRed{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold;    color: red}
.NormalBold{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold}

/* main menu definitions */
#nav, #nav ul {float: left;	width:720px;list-style: none;line-height: 1;background: #00008A;font-weight: bold;margin: 0 0 1em 0 ; z-index:100;}  /*colour of the buttons*/
#nav a {display: block; color: yellow;text-decoration: none;font-size:small; text-align:center}    /*colour of the text*/
#nav li {float: left;width:118px;border-left-style:solid;border-left-color: white;border-left-width: 1px; padding:0.3em 0 0.3em 0;
	          border-right-style:solid;border-right-color: darkblue;border-right-width: 1px;border-bottom-style:solid;border-bottom-color: darkblue;border-bottom-width: 1px;} /* width of menu members & col of border*/
#nav li ul {position: absolute;left: -999em;height: auto;width: 150px; font-weight: normal;border-width: 0.25em;margin: 0.4em;}
#nav li li { float:left; width: 148px} /* width of submenus*/
#nav li ul a {margin:0.25em 0.25em 0.25em 0.4em;width: 150px; text-align:left}
#nav li ul ul {}
#nav li:hover, #nav li.sfhover {background: mediumblue;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;}