/* :::::::: CSS Styles ::::::::

Title:		The Bishops' House
Author: 	Jake Hawkes
URL: 		http://www.gravnetic.com/TBH/
Version: 	1
Created: 	4/1/2007
Modified: 

/* ----------------------------------------------------------------------
	Pre-sets
------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
table {font-size:inherit; font:100%; }
select, input, textarea {font:99% arial,helvetica,clean,sans-serif; }

/* ----------------------------------------------------------------------
	Global settings
------------------------------------------------------------------------- */
:focus 		{ -moz-outline-style: none; }
.hide 		{ display: none; }
img 		{ border: 0; }
p			{ padding-top: 6px; }
/*.clearfloat { clear: both; line-height: 0px; height: 1px; display: block;}*/
.clearfloat { clear: both; }
.noborder 	{ border: 0; }
.block		{ display:block; }
.bold  		{ font-weight:bold;  }
.italic		{ font-style:italic; }
p.clear		{ clear:both; font-size:.2em; height:0; padding:0; }
a			{ text-decoration:none; }
/* ----------------------------------------------------------------------
	LISTS
------------------------------------------------------------------------- */
ul	{ list-style:none; }
li	{ float:left; }

/* ----------------------------------------------------------------------
	Base default font size, type, and line height
------------------------------------------------------------------------- */
body 								{ background-image: url(bg.jpg);text-align:center; }
html body, input, select, textarea 	{ font-size: 62%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #464646; }
html>body, input, select, textarea 	{ font-size: 62%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #464646; }

/* ----------------------------------------------------------------------
	LINKS
------------------------------------------------------------------------- */
a, 
a:link,
a:visited,
a:focus		{ color: #436AD1; border-bottom: 1px solid #E4E1E1;  /*background: transparent url(bg_dot.gif) 0 16px repeat-x;*/ }
a:hover 	{ color: #436AD1; border-bottom: 1px solid #ECFBFF; background-color: #ECFBFF; }
a:active	{ }

/* ----------------------------------------------------------------------
	Page Structure/Layout
------------------------------------------------------------------------- */
#wrap		{ width:979px; margin:7px auto 0 auto; padding-bottom:25px; overflow:hidden; /* need for Mozilla to clear float */ }
#header		{ width:979px; height:171px;  position:relative; background: transparent url(bg_header.jpg) 0 0 no-repeat; }
#nav_bg		{ width:970px; position:absolute; left:6px; top:135px; 
			  font-size:2em; 
			  line-height:1.5em;  
			  height:32px; 
			  clear:both; 
			  background: url(bg_nav.jpg) 0 0 
			  repeat-x; }			  
#content	{ 
	width:965px; 
	font-size: 1.17em; 
	border-left:7px solid #E4E1E1; 
	border-right:7px solid #E4E1E1;
	background-color: #fff; 
	text-align:left; 
	overflow:hidden; /* need for Mozilla to clear float */  
	padding:0 0 40px 0; 
}
	
#footer		 { 
	border-top:7px solid #E4E1E1; 
	clear: both; 
	width:979px; 
	text-align:center; 
}

#left_col   	{ float: left; width: 144px; margin:27px 0 0 0; }
#right_col  	{ float: left; width: 821px; margin:27px 0 0 0; background: url(dots_vert.gif) left 0 repeat-y; }
#right_col .nest{ float:left; }

.col_1,	.col_2	{ float:left; 
				  width:353px; 
				  background: url(dots_vert.gif) right 0 repeat-y; 
				  margin:5px 0 0 0; }
				  
.col_3			{ float:left; 
				  width:683px; 
				  background: url(dots_vert.gif) right 0 repeat-y; 
				  margin:5px 0 0 0; }
				  
				  
.col_1 .nest	{ padding: 0 35px 0 15px; }
.col_2 .nest	{ padding: 0 35px 0 40px; }
#content p		{ 
	line-height:1.6em;
	text-indent: 8px; }
	


/* ----------------------------------------------------------------------
	HEADINGS
------------------------------------------------------------------------- */
h1			{ font-size:1.3em; }
h2			{ font-size:1.2em; text-indent:-9999em; }
h3			{ font-size:1.1em; text-indent:-9999em; }

h3#tag		{ float:right; width:400px; margin-top: 30px; text-indent:-9999em; height: 25px; }
#tamarack_logo   { 
border:0; 
background: transparent url(logo.png) no-repeat 50px 49px; 
text-decoration:none; 
text-indent:-9999em; 
float:left; 
display:block; 
height:174px; 
width: 185px; }

/* ----------------------------------------------------------------------
	HOME PAGE
------------------------------------------------------------------------- */


#home_pg #left_col   				{
	width: 721px;
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
}
#home_pg #right_col  				{ 
	width: 200px; 
	margin:39px 0 0 0; 
	position:relative; 
	background:none; 
}
#home_pg #content a.bold			{ 
	font-weight:bold; 
	padding:2px 0; 
	letter-spacing:.3px;  
}
#home_pg #content					{ 
	font-size: 1.3em; } 
#home_pg #content p					{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	padding:0px 0 6px 0; 
	line-height:1.4em; 
}
#home_pg #content p.news_summary	{ 
	padding:3px 0 11px 0; 
}
img.home_img						{ 
	padding:17px 0 0 18px; }
div.home_pg_img 					{ 
	background:url(bg_home_pic.png) 0 0 no-repeat; 
	height:381px; 
	width:721px; 
}

#rider_recommends					{ 
			float:left; 
			text-align:left; 
			margin:44px 0 0 0; 
			background:url(note.png) center 0 no-repeat; 
			height:208px; 
			width:100%; 
}
#rider_recommends .nest				{
			padding-top: 40px;
			padding-right: 24px;
			padding-bottom: 5px;
			padding-left: 28px;
}

#home_pg #right_col a.logo			{ 
			float:left; 
			display:inline; 
			border:0; }

a.logo:hover						{ background-color:transparent; } 
a.logo img							{ display:block; margin:33px 0 0 0; }

h3.noteworthy						{ background: url(css/txt_noteworthy.gif) 0 0 no-repeat; width: 194px; height: 25px; }
h3.news								{ background: url(css/txt_latest_news.gif) 0 0 no-repeat; width: 107px; height: 25px; }


/* ----------------------------------------------------------------------
	MAIN NAVIGATION
------------------------------------------------------------------------- */
#nav
{
float: left;
width: 100%;
line-height: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
z-index: 10;
position: relative;
}

#nav ul
{
margin: 0;
padding: 10px 10px 0 20%;
list-style: none;
}

#nav li
{
float: left;
background: url("left_tab.gif") no-repeat left top;
margin: 0;
padding: 0px 5px 0px 5px;
}

#nav a
{
float: none;
display: block;
width: 120px;
background: url("right_tab.gif") no-repeat right top;
text-decoration: none;
padding: 3px 12px 1px 2px;
}


#nav a:hover
{
color: #000000;
}

#nav #current
{
background-image: url("left_tab.gif");
border-width: 0;
color: #592C16;
}

#nav #current a
{
background-image: url("right_tab.gif");
padding-bottom: 2px;
color: #592C16;
}

#nav a:link
{
color: #999;
}

#nav a:visited
{
color: #999;
}

#nav a:hover
{
color: #592C16;
}

#nav a:active
{
color: #999;
}

#nav #current
{
background-image: url("left_tab.gif");
border-width: 0;
color: #999;
}

#nav #current a
{
background-image: url("right_tab.gif");
padding-bottom: 0px;
color: #999;
}



/*
#nav, #nav ul	{ width:849px; list-style: none; padding: 0; }
#nav 			{ float: left; position:absolute; top:131px; left:2px; background: transparent url(css/nav.gif) 0 -32px no-repeat; height:32px; }
#nav li 		{
	float: left;
	height:32px;
	width:970px;
	position:absolute;
	left: -3px;
	top: 1px;
}
#nav a 			{ border:0; display: block; height:32px; background: transparent url(css/nav.gif) 0 0 no-repeat; text-align:left; text-indent:-9999em; padding:0; }

#home			{ left:0;  }
#team			{ left:140px; }
#races			{ left:274px; }
#results		{ left:418px; }
#news			{ left:578px; }
#blog			{ left:713px; }

/*  Class main is needed for the hover effect in the sub_nav. There would be background none, if not for a specific a.class */
#home a.main	{ background-position: 0 0; }
#team a.main 	{ background-position: -140px 0; }
#races a.main 	{ background-position: -274px 0; }
#results a.main { background-position: -418px 0; }
#news a.main 	{ background-position: -578px 0; }
#blog a.main 	{ background-position: -713px 0; }


#nav li ul 					{ background:none; height:auto; left: -9999px; position: absolute; }	
#nav li ul,
#nav li ul li 				{ width: 135px; }	
#nav li:hover ul,
#nav li.navhover ul			 { left: auto; }	

#nav li ul li 				{ position:relative; padding-bottom:1px; height:auto; text-indent:0;  background:transparent url(css/bg_subnav2.png) bottom center repeat-y; } 
#nav li ul li.btm			{ background: url(css/bg_subnav_btm.png) bottom center no-repeat; height:35px;  } 

#nav li ul li a				{ background:transparent url(css/nav_arrow.gif) 8px center no-repeat; text-indent:0; height:auto; margin:0 4px; }
#nav li ul li a:hover		{ background-color: #D0E676; color:#000; }
#nav li ul li a.top			{ background: url(css/bg_subnav_top.gif) 0 0 no-repeat; }
#nav li ul li a.top:hover	{ background: url(css/bg_subnav_top.gif) -127px 0 no-repeat; }

#nav li:hover ul li a,
#nav li.navhover ul li a,
#nav li ul li a 			{ display: block; padding: 4px 3px 4px 21px; color: #333; }

#nav li:hover ul,
#nav li li:hover ul,
#nav li.navhover ul,
#nav li li.navhover ul,
#nav li li li.navhover ul 	{	left: -5px; }
*/
/* ----------------------------------------------------------------------
	LEFT NAVIGATION
------------------------------------------------------------------------- */
#menu 					{ float:right; text-align:right; }
#menu a					{ border:0; }
dl#menu 				{ width: 142px; }
dl#menu dt				{ margin: 2px 0; height: 27px; line-height: 27px; font-weight: bold; background:#fff; }
dl#menu li 				{ text-align: right; float:none; }
dl#menu dt a 			{ color:#464646; display: block; height: 100%; padding-right: 16px; }
dl#menu li a			{ color:#999; display: block; height: 100%; padding:0 16px 0 0; line-height:1.5em; }

dl#menu dt a:hover,
dl#menu dt a.on			{ background:transparent url(css/bg_left_menu.gif) 0 center repeat-y; }
dl#menu li a:hover		{ background:transparent url(css/bg_menu_subhover.gif) 0 center no-repeat; color:#424A22; } 
dl#menu li a.active		{ background:transparent url(css/bullet_green_arrow.gif) 129px center no-repeat; color:#4F5829; } 
dd						{ display:none; }
dd#open					{ display:block; }

/* ----------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------- */
#footer ul 				{ float:left; margin:0 67px; width:845px; }
#footer ul li			{ float:left; margin: 0 45px; }
#footer ul li a			{ float:left; border:0; background:none;}
#footer p 				{ line-height:1.2em; padding:0; width:100%; }
#footer a#contact_us	{ float:right; display:block; background:transparent url(css/btn_contact.gif) 0 0 no-repeat; text-indent:-9999em; width:109px; height:21px; border:0; }
#footer a#contact_us:hover	{ background:transparent url(css/btn_contact.gif) 0 -21px no-repeat; }
#footer img				{ position:relative; }

/* ----------------------------------------------------------------------
	FOOTER2 -- All sponsor logos at the footer
------------------------------------------------------------------------- */
ul#footer2  			{ margin:0; padding:0; width:100%; }
ul#footer2 li			{ float:left; margin: 0 13px; }