/*BODY STYLES*/



* {
	padding: 0;
	margin: 0;
}

body, html {
	padding: 0;
	margin: 0;
	line-height: 140%;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	 color: #505050;
	text-align: left;
    background: #f6f6f6;
	background-repeat: repeat-y;
	background-position: top;
	
}

#container { 
	background: transparent;
	padding: 0px 0px 20px 0px;
	width: 820px;
	margin: 0 auto 0 auto;
	border-top: 0;
} 


.wrapper {
	background: transparent;
	padding: 0px 0px 20px 0px;
	border-top: 0;
	margin: 0 auto 0 auto;
	width: 820px;
}


.mainbody { 
	float:left;
	background: transparent;
	width: 820px;
}

.breadcrumb { 
	float:left;
	background: #FFFFFF;
	padding: 7px 15px 5px 15px;
	margin: 0px 3px 0px 3px;
	width: 784px;
		
}

h1 {
    font-size: 14px;
	 color: #505050;
	padding-bottom: 10px;	
	
}

h2 {
    font-size: 12px;
	padding-top: 10px;	
	color: #ffffff;
		
}
 
a.whitelink:link, a.whitelink:active, a.whitelink:visited {
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
   
}
a.whitelink:hover {
	color: #414141;
	font-weight: bold;
}





a.rightlink:link, a.rightlink:active, a.rightlink:visited {
    font-size: 12px;
	color: #737374;
	padding-top: 10px;
   
}
a.rightlink:hover {
       text-decoration: underline;
}





a:link, a:active, a:visited {
		text-decoration: underline;
		color: #505050;
   
}
a:hover {
	text-decoration: none;
}


.purpleheader {
	color: #8f5398;
	font-size: 12px;
	font-weight: bold;
}

.greenheader {
	color: #62900a;
	font-size: 12px;
	font-weight: bold;
}

.blueheader {
	color: #03a6a4;
	font-size: 12px;
	font-weight: bold;
}

.smallgreyheader {
	font-size: 12px;
	font-weight: bold;
}





a.smallpurple:link, a.smallpurple:active, a.smallpurple:visited {
    text-decoration: none;
   font-size: 11px;
	color: #8f5398;
	padding: 4px 4px 4px 4px;
	text-align: center;
	line-height: 110%;
   
}
a.smallpurple:hover {
       text-decoration: underline;
}






a.smallblue:link, a.smallblue:active, a.smallblue:visited {
    text-decoration: none;
   font-size: 11px;
	color: #03a6a4;
	padding: 4px 4px 4px 4px;
	text-align: center;
	line-height: 110%;
   
}
a.smallblue:hover {
       text-decoration: underline;
}





a.smallgreen:link, a.smallgreen:active, a.smallgreen:visited {
    text-decoration: none;
   font-size: 11px;
	color: #62900a;
	padding: 4px 4px 4px 4px;
	text-align: center;
	line-height: 110%;
   
}
a.smallgreen:hover {
       text-decoration: underline;
}




.main { 
	float:left;
	background: #FFFFFF;
	padding: 7px 15px 25px 15px;
	margin: 0px 3px 0px 3px;
	width: 784px;
	border-bottom: solid 1px #c2c2c2;
		
}


.registration { 
	float:left;
	background: transparent;
	padding: 20px 20px 20px 20px;
	margin: 10px 0px 0px 0px;
	width: 460px;
			
}


.purpleright { 
	line-height: 120%;
	float:right;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 10px 10px 0px;
	width: 200px;
		
}


.purplebg { 
	float:left;
	background: url(purplebox.gif);;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 784px;
		
}

.bluebg { 
	float:left;
	background: url(bluebox.gif);;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 784px;
		
}

.greenbg { 
	float:left;
	background: url(greenbox.gif);;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 784px;
		
}


.mainright { 
	line-height: 120%;
	float:right;
	background: #FFFFFF;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	width: 202px;
		
}

.formpopup { 
	padding: 30px 40px 20px 40px;
				
}


.forminner { 
	float:right;
	background: #FFFFFF;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 270px;
	
		
}


.topform { 
	text-shadow:1px 1px 1px #666;
	float: right;
	color: #FFFFFF;
	background: url(form_bg.gif);
	font-size: 12px;
	padding: 73px 60px 0px 13px;
	width: 159px;
	line-height: 110%;
	height: 46px;
		
}



a.register:link, a.register:active, a.register:visited {
    cursor: pointer;
	text-decoration: none;
    font-size: 12px;
	text-shadow:1px 1px 1px #666;
	color: #FFFFFF;
	   
}
a.register:hover {
    cursor: pointer;
	text-decoration: none;
    font-size: 12px;
	text-shadow:1px 1px 1px  #d0d0d0;
	color: #8f5398;
}




.footerright { 
	float:right;
	background: #FFFFFF;
	width: 202px;
	text-align: right;
	
	
		
}

.sitemap { 
	float:left;
	background: #FFFFFF;
	padding: 20px 20px 10px 20px;
	width: 800px;
	margin: 0px 7px 5px 7px;
	
}




/*FOOTER STYLES*/

.footertext { 
	color: #c2c2c2;
	float:left;
	background: #FFFFFF;
	padding: 12px 15px 15px 15px;
	margin: 0px 3px 0px 3px;
	width: 784px;
	}

a.footerlink:link, a.footerlink:active, a.footerlink:visited {
	color: #c2c2c2;
	text-decoration: none;
		   
}
a.footerlink:hover {
	text-decoration: underline;
}




/*FORM STYLES*/


.form {
	width: 150px;
	border: 1px solid #989898;
	background: #ffffff;
	margin-top: 5px;
	font-size: 11px;
	color: #636466;
	padding: 2px 2px 2px 2px;	

}


.button {
	font-family: arial, verdana, sans-serif;
	width: 155px;
	padding: 2px 2px 2px 2px;	
	border: 1px solid #989898;
	margin-top: 5px;
	background: #989898;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	
}


.registerform {
	width: 300px;
	margin: 10px 0px 10px 0px;
	background: #ffffff;
	border: 1px solid #c2c2c1;
	padding: 4px 4px 4px 4px;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	text-align:justify;
	color: #868686;
			

}
.registerbutton {
	width: 308px;
	margin: 10px 0px 0px 0px;
	background: #8f5398;
	border: 1px solid #8f5398;
	padding: 4px 4px 4px 4px;
	font-size: 12px;
	font-weight:normal;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	
}








.imageright {
	
    float: right;

}

.imageleft {
	
    float: left;

}

.routeinfoimageright {
	margin-left: 20px; 
    float: right;

}

.greytable {
	font-size: 12px;
    color: #505050;
	padding: 0px 4px 4px 4px;
	text-align: center;
	line-height: 110%;
	font-weight: bold;
	
}


.greytableleft {
	font-size: 12px;
    color: #505050;
	padding: 0px 4px 4px 4px;
	text-align: left;
	line-height: 110%;
	font-weight: bold;
	
}


.greyheader {
	font-size: 14px;
    color: #505050;
	padding: 0px 4px 4px 4px;
	text-align: left;
	line-height: 110%;
	font-weight: bold;
	
}




.smallgreytable {
	font-size: 11px;
	color: #737374;
	padding: 4px 4px 4px 4px;
	text-align: center;
	line-height: 110%;
	
}



.smallpurpletable{
    text-decoration: none;
   font-size: 11px;
	color: #8f5398;
	padding: 4px 4px 4px 4px;
	text-align: left;
	line-height: 110%;
}





.smallbluetable{
    text-decoration: none;
   font-size: 11px;
	color: #03a6a4;
	padding: 4px 4px 4px 4px;
	text-align: left;
	line-height: 110%;
}




.smallgreentable{
     text-decoration: none;
   font-size: 11px;
	color: #62900a;
	padding: 4px 4px 4px 4px;
	text-align: left;
	line-height: 110%;
}



.routeprofile { 
	float:left;
	background: url(routeprofilebg.gif);
	width: 540px;
	height: 190px;
	padding: 20px 10px 10px 10px;
	
		
}

.routeinfo { 
	float:left;
	width: 782px;
	margin-bottom: 10px;
	padding: 30px 0px 30px 0px;
	border-bottom: 1px dotted #c2c2c2;
			
}


.newsitem { 
	float:left;
	width: 782px;
	margin-bottom: 10px;
	padding: 30px 0px 30px 0px;
	border-bottom: 1px dotted #c2c2c2;
			
}


.sitemaptext {
	margin-left: 50px;
	
}