/* CSS Document */
/* CSS by NATHAN ROWE :::::::::::::::::::::::::::::::::::::: www.nathanrowe.com
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* globals
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
* {
	margin: 0px;
	padding: 0px;
	}

body {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
	margin: 0px;
	padding: 0px;
	background: url("http://www.2withamboys-brigade.org.uk//_img/HeaderBG.jpg") repeat-x top left;
	}
	

/* Type
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	
p {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
	}
	
h1 {
	font: bold 16px/18px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #14234A;
	background-color: #FFFFFF;
	}

h2 {
	font: bold 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #375588;
	background-color: #FFFFFF;
	}

h4 {
	font: bold 16px/18px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
	background-color: #C6DDB2;
	}

a, a:link, a:visited {
	color: #0B83A5;
	text-decoration: none;
	padding: 1px 2px;
	}

a:hover {
	color: #0B83A5;
	padding: 1px 2px;
	background-color: #AFD0DD;
	}

	
/* Layout & Positions
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/	

#window {
	text-align: center;
	width: 100%;
	margin: 0px;
	}

#main {
	color: #2C2C2C;
	text-align: center;
	width: 810px;
	min-height: 200px;
	margin-left: auto; 
	margin-right: auto; 
	background: #FFFFFF url("http://www.2withamboys-brigade.org.uk//_img/TitlePic.jpg") no-repeat center top;
	}

#container {
	text-align: left;
	width: 560px;
	padding: 0px;
	float: left;
	position: relative;
	}

#right {
	text-align: left;
	width: 216px;
	min-height: 950px;
	padding: 0px;
	float: right;
	position: relative;
	}
	
#left {
	text-align: left;
	width: 560px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	}


.sections {
	text-align: left;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-style: dotted;
	border-color: #0B83A5;
	border-bottom-width: thin;
	}

/* Navigation
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* MENU */
/* all lists */
#menu { padding: 0; margin: 0; z-index: 999; background: none; width: 810px; position: relative; padding-top:161px;}
#menu ul li { list-style: none; font-weight: bold; float: left; margin-right: 2px;}
#menu ul li a { display: block; padding: 10px 15px; color: #333333; background:#C6DDB2; border-bottom: #B3C8A0 solid 1px; border-top: #E2EED8 solid 1px; 
-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
#menu ul li a:hover { color: #0B83A5; text-decoration: none; }
#menu ul li.active a { color: #0B83A5; background:#F6F9F2; }

#menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Right Extras
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	
.mailing {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-color: #0B83A5;
	border-top-width: thin;
	border-bottom-width: thin;
	}
	
#form_text {
	margin-top: 5px;
	margin-bottom: 5px;
	}

/* download
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.download {
	font: normal 11px/30px "lucida grande", verdana, sans-serif;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-color: #0B83A5;
	border-top-width: thin;
	border-bottom-width: thin;
	}

.download a{
	display: block;
	color: #2C2C2C;
	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom-style: dotted;
	border-color: #C6DDB2;
	border-bottom-width: thin;}

.download a:hover{
	background-color: #C6DDB2;
}


/* Calendar
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.calendarBG {
 	width: 216px; 
	}

.calendarBlank { 
	color: #2C2C2C;
	height:30px;
	background: #FFFFFF url("http://www.2withamboys-brigade.org.uk//_img/clear_calendar.jpg") no-repeat top left;
	}

.calendarHeader { 
 	text-align: center;
 	height: 27px;
	}
	
.calendarMonthHeading {
  	text-align: center;
	font: bold 12px/27px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C; 
 	text-decoration: none;
 	background: #C6DDB2 url("http://www.2withamboys-brigade.org.uk//_img/header_calendar.jpg") no-repeat top left;
	height: 27px;
	}

.calendarMonthLinksRight {
 	font: bold 9px/27px "lucida grande", tahoma, arial, verdana, sans-serif;
 	color: #0B83A5;
	background: #E5E5E5 url("http://www.2withamboys-brigade.org.uk//_img/nextPrev_calendar.png") no-repeat top left;
 	height: 27px;
	}

.calendarMonthLinksLeft {
	font: bold 9px/27px "lucida grande", tahoma, arial, verdana, sans-serif;
 	color: #0B83A5;
 	background: #E5E5E5  url("http://www.2withamboys-brigade.org.uk//_img/nextPrev_calendar.png") no-repeat top left;
  	height: 27px;
	}

.calendarDayHeading {
 	font: bold 9px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
 	color: #FFFFFF; 
 	text-align:  center;
 	vertical-align: bottom;
	height: 40px;
	background: #14234A url("http://www.2withamboys-brigade.org.uk//_img/day_calendar.jpg") repeat-x left top;
	}

.calendarToday { 
 	font: bold 12px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
	text-decoration:   none;
 	text-align:  center;
 	vertical-align: middle;
 	background-color: #C6DDB2;
	}

.calendarToday a { 
 	font: bold 12px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #0B83A5;
	text-decoration:   none;
 	text-align:  center;
 	vertical-align: middle;
 	background-color: #C6DDB2;
	}

.calendarToday a:hover { 
 	color: #FFFFFF;
 	text-decoration: none;
 	background-color: #C6DDB2;
	}

.calendarCell {
 	font: bold 12px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
 	text-decoration:   none;
 	text-align:  center;
 	vertical-align: middle;
 	width:30px;
 	background: #CCCCCC;
	}

.calendarCell a {
 	font: bold 12px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #0B83A5;
 	text-decoration:   none;
 	text-align:  center;
 	vertical-align: middle;
 	width: 30px;
	background-color: #CCCCCC;
	}
  
.calendarCell a:hover {
 	color: #FFFFFF;
 	text-decoration: none;
 	background-color: #CCCCCC;
	}

/* Gallery
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.catthumbs{
	display: block;
	width: 160px;
	margin: 10px 5px 0px 10px;
	min-height: 260px;
	float:left;
	text-align:center;
	border:1px solid #C6DDB2;
	}

.catthumbs a{
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #2C2C2C;
	min-height: 260px;
	background-color: #FFFFFF;
	display: block;
	padding: 3px;
	}

.catthumbs a:hover{
	color: #2C2C2C;
	background-color: #D7E7C9;
	display: block;
	padding: 3px;
	}

a:hover .gallerythumb,a:active .gallerythumb{
	border:1px solid #C6DDB2;
	background:#D7E7C9;
	}

.breadcrumb{
	margin:15px 0 15px 40px;
	font: bold 9px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	background: #FFFFFF;
	}

.caption{
	margin:12px 0 4px 0;
	color:#000;
	font: bold 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	background: #FFFFFF;
	}

.large{
	text-align:center;
	margin:0px;
	}

.large img{
	border:1px solid #C6DDB2;
	padding:6px;
	background:#fff;
	}

.stats{
	margin:4px 0 4px 0;
	color:#2C2C2C;
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-seriff;
	}

.thumbs{
	padding:0px;
	margin: 25px 10px 0px 5px;
	float:left;
	}

.thumbs img{
	margin:0px;
	border:1px solid #C6DDB2;
	padding:4px;
	background:#FFFFFF;
	}

.thumbs a:hover{
	background-color: #D7E7C9;
	background:#FFFFFF;
	}

div#picnav{
	float:left;
	}

/* Contact
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#contact_left{
	width: 335px;
	float: left;
}

#contact_right{
	width: 350px;
	float: right;
	margin-top: 40px;
}

#contact_content {
	margin: 45px 0 0px 0;
}

.textfield{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 100%;
	color: #666;
}

#success{
	background-color: #C6DDB2;
	padding: 8px;
	font: bold 11px/14px "lucida grande", verdana, sans-serif;
	color: #0B83A5;
}

/* footer
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#footer {
	color: #C6DDB2;
	width: 100%;
	height: 200px;
	text-align: center;
	position: relative;
	background: #0B83A5 url("http://www.2withamboys-brigade.org.uk//_img/footer.jpg") top left repeat-x;
}

#footer_content {
	width: 810px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

#footer_content p {
	font: normal 9px/20px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #C6DDB2;
	background-color: #0B83A5;
}

#footer_content h3 a, #footer_content h3 a:link, #footer_content h3 a:visited, #footer_content h3 a:active {
	font: normal 11px/20px "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0B83A5;
}

#footer_nav ul{
	color: #C6DDB2;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	height: 30px;
	list-style-type: none;
	background: #0B83A5 url("http://www.2withamboys-brigade.org.uk//_img/footer_divider.jpg") no-repeat left top;

}

#footer_nav li{
	font: normal 9px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #C6DDB2;
	text-decoration: none;
	display: inline;
	background-color: #0B83A5;
}

#footer_nav a, #footer_nav a:link, #footer_nav a:visited, #footer_nav a:active{
	color: #C6DDB2;
	padding: 10px 15px;
	background:url("http://www.2withamboys-brigade.org.uk//_img/footer_divider.jpg") no-repeat right top;
	background-color: #0B83A5;
} 

#footer_nav a:hover{
	font: normal 9px/30px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #FFFFFF;
	display: inline;
	background-color: #0B83A5;
}

#footer a.image_link {
	background-color: #0B83A5;
}

#footer a.image_link:hover {
	background-color: #0B83A5;
}

#top_button {
	float: right;
	color: #2C2C2C; 
	background-color: #0B83A5;

}

/* SIFR
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 20px;
	line-height: 30px;
}

.sIFR-hasFlash #success h4 {
	visibility: hidden;
	font-size: 20px;
	line-height: 25px;
}