/*
	Brockton Creative Group
	John Kellyn Resman
	brocktoncg.com

	COLORS
			tan f2efe6
			dark blue 3a6f8f
			light blue 49b5ee
			orange fdbc5f


*/

/*
	RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body		{ background: #f2efe6 url(../images/bi_headerBg.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 70%; color: #444; }
body, html {height: 100%;}
ul		{ list-style: none; }
ol li  	{ list-style-image: url(../images/olSquare.png ); margin: 6px 0 6px 36px; font-size: 1.1em; }
	ol li a {  }
a			{ color: #3a6f8f; }
a:hover     { text-decoration: none; }
a img		{ border: none; }
img			{  }
table		{  }
td { border-bottom: 1px solid #aaa; padding: 10px 0; }

/*UTILITY */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}

.justifyright { text-align: right; }

hr { color: #F2EFE6; background: #F2EFE6; border: 0; }

.tan { color: #f2efe6; }
.dblue { color: #3a6f8f;font-size: 1.6em; }
.lblue { color: #49b5ee; }
.orange { color: #fdbc5f; }

#contactform {   }
form        { overflow: hidden; }
button { display: block; font-family: Georgia,Times,sans-serif; font-style: italic; padding: 2px 4px; background: #49b5ee; color: #fff; cursor: pointer; float: right; border: none; margin-top: 15px; }
	button:hover { background: #3a6f8f; }
		button:active { background: #294e65; }

.readmore { margin: 10px 0 0 0; float: right; }
	.readmore a { background: transparent url(../images/arrow.png) no-repeat left center; padding: 1px 3px 3px 19px; color: #3a6f8f; text-decoration: none; }
		.readmore a:hover { background-position: 2px center; color: #49b5ee; }


/* FORM */

div#contactform { margin-bottom: 25px;  }


label { font-size: 1.2em; cursor:pointer; }
label.cd { font-size: 1.2em; color: #3a6f8f;}
.error {color: red; margin-left: 60px; display:none; }

input.text          { width: 588px; height: 15px; background: none; padding: 7px; margin:10px 0; border: 1px solid #3a6f8f; }
textarea.statement          { width: 588px; height: 150px; background: none; padding: 7px; margin: 10px 0; border: 1px solid #3a6f8f; }
	.statement:focus, input.text:focus {background: #fff;}


/* TYPE */

strong { font-weight: bold; }

p { font-size: 1.1em; line-height: 1.7em; text-align: justify; }

h1 { font-family: "scheme-1","scheme-2",sans-serif; font-size: 3em; color: #49b5ee; letter-spacing: .05em; }

h2 { font-size: 1.6em; font-weight: bold; }

h3, h3 a { font-family: Georgia, Times,serif; font-size: 1.25em; color: #3a6f8f; line-height: 1.6em; text-decoration: none;  }
	h3 a { text-decoration: underline; }

h4 {font-family: "scheme-1","scheme-2",sans-serif; font-size: 1.4em; color: #fff; letter-spacing: .05em;  }

h1.dblueheader {font-family: "scheme-1","scheme-2",sans-serif; font-size: 1.6em; color: #fff; letter-spacing: .05em; padding: 6px 0 3px 10px; background: #3a6f8f url(../images/bi_blueheaderCorner.gif) no-repeat top right; }
h1.orangeheader {font-family: "scheme-1","scheme-2",sans-serif; font-size: 1.6em; color: #fff; letter-spacing: .05em; padding: 3px 0 0 10px; background: #fdbc5f url(../images/bi_orangeheaderCorner.gif) no-repeat top right; }
h1.lblueheader {font-family: "scheme-1","scheme-2",sans-serif; font-size: 1.6em; color: #fff; letter-spacing: .05em; padding: 6px 0 3px 10px; background: #49b5ee url(../images/bi_LblueheaderCorner.gif) no-repeat top right; }




/* STRUCTURE */

#chat-c { float:right; }

div.wrap { width: 814px; min-height: 100%; margin: 0 auto; }
div.fwrap { width: 814px; margin: 0 auto; padding-top: 25px; }

div#content { height:100%; padding: 40px 0 200px 0; margin-bottom: 50px; overflow: hidden; }

div#topcontent { overflow: hidden; }

div#midcontent { margin-top: 25px; }

div#btmcontent { margin-top: 25px; overflow: hidden; }

div#btmlinks { width: 790px; height: 100%; background: #fff url(../images/btmLinksBg_01.jpg) no-repeat center -10px; padding: 10px; margin: 35px 0; overflow: hidden; border: 1px solid #98b1b8; }


/* HEADERS */

.ajaxSearch_result { background: #e6e3da; padding: 10px; margin: 10px 0; }
.AS_ajax_resultsIntroFailure {margin: 10px 0;}
#searchsubnav { padding: 58px 0 0 0; }

p.logo a { display: block; width: 318px; height: 95px; padding-top: 15px; float: left; }


div#search { margin: 26px 20px 15px 0;  float: right;}

p.searchBI {font-family: Georgia,Times,sans-serif; font-size: 1.3em; font-style: italic; color: #3a6f8f; }

#ajaxSearch_form { color: #444; width: auto; }
       
#ajaxSearch_input { width: auto;  display: inline;  height: 17px; border: none; background: #fff ;  margin: 0 3px 0 0; padding: 3px 0 0; vertical-align: top; }

#ajaxSearch_submit { display: inline; font-family: Georgia,Times,sans-serif; font-style: italic; padding: 2px 4px; background: #49b5ee; color: #fff; cursor: pointer; border: none;}
	#ajaxSearch_submit:hover { background: #3a6f8f; }
		#ajaxSearch_submit:active { background: #294e65; }



ul.subnav { float: right; }
	ul.subnav li {display: inline; float: left;margin-left: 5px;}
		ul.subnav li a { display: block; font-family: Georgia, Times, serif; font-size: 1.1em; line-height: 2.3em; font-weight: bold; color: #fdbc5f; padding:3px; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
			ul.subnav li a.donate { color:#3a6f8f; }
				ul.subnav li a:hover { text-decoration: underline; }


img.headerImage { margin-bottom: 20px; }




/* HOME */

div#video { width: 285px; z-index: 0; overflow: hidden; }

div#aboutus { width: 515px; margin: 0 14px 0 0;text-align: justify; float: left; overflow: hidden; }

div#purpose { width: 285px;text-align: justify;overflow: hidden;}

div#stayconnected { width: 250px; margin: 0 15px 0 0; float: left; overflow: hidden; }

	input#nlname, input#nlemail       { background: #fff; padding: 3px; width: 100%; margin-top: 10px; border: none; }

div#events { width: 250px;  margin: 0 14px 0 0; float: left; overflow: hidden;}

	div.event { padding: 5px 5px; border-bottom: 1px dotted #aaa; }

div#featured { width: 285px;text-align: justify; overflow: hidden; }

.btmlists { width: 232px; margin: 0 0 0 25px; float: left; }
	.btmlists a { font-family: Georgia,Times,serif; font-size: 1.4em; color: #49b5ee; text-decoration: none; }
		.btmlists a:hover { text-decoration: underline; }
			.btmlists ol li a { font-family: Verdana,Arial,sans-serif; font-size: 1.05em; color: #888; text-decoration: none; }
				.btmlists ol li a:hover { text-decoration: underline; }


/* SECONDARY */

div#sectionHeader { width: 100%; margin-bottom: 25px; }

div#sidebar { width: 185px; float: left; margin: 0 25px 30px 0; }

div#secnlsignup { }

.headerImage { padding-bottom: 25px; }

#maincontent { min-height: 500px; padding-bottom: 30px; overflow: hidden; }

.breadcrumbs { color: #c5d7e1; }
	.breadcrumbs a { color: #49b5ee; text-decoration: none; }
		.breadcrumbs a:hover { text-decoration: underline; }

.B_currentCrumb { color: #49b5ee; }


/* articles */

div#artcontent { min-height: 600px; padding-top: 50px;}

div#currentArticle { width: 515px; height: 100%; margin: 0 14px 0 0; float: left; overflow: hidden; }

div#archives { width: 285px;overflow: hidden;}

p.author { font-size: 1.2em; font-style: italic; padding-top: 10px; border-top: 1px dotted #3a6f8f;  }

p.articleMeta { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dotted #3a6f8f; }

.archiveHeader { font-size: 1.7em; padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px dotted #3a6f8f; }

div.pastArticle { background: #e6e3da; padding: 10px 10px 0 10px; margin-bottom: 3px; }
div.pastnewsletter { background: #e6e3da; padding: 5px; margin-bottom: 3px; }

p.pastArticleMeta { padding: 10px 0;  }

div.pastArticle:hover { background: none; }
div.pastnewsletter:hover { background: none; }

/* lost in language */

div#definitions { width: 565px; height: 100%; float: right; margin: 15px 0 75px 0; overflow: hidden; }

div#definitions p { text-align: left !important; }

div#alpha { position: fixed; width: 200px; background: #e6e3da; padding:10px; margin: 30px 14px 0 0; overflow: hidden; }

ul.lilalpha {}
	ul.lilalpha li {float:left;}
		ul.lilalpha li a { display: block; width: 48px; padding:9px 0; background: #3a6f8f; font-size: 1.5em;  margin: 0 2px 2px 0; color: #fff; text-decoration: none; text-align: center; }
		ul.lilalpha li a:hover { background: #294e65; }
		
		div#termindex { padding: 10px 0; border-bottom: 1px solid #3a6f8f;border-top: 1px solid #3a6f8f; overflow: hidden; }
		
		div.col1, div.col2 {width: 175px; margin-right: 20px;float: left;}div.col3 { width: 175px; float: left; }
		
		div.letter { margin: 30px 0; }
		
		div.term {background: #e6e3da; padding: 5px 0 5px 10px; margin-bottom: 3px; text-align: left;}
		div.term a { display: block; }
			div.term:hover {background: none;}
		p.def a { font-size: 1.4em; text-decoration: none; }
			p.def a:hover { text-decoration: underline; }
			
			.termterm { width: 125px; float: left; margin-right: 20px; }
			.termdef { padding:0 10px; overflow: hidden; }

/* events */

div.singleevent { background: #e6e3da; padding: 10px; margin-bottom: 10px; overflow: hidden; }

div.eventmeta { width: 200px; border-top: 5px solid #b8b3a6; color: #535149; padding: 8px 0; text-align: right; float: left; margin: 36px 15px 0 0; }
div.eventmeta a { color: #535149; font-weight: bold; }

.eventmeta p { text-align: right; }

div.eventdescription { overflow: hidden; }
div.eventcontent { border-top: 5px solid #3a6f8f; padding: 5px 0; }
	div.eventdescription h3 { font-size: 2em; }
		div.eventdescription h3 a { text-decoration: none; }


/* FOOTER */

div#footnlsignup { width: 185px; float:left; }
h2.footerheader {font-family: "scheme-1","scheme-2",sans-serif; font-size: 1.4em; background: #cbcbcb url(../images/bi_greyheaderCorner.gif) no-repeat top right; color: #fff; letter-spacing: .05em; padding: 6px 0 3px 10px; font-weight: normal; }

					
div#footer { position: relative; width: 100%; height: 200px; background: #fff url(../images/bi_footerBg.jpg) repeat-x; z-index: 0; margin-top: -200px; clear: both; }		

div.footerlinks { width: 600px; float: right; }	
		
	div#footer p { color: #999; text-align: right;}
		
		div#footer p a { color: #3a6f8f; text-decoration: none; }	
			div#footer p a:hover { text-decoration: underline; }	
		

	
	div#footer p.copyright, div#footer p.copyright a  { font-size: 1em; color: #999; line-height: 1.5em; }	
	
	
	div.sitemap ul {  }
	div.sitemap ul li { font-size: 1.3em; }
	
	div.sitemap ul ul { margin-left: 30px; }
	div.sitemap ul ul li { font-size: .9em; }