a:link {color: #000;}
a:visited {color: #62807F;}
a:active {color: #62807F;}
a:hover {color: #498DB1;}

body {
	padding: 0;
	margin: 0;
	background-color: white;
	}
body, table, td {font-family: arial, helvetica, sans-serif;}	
div#wrap {
	width: 755px;
	margin-left: 5px;
	} 
div#top {
	border-top: 5px solid #87211C;
}
div#undertop {border-bottom: 9px solid #C8D2D9;}
div#undertop table{ height: 41px;}
td#navtd {background-image: url('assets/nav-bg.gif'); width: 582px;}
td#navtd a {
	display: block;
	position: absolute;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px !important;
	text-decoration: none;
	}
td#navtd a:link {color: #87211C;}
td#navtd a:visited {color: #87211C;}
td#navtd a:active {color: #87211C;}
td#navtd a:hover {color: #000;}

td#navtd a#navhome {			 top: 131px; left: 15px;}
td#navtd a#navtraining {	top: 131px; left: 65px;}
td#navtd a#navwho {				top: 131px; left: 200px;}
td#navtd a#navmembers {		top: 131px; left: 297px;}
td#navtd a#navreports {		 top: 131px; left: 398px;}
td#navtd a#navcontact {		 top: 131px; left: 497px;}

td#searchtd { background-color: #62807F; width: 173px;}
#search-box form { margin: 0 0 0 10px; padding: 0;}
#search-box input {margin: 0; padding: 0;}
#search-box input#search-box-field {width: 100px; font-size: 11px;margin-bottom: 6px; margin-right: 4px;}

/* MAIN AREA */
div#main {
	background-image: url('assets/mainbg.jpg'); 
	background-position:  -1px 0;
	background-repeat: no-repeat;
	}
div#main div#right {float: right; border: 0px solid green; width:492px;}	
div#main div#right div#rightmain {
	border: 0px solid blue;
	font-size: 13px;
	}
div#main div#right div#rightmain h1 {
	font-size: 18px;
	/* removed per Client request see Jodie sas text-transform: uppercase; */
	margin-top: 0.5em;
	margin-bottom: 0;
	}
div#main div#right div#rightmain h2 {
	font-size: 16px;
	margin-top: 0.5em;
	margin-bottom: 0;
	}	
div#main div#right div#rightmain p {margin: 0 0 1em 0;}	
div#main div#right div#righttiles {float: right; width: 120px;position: relative; border: 0px solid yellow; margin: 0 0 10px 10px;}
div#main div#right div#righttiles img.tile {display: block; margin-bottom: 7px; border-width: 0;}
/* LETF AREA */
div#left {width: 201px;}
div#left div#leftnavwrap {background-color: #498DB1; width: 185px;}
div#left div#leftnavwrap div#leftnav {padding: 10px;background-image: url('assets/navbg.jpg'); background-repeat: no-repeat; background-position: top left; }

div#leftnav li
{
list-style: none;
margin: 0;
padding: 0.25em;

}



div#left div#leftnavwrap div#leftnav ul {margin: 0; padding: 0;width: 150px;}
div#left div#leftnavwrap div#leftnav ul ul {padding: 0;padding-left: 5px;  background-color: #ffddb2;}
div#left div#leftnavwrap div#leftnav ul ul ul { padding: 0;padding-left: 10px;   background-color: transparent;}

div#left div#leftnavwrap div#leftnav li {margin: 0; padding: 0;border-bottom: 1px solid gray;}
div#left div#leftnavwrap div#leftnav li li {border-bottom: 1px solid #53aedb;}
div#left div#leftnavwrap div#leftnav li li li{border-bottom: 0px solid gray;}


div#leftnav li a { text-decoration: none; font-size: 12px; font-weight: bold; width: 150px; display: block; padding: 1px;}
div#leftnav li a:link { color: white; }
div#leftnav li a:visited { color: white;  }
div#leftnav li a:active { color: white;  }
div#leftnav li a:hover { color: brown; background-color: white;  }
/* 2nd level */
div#leftnav li li a { text-decoration: none; font-size: 11px; font-weight: bold; width: 143px; display: block;padding: 1px; }
div#leftnav li li a { padding-left: 15px; background: transparent url(assets/arrow13.gif) left center no-repeat;}
div#leftnav li li a:link { color: #87211C; }
div#leftnav li li a:visited { color: #87211C;  }
div#leftnav li li a:active { color: #87211C;  }
div#leftnav li li a:hover { color: black; background-color: transparent;}
div#leftnav li li a:hover { color: black; background: transparent url(assets/arrow13on.gif) left center no-repeat;}

div#left div#leftnavwrap div#leftreg {
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 29px; 
	text-align: center;
	background-image: url('assets/reg-background.jpg');  
	background-repeat: no-repeat;
	background-position: bottom;
	width: 185px; 
	height: 68px; 
	height: auto;
	}
div#left div#leftnavwrap div#leftreg img.regbutton {	}
div#left div#leftnavwrap div#leftlogin {
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 29px; 
	text-align: center;
	background-image: url('assets/reg-background.jpg');  
	background-repeat: no-repeat;
	background-position: bottom;
	width: 185px; 
	height: 68px; 
	height: auto;
	}
div#left div#leftnavwrap div#leftlogin div#leftlogbox {
margin-left: auto;
margin-right: auto;
background-color: #FFC46B;
width: 181px;
height: 50px;
}
div#left div#leftnavwrap div#leftlogin div#leftlogbox form { margin: 0; padding: 0; }
div#left div#leftnavwrap div#leftlogin div#leftlogbox form table { font-size: 11px; }
div#left div#leftnavwrap div#leftlogin div#leftlogbox form table input {
	width: 80px;
	padding: 0;
	font-size: 11px;
	}
/* misc */
div#clearfloats {clear: both;}

	


/* BOTTOM */
div#bottom {clear: both; border: 0px solid red; text-align: center; border-top: 1px solid #333;}
div#bottom div#copy {font-size: 11px; color: #333; padding: 1em;}

/* Images */
img.imageright {float: right; margin: 0 0 5px 5px; border: 1px solid #999;}
img.imageleft {float: left; margin: 0 5px 5px 0;border: 1px solid #999;}

/* breadecruymbs */
div#breadcrumbs {font-size: 11px; font-weight: bold; margin-top: 10px;}
div#breadcrumbs a:link {color: #000;}
div#breadcrumbs a:visited {color: #333;}
div#breadcrumbs a:active {color: #000;}
div#breadcrumbs a:hover {color: #666;}


