@charset "UTF-8";
/* CSS Document */
html, body {
	padding: 0;
	margin: 0 auto;
	width: auto;
	font-size: 100%;
	* { margin: 0; padding: 0; }
}

html{
	margin: 0 auto;
	font-size:100%;
	background-color:#f0f0f0;
}

body {
	 margin: 0 auto;
	 text-align:center;  /* for ie   */  
	 background-color:#f0f0f0;
	 background:url(../img/bg.jpg) 0 0 repeat-x;
	 font: 0.7em/1.65 "Lucida Grande",Arial,sans-serif;
}

#tram_lines {
     margin: 0 auto;
	 background:url(../img/tram_lines.png) center repeat-y;
	 width: 952px;
	 height: auto;
	 overflow: hidden;
	 position: relative;
	 text-align:none;
}

/* HEADER */

#header {
     background:url(../img/header_bg.jpg) 0 0 repeat-x;
	 width: 950px;
	 height: 180px;
	 margin: 0 auto;
}

#logo {
     background:url(../img/logo.png) 0 0 no-repeat;
	 margin: 15px 45px;
	 float: left;
	 height: 150px;
	 width: 200px;
}

#header_text {
     background:url(../img/header_text.png) 0 0 no-repeat;
	 margin: -110px 60px;
	 float: right;
	 height: 50px;
	 width: 610px;
}

#nav_bg {
		margin-left:1px; 
		height: 40px;
		width: 950px;
		background: url(../img/nav_bg.jpg) 0 0 repeat-x;
}

#nav {
		margin:0; 
		padding:0; 
		list-style:none;
}	
	
/* NAVIGATION */
		
		#nav li {
			float:left; 
			display:block; 
			width:auto; 
			height: 40px;
			background:none; 
			position:relative;
			z-index:500; 
		}
		
		/* Parent Menu */
		#nav li a {
			display:block; 
			padding:12px 0 0 0; 
			padding-left: 0px;
			font-weight:400;
			font-size: 1.0em;  
			height:30px;
			width: 115px;
			text-decoration:none; 
			color:#2b2b2b; 
			text-align:center; 
			color:#2b2b2b;
		}

		#nav li a:hover {
			color:#4e4e4e;
		}
	
		#nav a.selected {
			color:#2b2b2b;
		}
	
		/* Sub Menu */
		#nav ul {
			position:absolute;
			left:0; 
			display:none; 
			margin:-2px -10px 0px 0px;
			margin-left: -5px;
			padding:0; 
			list-style:none;
		}
		
		
		#nav ul li {
			width:120px; 
			float:left;
			margin-top:-1px;
			padding-left: 5px;
			border: 1px solid;
			border-color:#99999e; 
			background-color:rgba(220, 220, 220, 0.8);
			height: 40px;
		}
		
		/* links */
		#nav ul a {
			display:block;  
			padding-top: 10px;
			color:#3f3f3f;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}
		
		#nav ul  li a:hover {
			width: 125px;
			margin-left: -5px;
			background-color:rgba(200, 220, 220, 0.8);
		}
		
/*ie6 fix*/
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		
/* MAIN CONTENT */

#content {
     margin: 0 auto;
	 width: 950px;
	 height: auto;
	 overflow:hidden;
   	 text-align:none;
}

#content a{
     color:#1a1a1a;
}

#top_fade {
	width: 950px;
	height: 40px;
	position:absolute;
	margin: 0 auto;
	background:url(../img/top_fade.png) 0 0 repeat-x;
	
}

#main_home {
	margin-left: 40px;
	width: 600px;
	height: auto;
	background:url(../img/home_title.png) -12px 25px no-repeat;
}

#main_history {
	margin-left: 40px;
	width: 600px;
	height: auto;
	background:url(../img/history_title.png) -12px 25px no-repeat;
}

#main_committee {
	margin-left: 40px;
	width: 600px;
	height: auto;
	background:url(../img/committee_title.png) -12px 25px no-repeat;
}

#main_press {
	margin-left: 40px;
	width: 600px;
	height: auto;
	background:url(../img/press_title.png) -12px 25px no-repeat;
}


#main_news {
	margin-left: 40px;
	margin-top:20px;
	width: 600px;
	height: auto;
	background:url(../img/news_title.png) -12px 0px no-repeat;
}

#main_teams {
	margin-left: 40px;
	width: 600px;
	height: auto;
	background:url(../img/teams_title.png) -12px 25px no-repeat;
}


#main_text {
	padding-top:80px;
	width: 600px;
	height: auto;
	text-align:justify;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
}

#main_text a{
	text-decoration:none;
}

#main_text a:hover{
	text-decoration:underline;
}

.subtitles {
	padding-top: 5px;
	font: 1.2em/2.2 "Lucida Grande",Arial,sans-serif;
}

#countdown {
	margin-top: 30px;
	width: 610px;
	height: 70px;
	background:url(../img/countdown_box.png) 0 0 no-repeat;
}

#side_home {
	width: 270px;
	height: 200px;
	float:right;
	margin-left:0px;
	margin-top:-575px;
	text-align:none;
	
}

#side {
	width: 270px;
	height: auto;
	float:right;
	margin-top: 25px;
	padding-bottom:28px;
	text-align:none;
}

.side_right {
	margin-top:53px;
	margin-left:-126px;
	padding-bottom: 50px;
	width:100px;
	height:auto;
	display:inline;
	position: absolute;
}

#league_table {
	width: 250px;
	height: auto;
	margin-top: 50px;
	overflow: hidden;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	text-align:justify;
	color:#282864;
}
	
	
#home_sponsors {
	width: 950px;
	height: 240px;
	background:url(../img/home_sponsors.png) 0 0 no-repeat;
	padding-bottom: 0px;
}

#home_sponsors a{
	border:0px;
	text-decoration:none;
}

#committeebox {
    width: 600px;
	margin-left: -10px;
    text-align: left;
    overflow: hidden; 
	color:#2b2b2b;
}

#committeebox a{
    text-decoration:none;
}

.qual {
	font: 0.9em/2.2 "Lucida Grande",Arial,sans-serif;
}

.blurb {
	font: 0.75em/1.8 "Lucida Grande",Arial,sans-serif;
}
	
#c_title {
    width: 600px;
	height: 27px;
}
	
#c_president {
    background:url(../img/c_president.png) 0 0 no-repeat;
    padding-left: 170px;
	padding-top: 20px;
	
}

#c_treasurer {
    background:url(../img/c_treasurer.png) 0 0 no-repeat;
	overflow: hidden;
	padding-left: 170px;
	padding-top: 20px;
	
}

#c_exec_j {
    background:url(../img/c_exec_j.png) 0 0 no-repeat;
	overflow: hidden;
	padding-left: 170px;
	padding-top: 20px;

}

#c_exec_r {
    background:url(../img/c_exec_r.png) 0 0 no-repeat;
	overflow: hidden;
	padding-left: 170px;
	padding-top: 20px;

}

#twitter_feed {
     background:url(../img/twitter_bg.png) 0 0 no-repeat;
     width: 610px;
	 height: 80px;
	 margin-left:-5px;
	 padding-bottom:20px;
}

#twitter_feed ul{
	padding-top: 20px;
	padding-left: 75px;
	width: 525px;
	height: 60px;
	font: 0.8em/1.8 "Lucida Grande",Arial,sans-serif;
	color:#f6f6f6;
	text-align:left;
	list-style:none;
}

#twitter_feed li{
    padding: 15px;
	background:url(../img/twitter_div.png) 0 0 no-repeat;
	background-position:bottom;
}

#twitter_feed a{
     text-decoration:none;
	 color:#a6a6a6;
}

#footer {
	width:950px;
	height:175px;
	margin-bottom:0px;
	margin-left: 1px;
	background:url(../img/footer_bg.png) 0 28px repeat-x;
	overflow:hidden;
	page-break-before:always;
	text-align:left;
}

#footer a {
	text-decoration:none;
	color:#1a1a1a;
}

#footer a hover{
	text-decoration:underline;
	color:#3f3f3f;
}

#bottom_fade {
	width: 950px;
	height: 40px;
	background: url(../img/bottom_fade.png) 0 0 repeat-x;	
}

#footer_text {
	margin: 0 auto;
	padding-top:0px;
	width:900px;
	height:175px;
	list-style:none;
	overflow:hidden;
}

.f1{
	padding-left: 70px;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	color:#1a1a1a;
	position:absolute;
	width:auto;
	list-style:none;
	line-height: 25px;
	z-index:507;
}

.f2 {
	padding-left: 250px;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	color:#1a1a1a;
	position:absolute;
	width:auto;
	list-style:none;
	z-index:505;
}

.f3 {
	text-indent:420px;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	color:#1a1a1a;
	position:absolute;
	width:auto;
	list-style:none;
	z-index:503;
}

.f4 {
	padding-left:620px;
	padding-top:25px;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	color:#1a1a1a;
	position:absolute;
	width:auto;
	z-index:500;
}

/* WORDPRESS NEWS */

div#news_text{
	width: 600px;
	padding-top:20px;
	height:auto;
	text-align:justify;
	font: 1.1em/2.2 "Lucida Grande",Arial,sans-serif;
	display: inline;/* fix double margin */
	margin: 0px 0px 0px 0px;
	}
div#news_text a{
	text-align:none;
	}
div#news_text a:hover{
	text-align:underline;
	}

	div#news_text div.post{
	    background-color:#f1f1f1;
		border: 1px solid #999999;
		color: #2b2b2b;
		line-height: 20px;
		margin-bottom: 30px;
		float: left;
		}
	/* sticky post */
	div#news_text div.sticky{
		background-color: #a1a1a1;/* if a post is set as sticky post, it'll have a darker bg color */
		}
		div#news_text div.post div.date{
			background:url(../img/date.png) no-repeat;
			float: left;
			line-height: 14px;
			text-align: center;
			vertical-align: middle;
			height: 60px;
			width: 60px;
			margin-left: 0px;
			margin-top: 0px;
			padding-top: 10px;
			padding-left: 0px;
			_position: relative;/* ie6 fix */
			}
		div#news_text div.post div.day{
			font-size: 14px;
			font-family: "Lucida Grande",Arial,sans-serif;
			color: #190a96;
			margin-top: 3px;
			}
		div#news_text div.post div.month{
			font-size: 10px;
			font-family: "Lucida Grande",Arial,sans-serif;
			color: #190a96;
			margin-top: -10px;
		    }
		div#news_text div.post div.title{
			margin-left: 50px;
			margin-bottom: 0px;
			_margin-top: 0;/*ie6 fix*/
			*+margin-top: 0;/*ie7 fix*/
			text-decoration:none;
			}
			div#news_text div.post div.title h2{
				font-family: "Lucida Grande",Arial,sans-serif;
				font-size: 16px;
				font-weight: bold;
				letter-spacing: -1px;
				color: #a01919;
				width: 520px;
				line-height: 30px;
				text-decoration:none;
				margin-left:30px;
				margin-top:5px;
				}
				div#news_text div.post div.title h2 a{
					color: #a01919;
					text-decoration:none;
					}
				div#news_text div.post div.title h2 a:hover{
					color: #a01919;
					text-decoration:underline;
					}
			div#news_text div.post div.title div.postmeta{
				font-size: 10px;
				color: #bbbbbb;
				width: 500px;
				overflow: hidden;
				margin-left: 30px;
				margin-top: -12px;
				position:absolute;
				}
				div#news_text div.post div.title div.postmeta a{
					color: #999999;
					border-bottom: 1px solid #bbbbbb;
					text-decoration: none;
					}
				div#news_text div.post div.title div.postmeta a:hover{
					color: #999999;
					border-bottom: 1px solid #bbbbbb;
					text-decoration: none;
					}
		div#news_text div.post div.entry{
			padding-top: 0px;
			padding-left: 30px;
			padding-right: 30px;
			overflow: hidden;/* in case large img or video */
			width: 540px;
			font-size: 12px;
			float: left;
			}
			div#news_text div.post div.no_result{
				padding: 20px;
				}
				div#news_text div.post div.no_result p.no_result{
					margin-bottom: 0;
					}
			div#news_text div.post div.entry a{
				color: #190a96;
				border: none;
				text-decoration: none;
				}
			div#news_text div.post div.entry a:hover{
				text-decoration: underline;
				}
			div#news_text div.post div.entry p{
				margin-bottom: 20px;
				}
			/* 20090629 add h1-h6 style in entry */
			div#news_text div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }
			div#news_text div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }
			div#news_text div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }
			div#news_text div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }
			div#news_text div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }
			div#news_text div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }
			
			div#news_text div.post div.entry ul,
			div#news_text div.post div.entry ol{
				padding-bottom: 24px;
				margin-left: 10px;
				margin-right: 10px;
				}
			div#news_text div.post div.entry ul{
				list-style-type: disc;
				}
			div#news_text div.post div.entry ol{
				list-style-type: decimal;
				}
				div#news_text div.post div.entry ul li,
				div#news_text div.post div.entry ol li{
					padding: 1px 0;
					list-style: inside;
					}
			div#news_text div.post div.entry blockquote{
				background: url(images/blockquote.gif) no-repeat;
				padding: 10px 10px 10px 10px;
				margin: 0 15px 24px 15px;
				background-color: #181818;
				border-top: 1px solid #2a2e2f;
				border-bottom: 1px solid #2a2e2f;
				color: #999;
				}
				div#news_text div.post div.entry blockquote p{
					margin-bottom: 8px;
					}
			div#news_text div.post div.entry code{
				font-family: "Courier New", mono;
				background-color: #181818;
				border-left: 1px solid #2a2e2f;
				color: #197b30;
				padding: 5px 10px;
				display: block;
				}
			/* 20090629 add table layout */
			div#news_text div.post div.entry table{
				margin-bottom: 20px;
				border-collapse:collapse;
				border: 1px solid #2a2e2f;
				background-color: #181818;
				color: #999;
				}
				div#news_text div.post div.entry table td,
				div#news_text div.post div.entry table th{
					padding: 2px 5px;
					border: 1px solid #2a2e2f;
					}
	div#news_text div.navigation{
		font-size: 13px;
		}
		div#news_text div.navigation a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
			div#news_text div.navigation .left a:hover,
			div#news_text div.navigation .right a:hover{
				color: #ff5a00;
				background-color: #000;
				}
		div#news_text div.navigation .left{
			float: left;
			}
		div#news_text div.navigation .right{
			float: right;
			}
/* END div#main */