* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	General layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* for a reference on ems see http://www.clagnut.com/blog/348/ */
body {
	font: 62.5% Arial, Helvetica, sans-serif; 
	background-color: #C3C1AE;
	padding: 0;
    margin-top: 0; 
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

 table#container {	
	margin: 0;
	min-width: 978px;
	padding-left: 10px;
	background: transparent url(/images/main-bg-left.gif) top left repeat-y;
}
table#main {	
	width: 978px;
	min-width: 978px;
	padding-right: 10px;
	background: #FFF url(/images/main-bg-right.gif) top right repeat-y;
}

table#header {
	float: left;
	min-height: 68px;
	width: 97.8em;
	width: 978px;
	background: #FFF url(/images/header-bg.gif) bottom left repeat-x;
	border-bottom: solid 0.3em #3F3F3F;
	
	}
	
	
	table#main-navigation {
		margin: 1.2em 0 0 0.8em;
		clear: left;
		position: relative;
		z-index: 10;
		
	}	
		img.dot {
			width: 1em;
			height: 1em;
			position: absolute; 
			margin-top: -0.3em;	
		}		
		table#main-navigation td {
			display: block;
			text-decoration: none;
			color: #000000;
			/*padding: 0.4em 0.4em 0.4em 0.4em;*/
			font: 75.5% Arial, Helvetica, sans-serif; 
			text-decoration: none;
			/* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
		    
			text-shadow: 0 0 0 #000;
			background-color: transparent !important;
			background-position: top left;
			background-repeat: repeat;
			white-space: nowrap;
			color: #FFF;
				/*border-bottom: solid 1px #FFF;*/
				float: left;
				width: 9.5em;  /*if want to set a specific, universal width for all subnavs set this */
				
		}		
		
		table#main-navigation td a   {
			text-decoration: none;
			color: #000000;
			white-space: nowrap;
			display:block;
		}		
		
	
		
	table#breadcrumb {
	float: left;
	clear: both;
	width: 978px;
	min-height: 6px;
	background: #DDDDDD;
	border-top: solid 0.1em #FFF;
	margin-bottom: 0.8em;
	padding: 0 0 0 0.8em;
	/*line-height: 0.6em;*/
	color: #3F3F3F;
	font: 62.5% Arial, Helvetica, sans-serif; 
}	
	table#breadcrumb a {
		color: #6F6F6F;
		text-decoration: none;
		
	}
	table#breadcrumb a:hover { text-decoration: underline; }
	table#breadcrumb img {
		width: 0.7em;
		height: 0.5em;
		border: none;
	}

table#graphicheader td {
	border-top: solid 0.5em #FFF;
	border-bottom-color: #C80000;
	border-bottom: solid 0.4em  #C80000;
}


table#secondarynav {
	
	float: left;
	clear: left;
	width: 18.6em;
	margin: 0 0.4em 0 0.4em;
	font: 62.5% Arial, Helvetica, sans-serif; 
	padding-top: 0 0 0 0.8em;
}

	table#secondarynav td {
		margin-bottom: 0.1em;
		float: left;
		width: 18.6em;
		background: transparent top left repeat;
	}
		table#secondarynav td a {
			float: left;
			display: block;
			font-size: 1.1em;
			text-decoration: none;
			padding: 0.4em 0.8em 0.4em 0.8em;
			color: #FFF;
			width: 14.4em;
			background-color: #C80000; 
			
			background-image: url(/images/secondarynav-bg-li-rider_tools.gif) bottom left repeat-x;
		}
		table#secondarynav li a:hover,
		table#secondarynav td.on a {
			width: 15.3em;
			background: #A10606;
		}
		
		.utilityLinkStart a { 
				white-space:nowrap; 
				font: 62.5% Arial, Helvetica, sans-serif; 
				padding: 0 0.5em 0 0.5em;
				text-decoration: none;
				
		
		} 
		.utilityLink a { 
				white-space:nowrap; 
				font: 62.5% Arial, Helvetica, sans-serif; 
				padding: 0 0.5em 0 0.5em;
				text-decoration: none;
				border-left: solid 0.1em #999999;
		
		}
		
		
					
					
	/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	Footer layout & styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
table#footer {	
	width: 100%;
	padding-left: 10px;
	margin-left: -10px;
	background: transparent url(/images/main-bg-left.gif) top left repeat-y;
}
table#footermain {	
	width: 100%;
	padding-right: 10px;
	background: #FFF url(/images/main-bg-right.gif) top right repeat-y;
}
	table#footermain td {	
		list-style: none;
		clear: both;
		float: left;
		margin: 0.4em 0.8em 0 1.6em;
		width: 90%;
		display: inline;
	}	
	table#footermain td.languages {	
		padding-top: 6em;
		background: none;
	}	
		table#footermain td {	
			float: left;
			margin-right: 0.8em;
		}			
	table#footermain p {
		position: absolute;
		padding: 1.6em 0.8em 0.8em 1.6em;
		font-size: 1em;
		color: #7F7F7F;
	}
	table#footermain a {	
		color: #7F7F7F;
		text-decoration: none;
	}
	table#footermain a:hover {	
		color: #3F3F3F;
		text-decoration: underline;
	}
#pagebottom {	
	width: 100%;
	margin-left: -10px;
	min-width: 690px;
	background: transparent url(/images/footer-bg-left.gif) bottom left no-repeat;
}
#pagebottommain {	
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	min-height: 16px;
	background: transparent url(/images/footer-bg-right.gif) bottom right no-repeat;
}
    
.H1
{  
	font-weight: bold;
	font-size: .8em;
	color: #3F3F3F;
	margin: 0 0 0.2em 0;
  	font-family: Arial, Helvetica, sans-serif; 
}
.H2
{
    font-weight: bold;
    font-size: .8em;
    color: #9999cc;
   font-family: Arial, Helvetica, sans-serif; 	
}
.H3
{
    font-weight: bold;
    font-size: 14px;
    color: #00009c;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
A:active
{
    color: #ff0000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
A:hover
{
    color: #ffcc66;
}
A:link
{
    color: #00009c;
}
A:visited
{
    color: #330066;
}
.purplefooter
{
    font-size: 10px;
    color: #666699;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.bluebold
{
    font-weight: bold;
    font-size: 10px;
    color: #00009c;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.bluebold2
{
    font-weight: bold;
    font-size: 10px;
    color: #00029c;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.blueboldital
{
    font-weight: bold;
    font-size: 11px;
    color: #00009c;
    font-style: italic;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txt
{
    font-size: 75%;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtfooter
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.H4
{
    font-weight: bold;
    font-size: 14px;
    color: #9999cc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.thumbnailtxt
{
    font-size: 11px;
    color: #9999cc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.purplebold
{
    font-weight: bold;
    font-size: 11px;
    color: #9999cc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.ssmalltxt
{
    font-size: 9px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txtbold
{
    font-weight: bold;
    font-size: 11px;
    color: #333366;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.whitebold
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.whitetxt
{
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.redbold
{
    font-weight: bold;
    font-size: 10px;
    color: #ff0000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.greenbold
{
    font-weight: bold;
    font-size: 11px;
    color: #006633;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.orangebold
{
    font-weight: bold;
    font-size: 11px;
    color: #ff9900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.darkpurplebold
{
    font-weight: bold;
    font-size: 11px;
    color: #990066;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.greybold
{
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.purpletxt
{
    font-size: 11px;
    color: #9999cc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.textbold
{
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Monospace;
}
.text
{
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Monospace;
}
.textsmall
{
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, Monospace;
}
.errors
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    background-color: red;
    text-align: center;
}
.CSXlabel
{
    font-weight: bold;
    font-size: 10px;
    color: red;
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    background-color: white;
    text-align: left;
}
.menuText2
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Arial;
    text-decoration: none;
}
td.menu2
{
    background-color: #2F5E85;
    border-top: 1px #89ACCA solid;
    border-right: 1px #2A5578 solid;
    border-bottom: 1px #2A5578 solid;
    border-left: 0px;
    padding: 0 5px 0 5px;
}
td.menu
{
    background-color: #00009C;
    border-top: 1px #89ACCA solid;
    border-right: 1px #2A5578 solid;
    border-bottom: 1px #2A5578 solid;
    border-left: 0px;
    padding: 0 5px 0 5px;
}
td.menuMarker
{
    background-color: #00009C;
    border-top: 1px #89ACCA solid;
    border-right: 0;
    border-bottom: 1px #2A5578 solid;
    border-left: 0;
}
td.activeMenu
{
    background-color: #F7B512;
    border-top: 1px #89ACCA solid;
    border-bottom: 1px #2A5578 solid;
}
.menuText a
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Arial;
    text-decoration: none;
}

.menuText a:active
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Arial;
    text-decoration: none;
}
.menuText a:visited
{
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Arial;
    text-decoration: none;
}
.menuText a:hover
{
    color: white;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
.button2
{
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.txtsmall
{
    font-size: 9px;
    color: #333366;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.txt2
{
    font-size: 10px;
    color: #333366;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.button
{
    font-weight: bold;
    font-size: 1em;
    background: #ebe6db url(/images/button-bg.gif) repeat-x;
    color: #3f3f3f;
    padding: 0.1em 0.2em 0.1em 0.2em;
    cursor: auto;
    border: solid 1px #a19c92;
    font-family: Arial, Verdana, Helvetica, sans-serif;
   }
.button3
{
    font-weight: bold;
    font-size: 11px;
    background: #ebe6db url(/images/button-bg.gif) repeat-x;
    color: #3f3f3f;
    padding: 0.1em 0.2em 0.1em 0.2em;
    cursor: auto;
    border: solid 1px #a19c92;
   }