/* CSS Document */

/*------------------------------------------------body--------------------*/
HTML {margin:0;padding:0;}

body
{
    font: 14px/20px Arial, Helvetica, Sans-Serif;
	padding:0 0 13px 0;
	margin:0;
	background:url(/Templates/BT2/images/main_bg.jpg) 0 0 repeat-x #FFFDE7;
	color:#000;
	
}

a {color:#D76E08;text-decoration:underline;}
a:hover {color:#ffcc00; text-decoration:none;}
a:visited {color:#D76E08;}
a:active {color:#D76E08;}

.note {font-size:80%;font-style:italic;}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	/*list-style-type:none;*/
	margin-top:0;
	margin-bottom:0;
}

div.section UL 
{
    margin-top:8px;
	margin-bottom:12px;}
	
#nav UL, UL.banner, UL.nav {list-style-type:none;left:-20px;font-size:24px;}

#nav UL LI UL LI {padding-left:20px;}

ul.articlelist 
{
    list-style-image: url(/Templates/BT2/images/bullet.gif);
    margin-top:0;
	margin-bottom:0;
    }

.searchresults {margin-left: 0px; padding: 0;}
.searchresults div {padding-left:20px;}
.searchresults div.sub {font-style:italic; color:#999; font-size:80%; margin-bottom:10px;}

div.moduletools img {margin-left:16px;}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

IMG {border:none;}


/*------------------------------------------------main--------------------*/
#main{
	width:961px;
	margin:0 auto;
	padding:0 10px 24px 0;
	position:relative;
	background:url(/Templates/BT2/images/header_bg.jpg) 0 0 no-repeat;
}
#main img.logo{
	float:left; display:block;
	margin:15px 470px 0 20px;
}
#main a.memberLogin{
	width:73px;
	height:45px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#8A8A8A;
	background-color:inherit;
	padding:20px 0 0 45px;
	position:absolute;
	left:590px;
	top:15px;
	text-decoration:none;
	float:left;
	margin:8px 0 0 0;
}
#main a.memberLogin:hover{
	color:#AC5300;
	background-color:transparent;
}
#main ul.nav{
	height:24px;
	background:url(/Templates/BT2/images/nav_div.gif) left top no-repeat;
	padding:0 90px 0 2px;
	float:left;
}
#main ul.nav li{
	height:24px;
	float:left;
	background:url(/Templates/BT2/images/nav_div.gif) right top no-repeat;
	padding:0 2px 0 0;
}
#main ul.nav li a{
	display:block;
	padding:0 12px;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(/Templates/BT2/images/nav_bg.gif) 0 0 repeat-x #000;
	text-decoration:none;
}
#main ul.nav li a:hover{
	color:#333;
	background:url(/Templates/BT2/images/nav_bg_hover.gif) 0 0 repeat-x #294F20;
}
#main ul.nav li a.hover{
	display:block;
	padding:0 12px;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(/Templates/BT2/images/nav_bg_hover.gif) 0 0 repeat-x #000;
	text-decoration:none;
	cursor:text;
}
#main p.vest{
	width:399px;
	/*font:normal 13px/20px Arial, Helvetica, sans-serif;*/
	color:#FCDDBE;
	background-color:inherit;
	margin:38px 0 0 20px;
	padding:0 216px 0px 0;
	display:block;
	float:left;
}
#main p.vest span.white{
	font:bold 18px/40px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#main p.vest span.bg{
	color:#FCDDBE;
	background-color:#8E4800;
}
/*------------------------------------------------left panel--------------------*/
#left{
	width:680px;
	float:left;
	padding:2px 0 0 0;
}
#left ul.banner{
	width:800px;
	padding:0;
	margin:0;
}
#left ul.banner li{
	float:left;
	margin:0 3px 0 0;
}
#left ul.banner li a.btn_forum{
	display:block;
	background:url(/Templates/BT2/images/btn_forum.gif) 0 0 no-repeat;
	width:157px;
	height:88px;
}
#left ul.banner li a.btn_forum:hover{
	background-position:0 -88px;
}
#left ul.banner li a.btn_maps{
	display:block;
	background:url(/Templates/BT2/images/btn_maps.gif) 0 0 no-repeat;
	width:164px;
	height:88px;
}
#left ul.banner li a.btn_maps:hover{
	background-position:0 -88px;
}

#left ul.banner li a.btn_pictures{
	display:block;
	background:url(/Templates/BT2/images/btn_pictures.gif) 0 0 no-repeat;
	width:186px;
	height:88px;
}
#left ul.banner li a.btn_pictures:hover{
	background-position:0 -88px;
}

#left ul.banner li a.btn_calendar{
	display:block;
	background:url(/Templates/BT2/images/btn_calendar.gif) 0 0 no-repeat;
	width:196px;
	height:88px;
}
#left ul.banner li a.btn_calendar:hover{
	background-position:0 -88px;
}
#left h2{
	background:url(/Templates/BT2/images/event_bg.gif) 0 0 no-repeat;
	width:534px;
	height:74px;
	padding:0 0 0 74px;
	margin:22px 0 16px 0;
	font:normal 30px/25px Arial, Helvetica, sans-serif;
	color:#0D0D0E;
	background-color:inherit;
	float:left;
}
#left h2 span.big{
	display:block;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
	margin:20px 100px 0 0;
	width:121px;
	float:left;
}
#left h2 span.small{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:20px 0 0 0;
	width:278px;
	text-transform:none;
	float:left;
}
#left p { 
	padding:0 0 0 10px;
}
#left p a{
	color:#2689A5;
	background-color:inherit;
	text-decoration:underline;
}
#left p a:hover{
	color:#2689A5;
	background-color:#E8E6D1;
	text-decoration:none;
}
#left h3{
	width:597px;
	font:normal 18px/47px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 10px;
	display:block;
	margin:0;
}
#left h4 {padding-left:10px;margin:0 0 5px 0;}


/*------------------------------------------------right panel--------------------*/
#right{
	background:none 0 0 no-repeat #fff;
	width:220px;
	padding:17px 17px 22px 17px;
	float:right;
	color:#000;
	border:solid 1px #ccc;
	position:absolute;
	right:0px;
	top:180px;
}
#right h2.welcome{
	display:block;
	width:204px;
	height:40px;
	background:url(/Templates/BT2/images/welcome_bg.gif) 0 0 repeat-x #7C9E19;
	font:bold 24px/40px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 0 0 16px;
	margin:0 0 3px 0;
}
#right h3{
	font:normal 18px/36px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 6px;
	display:block;
	margin:0;
}
#right p {
	margin:0 0 0 8px;
}
#right ul{
	padding:0 0 0 0px;
	margin:0;
}
#right ul li{
	padding:0;
	margin:0;
}
#right ul li a{
	display:block;
	background:url(/Templates/BT2/images/arrow_green.gif) 8px 7px no-repeat;
	padding:0 0 0 20px;
	font:bold 13px/23px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	text-decoration:none;
}
#right ul li a:hover{
	color:#1C758E;
	background-color:#EBECD3;
}


/*------------------------------------------------bottom--------------------*/
#bottomMain{
	width:100%;
	background-color:#f2f42f;
	color:#000;
	border-top:#DAD9C1 solid 2px;
	border-bottom:#FFFDE7 solid 1px;
	padding:9px 0 22px 0;
}
#bottom{
	width:961px;
	margin:0 auto;
	padding:0 3px 0 11px;
}
#bottomContent 
{
    width:680px;
    }
#bottomContent h3{
	font:normal 18px/47px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	display:block;
	margin:0;
}


/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:105px;
	background-color:#030304;
	color:#ff0;
}
#footer{
	width:960px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:540px;
	position:absolute;
	left:0px;
	top:21px;
}
#footer ul li{
	float:left;
	color:#DBD9BA;
	background-color:inherit;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#DBD9BA;
	background-color:inherit;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#000;
	background-color:#7EAA39;
}
#footer p.copyright{
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:46px;
	top:42px;
}
#footer img{
	position:absolute;
	left:786px;
	top:20px;
	width:159px;
	height:68px;
}


/* -- FORM CLASSES -- */
DIV.formDiv {padding: 10px;}
DIV.fieldouter {border:solid 0px #f00;}
DIV.fieldleft {width:150px;display:inline;}
DIV.fieldright {width:320px;display:inline;}
SPAN.asterix {font-weight:bold;color: #ff0000;}


/**********************/
/*  CUYAHOGA CLASSES  */
/**********************/
.moduletools {font-size:80%;}
.articlesub {font-size:12px;text-align:right;margin:3px 0 10px 0;font-style:italic;}
#p__ctl0_pnlLogin {margin-left:15px;}

/*Alternate Nav*/
.nav2 {font-size: 12px; position:absolute; z-index:20; top:223px; right:23px; width:132px; border-bottom:none; color:rgb(75,75,75);}
.nav2 ul {list-style-type:none;}
.nav2 ul li {width:132px; float:right; position:relative;  background:url(/Templates/BT2/images/siteNavTab.gif) 0 -4px no-repeat; }
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-21px; padding:0 30px 30px 0px;} /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li:hover {background:url(/Templates/BT2/images/siteNavTab_hover.gif) 0 1px no-repeat;}
.nav2 table {position:absolute; /*z-index:2099;*/ top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav2 ul li:hover a {text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; /*position:absolute; z-index:2098;*/ top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border:solid 1px rgb(175,175,175);background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav2 ul li a:hover {text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; /*position:absolute;z-index: 2098;*/ top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border:solid 1px rgb(175,175,175);background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; /*position:absolute; z-index: 2097;*/}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
