/*  CSS */

.mainbody	{
	background: #EDF4FA url(graphics/pagebg.jpg) no-repeat top;
	color:#041B82;
	padding: 0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Georgia;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	
	}
	

	
#outer{

    width:780px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	
	

	}	
	
	
#inner	{
    float:left;
	text-align:center;
	color: #333;
	padding: 0;
	width: 780px;
	background: #ffffff;
	
	}

	
#banner	{
	FLOAT: left;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
	width:780px;
	height:110px;

	
	}
#banner #menu
{
	background: url(graphics/menubg.gif);
	height:25px;
}
	

#pagebody	{

	width:780px;
	padding: 0;
	margin: 0;
	text-align: left;
	float:left;
	
	}
	
	
#leftcol {
		
		
			
	    width: 157px;
	    \width: 157px;	/* IE5 hack */
	    w\idth: 157px;
		padding:0 0px 0 0px ;
		float:left;
/*		background-color:#FFFE0A;*/
		background-color:#FFFFFF;
		
		

		}
	
#maincol {
		width: 436px;
	    \width: 464px; /* IE5 hack */
	    w\idth: 436px;
		padding:0 7px 0 0px;
		float:left;
	
		}
		
#maincolext {
		width: 586px;
	    \width: 584px; /* IE5 hack */
	    w\idth: 586px;
		padding:0 7px 0 0px;
		float:left;
}
		
		
#rightcol {
		width:150px;
	    \width: 158px; /* IE5 hack */
	    w\idth: 150px;
		padding:0px 4px 0 4px;
		float:left;
		text-align:center;
		
		}
		
#footer {
	
	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:640px;
	\width: 780px; /* IE5 hack */
	w\idth: 640px;
	color: #041B82;
	background: #FFFE0A  url(graphics/footer.jpg) no-repeat;
	padding: 112px 20px 10px 120px;
	clear: both;
	font-size: 11px;
	height:60px;
		
	}
		
		


#headerr{

		width:163px;
	    \width: 163px; /* IE5 hack */
	    w\idth: 163px;
		padding:0 0px 1px 0px;
		float:left;
		background-color:#fff;


}


/*  Typography */
	
	

#maincol p, #maincolext p, #maincol td, #maincolext td{
	
	font-family:"Trebuchet MS", Arial, Georgia;
	color:#041B82;
	margin: 5px 0 8px 0px;
	line-height:19px;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */
}

#maincol p, #maincolext p
{
	text-align: left;
}
	
#maincol h1 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	padding: 5px 0 5px 0px;
	margin:0px;
	color: #018018;
	
}


#maincol h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: normal;
	font-weight: normal;
	color: #518BC6;
	padding: 10px 0 5px 0px;
	margin:0px;
}



#maincol ul {

font-family:"Trebuchet MS", Arial, Georgia;
	color: #4781BB;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */


}

ol {

font-family:"Trebuchet MS", Arial, Georgia;
	color: #4781BB;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */


}
	
#maincolext h1 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	padding: 5px 0 5px 0px;
	margin:0px;
	color: #018018;
	
}


#maincolext h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: normal;
	font-weight: normal;
	color: #518BC6;
	padding: 10px 0 5px 0px;
	margin:0px;
}




#maincolext ul {

	font-family:"Trebuchet MS", Arial, Georgia;
	color: #041B82;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */


}


#leftcol p{

	font-family: Arial, Helvetica, sans-serif;
	color: #4781BB;
	margin: 5px 0px 10px 0px;
	font-size: 12px; 
	padding-left:3px;

}

#rightcol p{

	font-family: Arial, Helvetica, sans-serif;
	color: #4781BB;
	margin: 5px 0 10px 0px;
	font-size: 11px; 

}
#rightcol a{

	font-family:  Arial, Helvetica, sans-serif;
	color: #018018;
	margin: 0px 0px 0px 0px;
	font-size: 12px; 
	text-align:center;

}

#rightcol h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color:#041B82;
	padding: 5px 0 5px 0px;
	margin:0px;
}

#footer p	{
text-align:center;
margin: 0 ;
padding: 0;
color:#041B82;
font-size:11px;
	}
	
#footer a	{

	
	margin: 10px 0;
	padding: 0;
	color:#007F17;
	font-size:11px;
	}

/* General links */
	
a:link, a:visited {
	
	text-decoration : none;
	color:#018018;
	font-size: small;
	
	}

a:hover {
	
	text-decoration : underline;
	color:  #006699;
	font-size: small;
	}

a:active {
	
	text-decoration : none;
	color: #526968;
	font-size: small;
	text-decoration : underline;
	
	}



	
/* menu styles*/


/* top menu boxes*/

#leftcol ul#subnav {margin:0;padding:0;}
#leftcol ul#subnav br {display:none;}
#leftcol #subnav li {margin:0 0 5px 0; padding:0 0 0 0; list-style:none;  }

#leftcol #subnav a:link, #leftcol #subnav a:visited {
  display:block;
  background-position:0px;
  padding:13px 0px 13px 67px;
 font-size:13px;
  width:80px;
  \width: 147px; 
  w\idth: 80px;
   text-decoration:none;
  } 
  
html>body#leftcol #subnav a:link, html>body#leftcol #subnav a:visited {width:80px;}
#subnav strong {
  display:block;
  margin:4px 0 0 0;
 }


  #leftcol .box1 a {
    color:#ffffff;background-image:url(graphics/thumb1_f1.gif);background-repeat:repeat-x;

  }
  #leftcol .box1 a:hover {
  color:#FFCC00;background-image: url(graphics/thumb1_f2.gif);background-repeat:repeat-x;

  }
  #leftcol .box2 a {
   color:#ffffff;background-image: url(graphics/thumb2_f1.gif);background-repeat:repeat-x;
 
 }
  
  #leftcol  .box2 a:hover {
   color:#FFCC00;background-image: url(graphics/thumb2_f2.gif);
   background-repeat:repeat-x;
  
 }

  #leftcol .box3 a {
   color:#ffffff;background-image: url(graphics/thumb3_f1.gif); background-repeat:repeat-x;
 
 }
  
  #leftcol  .box3 a:hover {
   color:#FFCC00;background-image: url(graphics/thumb3_f2.gif); background-repeat:repeat-x;
  
 }
 
 
  #leftcol ul {
  margin:0;
  padding:0;
  }
  


/* main menu boxes */



#navcontainer { 

    margin: 0;
	padding: 0;
    float: left;
	width: 130px;

	 }

#navcontainer ul{

    margin: 0;
    padding: 0;
    list-style-type: none;
	
	

}

#navcontainer li {

    margin: 0 0 1px 0px;
	padding:0 0 0px 0;
	display:inline;

}

#navcontainer li a{

    display: block;
    padding: 2px 5px 2px 15px;
   border-bottom: 1px solid #fff;
    background-color: #018018;
    color: #ffffff;
    text-decoration: none;
    width: 123px;
    \width: 145px; 
    w\idth: 123px;
    font-size: 11px; 
   font-weight:normal;
    line-height:15px; 
}


#navcontainer li a:hover{

	
	background-color: #356BA2;
	color: #FFCC00;
	
}


#navcontainer ul ul li { 

	margin: 1px 0 0 0;
	padding:0 0 0 0px; 

}

#navcontainer ul ul li a{

	display: block;
	padding: 2px 5px 2px 15px;
	width: 123px;
	\width: 145px; 
	w\idth: 123px; 
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
	line-height: 15px;
	

}

#navcontainer ul ul li a:hover{

	color: #FFCC00;
	text-decoration: none;
	font-weight:normal;
	

}
#navcontainer ul li a#current{
	color: #0066CC;
	font-weight:bold;
}





/* bottom menu boxes*/

#leftcol ul#subnav2 {margin:4px 0 0 0;}
#leftcol ul#subnav2 br {display:none;}
#leftcol #subnav2 li {margin:4px 0 5px 0px; padding:0 0 0 0; list-style:none;  }

#leftcol #subnav2 a:link, #leftcol #subnav2 a:visited{
  display:block;
  background-position:0px;
  padding:0px 0px 10px 63px;
  font-size:13px;
  width:80px;
  \width: 145px; 
  w\idth: 80px;
  
  } 
  
html>body#leftcol #subnav2 a:link, html>body#leftcol #subnav2 a:visited {width:80px;}
#subnav2 strong {
  display:block;
  margin:3px 0 0 0;
  text-decoration:none;
 }


/* End  menu styles */



/*Find a route boxes */



#routebytype {
	float:left;
	padding: 3px 5px 0 10px;
	background: url(graphics/searchbytype.jpg) no-repeat; 
	margin: 5px 0px 5px 0; 
	width: 199px;
	\width: 205px; 
    w\idth: 189px; 
	HEIGHT: 82px; 
	
}


 
#routebytype h1 a{

	color:#ffffff;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */
	
	
}


#routebytype a{

	font-size:small;
	color:#ffffff;
	
}


#routebylocation {
	float:left;
	padding: 3px 5px 0 10px;
	background: url(graphics/searchbylocation.jpg) no-repeat; 
	margin: 5px 0px 5px 0; 
	width: 189px;
	\width: 205px; 
    w\idth: 189px; 
	height:82px;
	\height:45px;
	he\ight:82px;
	
}
#routebylocation h1 a{

	color:#ffffff;
	font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */
	
}


#routebylocation a{

	font-size:small;
	color:#ffffff;
	
}

 
/* =Search Form
----------------------------------------------- */

#searchform, #advsearch {
 
  background-color:#DCE1E7;
  padding:5px;
  margin:0px;
  font-size:small;
  color:#006699;
  border:'1px' 'solid' 'color'

  
  }
 #searchform p, #advsearch p {
font-size:12px;
color:#003399;
  }

#searchbox {
  width:220px;
  margin:0px;
  padding:2px;
  font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */
  
  }
 
 

  
/* =Generic Forms
----------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input {
 font-size: x-small; /* REDUCE desired size a notch for IE 5 */
    voice-family: "\"}\"";
    voice-family: inherit; 
    font-size: small; /* REAL DESIRED SIZE for all other browsers */
  margin: 0;
  }
input.text {
  background:#fff;
  border:1px solid;
  border-color:#333 #DBDBDB #DBDBDB #666;
  color:#333;
  margin: 2;
  }
.imgbutton {
  width:50px;
  height:22px;
  background-color:#669ACC;
  color:#fff
  }
 .img {
  vertical-align:top;
  }




.clearboth {
	CLEAR: both
	
}

.button {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


 /* Table Stlying */

/* info */
table.info
{
text-align: left;
font-family: Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: x-small; /* REDUCE desired size a notch for IE 5 */
voice-family: "\"}\"";
voice-family: inherit; 
font-size: small; /* REAL DESIRED SIZE for all other browsers */
color: #fff;
border-collapse: collapse;
border-spacing: 0px;}

table.info td 
{background-color: #DFDFDF;
color: #333;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.info td.hed

{background-color: #6E9ECE;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 1px #fff solid;
font-weight: bold;
font-size: x-small; /* REDUCE desired size a notch for IE 5 */
voice-family: "\"}\"";
voice-family: inherit; 
 font-size: small; /* REAL DESIRED SIZE for all other browsers */


} 

/* Breadcrumbs  */


#breadcrumbs
{
padding: 0;
margin: 3px 0 5px 0px;
font-size: 11px;
}

#breadcrumbs p

{
font-size: 11px;
padding:0px;
margin: 0px;
colour: #333;

}

#breadcrumbs a

{
font-size: 11px;
padding:0px;
color:#518BC6;

}

#breadcrumbs a:hover

{
	padding:0px;
	font-size:11px;
}


.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
	clear:both
	
    }


/* Calender */


#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	padding: 0px;
	text-align: center;
	margin:  10px 0 10px 0;
	}

#calendar table {
	padding: 1px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	background-color: #FFFFFF;
	}

#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}


/* Events Table */


table.events
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	border: 1px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom:10px;
	border-bottom: 1px #999999 solid;
}

table.events td 
{
color: #000;
padding: 4px 0 2px 0;
text-align: left;
border: 0px #DFDFDF solid;}

table.events td.hed

{
color: #6E9ECE;
padding: 5px 0 5px 0;
text-align: left;
border-bottom: 0px #fff solid;
font-size: small;
font-weight: bold;} 





#leftcol .imageleft, #maincol .imageleft, #maincolext .imageleft, #rightcol .imageleft { float: left;	 clear:both; font-size: 11px; color: #000; text-align:center;}
#leftcol .imageright, #maincol .imageright, #maincolext .imageright, #rightcol .imageright { float: right;	clear:both;	font-size: 11px; color: #000; text-align:center;}
#leftcol .imagecenter, #maincol .imagecenter, #maincolext .imagecenter, #rightcol .imagecenter  { display: block; margin-left: auto;  margin-right: auto; text-align:center; width: 100%; font-size: 11px; color: #000; text-align:center;}

#maincol .imageleft, #maincolext .imageleft {	
margin: 0px 15px 10px 0px;
padding-top:6px ;
font-size: 11px; 
color: #000;
text-align:center;
}
#maincol .imageright, #maincolext .imageright {	margin: 0px 0px 10px 15px; padding-top:6px;  text-align:center;font-size: 11px; color: #000;}

/* Breadcrumbs  */


#breadcrumbs
{
padding: 0;
margin: 3px 0 5px 0px;
font-size: 11px;
}

#breadcrumbs p

{
font-size: 11px;
padding:0px;
margin: 0px;
colour: #333;

}

#breadcrumbs a

{
font-size: 11px;
padding:0px;
color:#518BC6;

}

#breadcrumbs a:hover

{
	padding:0px;
	font-size:11px;
}




	
.rightcolalt
{
  padding:0 5px 0 0px;
   width:138px;
    \width: 148px; /* IE5 hack */
    w\idth: 138px;
  border:1px solid #A4B3CC;
  background:#ECEFF4;
  text-align:left;
}

.rightcolalt a{

color:#339900;
font-size: 12px;

}

#welcome, #rightcol li
		{
	margin: 0px 2px 0px -18px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(graphics/bullet3.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

			
}

#footer .CopyrightBig
{
	text-align:center;
	font-size:20px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

.divcontainercenter
{
	float:left;
	width: 100%;
}

#leftcol .adminlinksli
{
	background-color:#FFF;
	border:0px;
	border-bottom:#3C79B7 solid 1px;
	color: #018018;
}


.sectionadminlinks { width: 100%; }