/*
Theme Name: transit 
*/

/* Body 
----------------------------------------------------- */


	body {  background-color:#2B3C46;   
		font:13px Trebuchet MS, helvetica, sans-serif;
		color:#e8e2bb;
		margin: 0px;
	}

/* Type 
----------------------------------------------------- */
	
	
	p  {
		font:13px Trebuchet MS, helvetica, sans-serif;
		color:#e8e2bb;
		margin:0 0 10px 0;
	}

	.small  {
		font:12px Trebuchet MS, helvetica, sans-serif;
		color:#000000;
		margin:10px 0 0 10px;
	}

	.white1  {
		font:11px Trebuchet MS, helvetica, sans-serif;
		color:#ffffff;
		margin:5px 0 0 10px;
	}


	li {
		font:13px Trebuchet MS, helvetica, sans-serif;
		color:#e8e2bb; padding:1px;
		margin:2px 5px 7px 5px;
	}

	ol, ul {
		 margin:10px 0 16px 20px; padding:0 0 0 1px;
	}

	ol.a {list-style-type:lower-alpha;}
	ol.b {list-style-type:circle;}

	.grey {
		font:14px Trebuchet MS, helvetica, sans-serif;
		color:#999999; margin:15px 30px 30px 60px;
		
		line-height: 1.7;
	}
	.quotes {
		font:15px Trebuchet MS, helvetica, sans-serif;
		color:#333333; margin:10px 20px 0 24px;
		line-height: 1.6;
	}

	.white2 {
		font:12px Trebuchet MS, helvetica, sans-serif;
		color:#ffffff; margin:0 0 0 0;
		 
	}

	.crumbs { font-weight:700; font:11px Trebuchet MS, helvetica, sans-serif;
		color:#000000; margin:9px 0 0 0;
	}

	.dark-grey {
		font-weight:700;  font:12px Trebuchet MS, helvetica, sans-serif;
		color:#666666; margin:11px 0 0 0;
				
	}

	.dark {
		font-weight:700;  font:12px Trebuchet MS, helvetica, sans-serif;
		color:#000000; margin:5px 0 0 0;
				
	}

	.border { border: 1px solid #492f2f; }
	.bordver { background-color: #fbfcfc; border: 1px solid #666666; float:left; font:12px Trebuchet MS, helvetica, sans-serif; color:#000000; }

	.bordvis { background-color: #fbfcfc; border: 1px solid #666666; float:left; font:12px Trebuchet MS, helvetica, sans-serif; color:#000000; margin:5px 15px 15px 5px; padding:5px 5px 5px 5px; }

	.topnavoff { margin:0 20px 0 20px; font-weight: 700; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color: #a7a7a7; text-decoration: underline; }
	.downnav { font-weight: 700; font-family: Trebuchet MS, Helvetica, sans-serif; color:#000000; margin:15px 0 5px 10px; padding:0 0 0 0; font-size:13px; text-decoration: none; }
	.form { width:150px; font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#ffffff; text-decoration: none; background:url("../images/star.gif") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }
	.form2 { width:150px; font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#ffffff; text-decoration: none; background:url("../images/spacer.gif") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }

	h1 { font:bold 30px Trebuchet MS, Helvetica, sans-serif; margin:10px 0 3px 0; color:#1a415a; }
	h2 { font:bold 18px Trebuchet MS, Helvetica, sans-serif; margin:12px 0 6px 0; color:#e8e2bb; }
	h3 { font:bold 30px Trebuchet MS; margin:2px 0 10px 0; color:#d2c67f; }
	h4 { width:900px; font:16px Trebuchet MS, Helvetica, sans-serif; margin:12px 0 12px 0; color:#d2c67f; }
	h5 { font:18px Trebuchet MS, Helvetica, sans-serif; margin:2px 0 10px 0; color:#1a415a; }
	h6 { font:bold 18px Trebuchet MS, Helvetica, sans-serif; margin:0 0 6px 0; color:#e8e2bb; }
	
	button { padding:0; border:none; background:none; }


/* Layout 
----------------------------------------------------- */

	#banner { width:100%; height:400px; background-image: url("../images/bg1.gif"); background-position: top center; background-repeat: no-repeat; }
	#dot { background-image: url("../images/line.jpg"); background-position: top center; background-repeat: repeat; }
	#left { margin:15px 25px 15px 25px; }
	#left2 { margin:0 25px 15px 25px; }
	#right { margin:15px 25px 15px 25px; }
	#center { margin:0 43px 0 42px; }
	#title { width:1000px; background-color:#d2c67f; margin:0 0 0 0; }

	#top { width:1000px; height: 153px; background-image: url("../images/top.jpg"); background-position: top center; background-repeat: no-repeat; }
	#bottom { width:1000px; height: 153px; background-image: url("../images/bottom.jpg"); background-position: top center; background-repeat: no-repeat; }
	#nav { width: 850px; height:24px; background-color: #1e222e; float:left; margin:30px 0 10px 20px; }
	#test2 { width:480px; background:url("../images/test2.jpg") no-repeat top left; margin:20px 0 30px 0; padding:30px 10px 10px 10px; font-size:12px; }
	#sponsors { margin:10px 0 10px 0; padding:10px 10px 10px 10px; }
	#image { width:196px; border: 1px solid #848b9d; background-color: #00000b; margin:10px 10px 10px 10px; padding:2px 2px 2px 2px; }
	#text { width:430px; border: 1px solid #848b9d; background-color: #00000b; margin:20px 10px 20px 10px; padding:10px 10px 10px 10px; }
	#text2 { height:140px; width:430px; border: 1px solid #848b9d; background-color: #00000b; margin:0 10px 20px 0; padding:25px 10px 10px 10px; }

        #pageend { width:1000px; height:60px; margin:10px 0 0 0; }

	#side { margin:25px 0 5px 22px; }

	#grey1 { width:100%; background-color:#34383a; margin:0 auto; }
	#blue { width:100%; background-color:#1a415a; margin:0 auto; }
	#blue1 { width:100%; background-color:#2B3C46; margin:0 auto; }
	#blue2 { width:1000px; background-color:#1e222e; margin:0 auto; }
	#blue3 { width:1000px; background-color:#1a415a; margin:0 auto; }
	#black2 { width:100%; background-color:#000000; margin:50px 0 0 0; auto; }
	#green1 { width:100%; background-color:#4f6228; margin:0 auto; }
	#green2 { height: 10px; width:100%; background-color:#339900; margin:0 auto; }
	#white { height: 40px; width:100%; background-color:#ffffff; margin:0 auto; }
	#nav-side { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #342b2b; margin:0 0 0 20px;}
	#nav-side a:link { text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #342b2b; margin:0 0 0 2px;}
	#nav-side a:hover { text-decoration: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #000000; margin:0 0 0 2px;}
	#nav-side a:visited { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #342b2b; margin:0 0 0 2px;}


/* Navigation 
----------------------------------------------------- */
	a:link { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: underline; }
	a:visited { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color:  13px; color: #ffffff; align='left'; text-decoration: underline;  }
	a:active { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color: 13px; color: #ffffff;  align='left'; text-decoration: underline;  }
	a:hover { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color: #eeeeee; text-decoration: underline;  }

	a.white1:link { margin:10px 0 5px 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
	a.white1:visited { margin:10px 0 5px 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
	a.white1:active { margin:10px 0 5px 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
	a.white1:hover { margin:10px 0 5px 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #e8e2bb; text-decoration: underline; }

	a.white2:link { margin:10px 0 0 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #ffffff; text-decoration: underline; }
	a.white2:visited { margin:10px 0 0 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #ffffff; text-decoration: underline; }
	a.white2:active { margin:10px 0 0 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #ffffff; text-decoration: underline; }
	a.white2:hover { margin:10px 0 0 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #e8e2bb; text-decoration: underline; }

	a.large:link { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #231f20; text-decoration: none; }
	a.large:visited { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #231f20; text-decoration: none; }
	a.large:active { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #231f20; text-decoration: none; }
	a.large:hover { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: underline; }

	a.h2:link { font:bold 30px Trebuchet MS; margin:20px 0 20px 0; color: #e8e2bb; text-decoration: none; }
	a.h2:visited { font:bold 30px Trebuchet MS; margin:20px 0 20px 0; color: #e8e2bb; text-decoration: none; }
	a.h2:active { font:bold 30px Trebuchet MS; margin:20px 0 20px 0; color: #e8e2bb; text-decoration: none; }
	a.h2:hover { font:bold 30px Trebuchet MS; margin:20px 0 20px 0; color: #ffffff; text-decoration: underline; }

	a.soft:link { font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#b21f25; text-decoration: none; background:url("../images/bwlogo.png") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }
	a.soft:visited { font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#b21f25; text-decoration: none; background:url("../images/bwlogo.png") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }
	a.soft:active { font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#b21f25; text-decoration: none; background:url("../images/bwlogo.png") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }
	a.soft:hover { font: bold 13px Trebuchet MS, Helvetica, sans-serif; color:#b21f25; text-decoration: none; background:url("../images/bwlogo.png") no-repeat left; margin:0 20px 0 20px; padding:0 0 0 20px; }

	a.blue:link { font: 12px Trebuchet MS, Helvetica, sans-serif; color:#2B3C46; text-decoration: none; margin:0 0 0 0; }
	a.blue:visited { font: 12px Trebuchet MS, Helvetica, sans-serif; color:#2B3C46; text-decoration: none; margin:0 0 0 0; }
	a.blue:active { font: 12px Trebuchet MS, Helvetica, sans-serif; color:#2B3C46; text-decoration: none; margin:0 0 0 0; }
	a.blue:hover { font: 12px Trebuchet MS, Helvetica, sans-serif; color:#000000; text-decoration: underline; margin:0 0 0 0; }


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 2px 0 0 3px;
	padding: 0;
	list-style: none;
	text-decoration: none
	float: center;
	font: 15px Trebuchet MS, Helvetica, sans-serif;}

#sddm li a
{	display: block;
	margin: 5px 5px 0 5px;
	padding: 0 0 0 0px;
	width: auto;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font: 15px Trebuchet MS, Helvetica, sans-serif;}

#sddm li a:hover
{	
	color: #e8e2bb;
	text-decoration: none;
}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 10px 0 0 0;
	padding: 10px 30px 10px 30px;
	width:auto;
	background: #e8e2bb;
	}

#sddm div a
	{	position: relative;
		display: block;
		margin: 4px 0 0 0;
		padding: 5px 5px 5px 10px;
		width:auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e8e2bb;
		color: #1a415a;
		font: bold 11px Trebuchet MS, Helvetica, sans-serif;}

	#sddm div a:hover
	{	background: #e8e2bb;
		text-decoration: none;
		color: #000000;}

#sddf
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddf li
{	margin: 2px 0 0 3px;
	padding: 0;
	list-style: none;
	float: center;
	font: bold 13px Trebuchet MS, Helvetica, sans-serif;}

#sddf li a
{	display: block;
	margin: 15px 5px 0 5px;
	padding: 0 0 0 0px;
	width: auto;
	color: #a7a7a7;
	text-align: center;
	text-decoration: underline}

#sddf li a:hover
{	
	color: #a7a7a7;
}


#sddf div
{	position: absolute;
	visibility: hidden;
	margin: 10px 0 0 21px;
	padding: 0;
	width:auto;
	background: #ffffff;
	}

#sddf div a
	{	position: relative;
		display: block;
		margin: 4px 0 0 0;
		padding: 3px 5px 3px 5px;
		width:auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #333333;
		font: bold 13px Trebuchet MS, Helvetica, sans-serif;}

	#sddf div a:hover
	{	background: #ffffff;
		text-decoration: underline;
		color: #a7a7a7;}