/******************************************************
  Style Sheet for Tyngsboroughfirerescue.com
  Design by Website Pyro, www.websitepyro.com
 ******************************************************/
body{
	background:#c96d0d url(images/background.gif) repeat-x;
	text-align:center;
	margin:8px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a{color:#a62007;}
a:hover{color:#b00;text-decoration:none;}

.left{float:left;}
.right{float:right}
.clearer{clear:both}
.adminEdit{border:2px solid green;}
.adminEditHoverOn{border:2px dashed green;}
.imageAlbumHover,.imageAlbumNormal,.imageThumbHover,.imageNormal{border:0;}
legend{font-weight:bold;color:#c96d0d;}
h1,h2,h3{color:#c96d0d;}
.fg-toolbar a,.fg-toolbar a:hover{color:black;}
#loginlink{margin-right:20px;}
.item h1{text-align:left;color:black;font-size:11pt;font-weight:bold}
.col1 ul{margin:0;padding-left:10px}
.col1 li a{color:black;}
/******************************************************
  Header, Banner, and Navigation
 ******************************************************/
.banner{
	height:103px;
	background:#fff url(images/home_top_banner.gif);
	color:white;
	margin:0;
	margin-bottom:30px;
	padding:0;
}
.banner a{
	float:right;
	clear:both;
}
.header{
	color:white;
	margin:0;
	padding:0;
	background:#800;
}
.navigation{
	background:#800;
	padding:8px 0;
	height:25px;
	clear:both;
}
.navigation li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	width:105px;
	padding:3px 0;
	margin:3px 4px;
	background:#b00 url(/images/link_background.gif) no-repeat;
	display:block;
	float:left;
	text-align:center;
}
.navigation a img{border:0;}
.navigation li a:hover{
	background:#b00 url(/images/link_backgroundhover.gif) no-repeat;
}
.submenu li{background:#222;}
.submenu li a{
	font-size: 10px;
	border:1px solid #333;
	border-top:1px solid #000;
	text-align:center;
	color:#ddd;
	padding:4px 0px;
	font:bold 12px verdana, arial, helvetica, sans-serif;
}
.submenu li a:hover{
	border:1px solid #d26c1d;
	border-top:1px solid black;
	background:#c15b0c;
}
/******************************************************
  Main Page
 ******************************************************/
.container{
	margin:0 auto;
	text-align:left;
	background:#fff;
	width:800px;
	padding:8px;
}
.main{padding:5px 0}
.col1{width:230px;border:2px solid #bbb;margin:5px 5px 5px 0;padding:5px;background:#ccc;line-height: 14pt;}
.col1 h3{color:#990000;}
.galleryCol img{border:0;}
.col1 .galleryCol{margin:0 auto;text-align:center}
.col2{width:520px;border:2px solid #ddd;margin:5px 0 5px 5px;padding:5px;background:#eee;line-height: 14pt;}
.col1 .galleryCol{float:none}
.col1 .galleryCol a{text-decoration:none;}
.col1 .hotLinks a{color:black;text-decoration:none;}
.col1 .hotLinks a:hover{color:#b00;}
/******************************************************
  Footer
 ******************************************************/
.footer{
	background:#880000;
	height:25px;
	clear:both;
	color:#fff;
	padding:5px;
	text-align:center;
}
.footer a{color:#fff}
/******************************************************
  LoginForm
 ******************************************************/
#LoginForm{
	margin:0;
	padding:0;
}
#LoginForm h1{display:none;}
#LoginForm #access_password,#LoginForm #access_login{
	width:50%;
	float:right;
}
#LoginForm label{
	clear:both;
	float:left;
	height:22px;
	width:105px;
	margin-top:7px;
	text-align:left;
}
#LoginForm .links{
	width:100%;
	clear:both;
	float:left;
	text-align:center;
	margin-top:5px;
}
#LoginForm #remember_me{float:left;}
fieldset.login{
width:310px;
margin:10px auto;
text-align:center;
}
fieldset.login p,fieldset.login form{
padding:0;
margin:0;
}
fieldset.login #LoginForm{margin:30px auto;}
#LoginForm form{
	width:300px;
	margin:0 auto;
	text-align:center;
}
#LoginForm form input{
	width:150px;
	float:left;
}
#LoginForm .fg-button{width:auto;float:right;text-align:center;margin:3px auto;}
#Login{padding:8px;}
/******************************************************
 jQuery Alert
 ******************************************************/
#popup_container{border:5px solid #800;}
#popup_title{
	color:#fff;
	background:#800 url(/theme/images/ui-bg_gloss-wave_25_670808_500x100.png) center center repeat-x;
	border:solid 1px #000;
	border-bottom:solid 1px #999;
}
/******************************************************
  Event Calendar
 ******************************************************/
.month{
	background-color:#fff;
	margin:0 auto;
	text-align:center;
	border:1px solid #333;
}
.dayname{background-color:#c96d0d;}
.monthname{
	background-color:#800;
	color:#fff;
}
.monthday{background:#fff;}
.today{
	border:1px dashed #c96d0d;
	color:#c96d0d;
	background:#fff;
}
.event{background-color:#800;}
.event a{
	background-color:#800;
	color:#c96d0d;
}
.sunday{background-color:#ccc}
.saturday{background-color:#ccc}
#EventForm{
	padding:0;
	margin:0;
}
#Events a img{border:0;}
.eventReminder{width:25%;}
.eventHeading,.eventContent{width:65%;}
.eventRow{background-color:#fff;}
.eventRow2{background-color:#ddd;}
.eventHover{background:#bbb;}
.eventMonth{
	background:#a62007;
	height:27px;
	color:white;
	text-indent:5px;
	border:1px solid black;
	text-align:center;
}
.eventDate{
	background:#c96d0d;
	height:17px;
	padding-top:10px;
	color:white;
	font-weight:bold;
	width:100%;
}
#eventItem{
	width:96%;
	padding:40px 2% 70px 2%;
}
#eventItem h1{float:right;}
#eventItem .eventReminder{
	width:200px;
	margin-top:20px;
}
.eventSingle{width:90%;margin:0 auto;border:8px double #222;background:#333;padding:20px;}
.eventSingle label{clear:both;float:left;display:block;width:100px;}
.eventSingleLeft{float:left;width:350px;}
.eventSingleLeft .venueDetails{float:left;width:auto;margin:0;}
.eventSingle .eventContent{float:left;width:auto;margin:0;}

.memberDetail{float:left;margin:10px;text-align:center;height:250px;}
.memberDetail img{width:150px;}
.memberDetail a img{border:0;}
.memberDetail h4{
	margin:-30px 0 0 0;
	padding:3px 0;
	opacity:0.7;filter:alpha(opacity=70);
	background:#a62007;
	width:150px;
}
.memberDetail h4 a{color:#fff;font-size:12pt;text-decoration:none;}
.memberList li a img{height:20px;border:0;margin-right:3px;}
.memberList li a{line-height:20px;}

#Messages textarea{width:100%;background:transparent;}
#Messages p,.item p{margin-top:2px;}
#Messages #Row,.item #Row{background:#c96d0d;padding:2px;color:white;clear:both;}
#Messages #Row a,.item #Row a{color:white;}
#Messages .TableHeader{background:#a62007;padding:2px;color:white;}
.socialProfileItem{width:45%;}
.socialProfileItem h1{font-size:18pt;margin-bottom:5px;}