/* styles begin here */
body
{
	font-family: Verdana;
	font-size: 12pt;
	line-height: 150%;
	background: white;
	color: #333333;
}

h1 {font-size:18px !important; line-height:22px;}
h2 {font-size:16px !important; line-height:20px;}
h3 {font-size:14px !important; line-height:18px;}

.clear
{
	clear: both; 
}

#wrapper
{
	width: 940px;
	min-height: 400px; height: auto !important; height:400px;
	margin: 0 auto 0 auto;
	background: white;
}

#login
{
	width: 100%;
	height: 71px;
	background: url(../images/login_gradient.jpg) repeat-x;
}

#logo
{
	width: 145px;
	height: 114px;
	background: url("../images/tahr-2012-logo.jpg");
	margin: 5px 0 5px 35px;
}

.spacer
{
	width: 100%;
	height: 10px;
	background: #005080;
}

#nav2
{
			#nav2 li a
			{
				padding:3px 20px;
				color: #005080;
				text-decoration: none;
			}
}

#navigation
{	
	height:50px;
	font-size:14px;
	position:relative;
	z-index:100;
}

	#navigation ul
	{
		float: left;
		padding-top: 8px;

	}
	
		#navigation ul li
		{
			float: left;
			position:relative;
			
		}
		
			#navigation ul li a
			{
				padding:3px 20px;
				color: #005080;
				text-decoration: none;
				background: url(http://www.tahr.ca/images/oval.gif);
			}
			
			#navigation ul li a:hover
			{
				color: #3FA9F5;
			}
			
#navigation ul li:hover a{background:#eeeeee;}
#navigation ul li:hover ul li a {background:none;}
#navigation ul li:hover ul {display:block; background:#eeeeee;}
#navigation ul li ul{width:200px; display:none; position:absolute; top:24px; left:0; margin:0 !important;}
#navigation ul li ul li{display:block; padding:2px 3px; font-size:12px; width:200px;}
			
#outer_container
{
	width: 100%;
	min-height: 200px; height: auto !important; height: 400px;
	float: left;
	display: block;
	float: left;
}

#floatright
{
	float: right;
	width: 49%;
}

#floatleft
{
	float: left;
	width: 49%;
}

.floatleft
{
	float: left;
	padding: 0 10px 0 0;
}

#content
{
	font-size:12px;
	color:#333333;
	float: left;
	width: 100%;
}

#content h3{padding-bottom:10px;}
#content ul{list-style: disc; padding-left: 40px;}
#content a{color: blue;}
#content p{margin-bottom: 5px;}
#content h1{margin-bottom: 20px;}
#content h3{padding-bottom:10px;}
a.pdf{background: url(../images/pdf-icon.jpg) no-repeat; width: 100%; height: 54px; display: block; float: right;}
a.pdf span{display: none;}

	
	
	#articles
	{
		width: 700px;
		height: auto;
		float: left;
		font-size:12px;
		color:#333333;
		line-height:16px;
	}
	
#articles h3{padding-bottom:10px; clear: both;}
#articles a{color: blue;}
#articles p{margin-bottom: 5px;}
#articles table tr td{height:30px; vertical-align:top; font-size:14px;}
#articles table tr td select{width:306px;}
#articles table tr td textarea{width:300px; height:100px;}
#articles table tr td input{width:300px; border:solid 1px #333333; padding:2px; font-size:14px;}
.article_block{padding:16px 0; border-bottom:solid 1px #005080;}
.article_block h3{padding-bottom:0 !important}
.article_heading{padding:3px; cursor:pointer;}
.article_heading:hover{background:#d4efff;}
.article_date{padding-bottom:20px; font-weight:bold; font-size:10px;}
.article_content{padding:0 0 0 25px; background:white;}
#submit{margin-top:12px;}
#articles h1 {margin-bottom: 20px;}
#articles h3{padding-bottom:10px;}

#articles ul
{
	clear: both;
	list-style: disc;
	width: 100%;
	float: left;
	list-style-position: inside;
}

#articles ul li
{
	float: left;
	padding: 0 20px 10px 20px;
}

#sponsors_whole h3{padding-bottom:10px;}

#sponsors_whole ul
{
	clear: both;
	float: left;
	width: 100%;
}

#sponsors_whole ul li
{
	float: left;
	padding: 0 20px 0 0;
	height: 160px;
	width: 150px;
}

		#sponsor_rotator{display:block; margin:0; padding:0; list-style:none; width:190px; height: 530px;}
		#sponsor_rotator li {width:155px; margin:0; padding:0 20px; text-align:center; height: 200px; line-height: 200px;}
		#sponsor_rotator li a
		{
			vertical-align: middle;
		}
		
		#articles dl.main_article
		{
			width: 98%;
			float: left;
			margin-left: 5px;
			margin-top: 5px;
		}
		
		#articles dt.article_title
		{
			float: left;
			width: 79%;
			font-weight:bolder;
			font-size: 12pt;
			margin-bottom: 10px;
		}
		
		#articles dd.article_description
		{
			float: left;
			width: 100%;
		}
		
		#articles dd.article_image
		{
			float: right;
			width: 28%;
		}
		
		#articles dd.read_more
		{
			float: right;
		}
	
	#sponsors
	{
		width: 190px;
		float: right;
	}
	
	#sponsors a
	{
		display: block;
		text-align: center;
		font-size: 12pt;
		color: blue;
		text-decoration: none;
	}
	
	#map
	{
		width: 39%;
		float: right;
		width:385px;
		height:400px;
		position:relative;
		z-index:0;
	}
	
		#sponsors h3
		{
			font-weight: normal;
			font-size: 12pt;
			padding: 5px;
		}
			
	#contact
	{
		width: 540px;
		height: auto;
		float: left;
		font-size:12px;
		color:#333333;
		line-height:16px;
	}
	
	#contact h3
	{
		text-transform: uppercase;
		font-size:14px !important; 
		line-height:18px;
		margin: 10px 0;
	}
	
	#contact p
	{
		margin-left: 20px;
	}
	
	.contact_title
	{
		line-height: normal;
	}
	
	#floatrightcontact
	{
		float: right;
		width: 38%;
	}

	#floatleftcontact
	{
		float: left;
		width: 60%;
	}
	
#footer
{
	margin-top: 10px;	
	width: 940px;
	height: 60px;
	float: left;
}

#footer p
{
	float: right;
}

#footer a
{
	color: blue;
}

.copyright{display:block; font-size:10px; float:right; width:250px; color:#666666; padding:20px 0 0 0; text-align:right }
#footer_nav {padding:20px 0 0 0; float:left;}
#footer_nav li{float:left; padding:0 7px 0 0;}
#footer_nav li, #footer_nav li a {color:#666666; text-decoration:none; font-size:10px;}
			
			
/************************************************* Images for Content */		
			
#hospice
{
	height: 222px;
	width: 357px;
	display: block;
	float: right;
	background: url("../images/hospice.jpg") no-repeat;
	padding: 10px;
}

#crowd
{
	width: 350px;
	height: 233px;
	display: block;
	float: right;
	background: url("../images/crowd_shot.jpg") no-repeat;
	margin-left: 10px;
}

#spectator_boat
{
	width: 334px;
	height: 236px;
	display: block;
	float: right;
	background: url("../images/spec_boat1.jpg") no-repeat;
	margin-left: 10px;
}

#background
{
	width: 500px;
	height: 280px;
	float: right;
	display: block;
	background: url("../images/background2.jpg") no-repeat;
	margin-left: 10px;
}