/* Fitchburg Library Capital Campaign  */

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, b, u, i, center, 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; 
	vertical-align : baseline; 
	background : transparent; 
} 

body { 
	line-height : 1; 
} 

:focus { 
	outline : 0; 
} 

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
} 


/* ie6 png fix */
img, div { behavior: url(images/iepngfix.htc) }

* {
	margin: 0;
	padding: 0;
	}

body {
	text-align: center;
 	background-color : #4e4e4e;
	font-size:62.5%;
	}

/* Typography */

hr {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	height: 1px;
	margin-top:1px;
	margin-bottom:1px;
	}

/* Headers */


#container h1 a {
	color: #333;
	}

h1 a,
h2 a,
h3 a {
	text-decoration: none;
	color: inherit;
	}

h1 {
	font: 1.8em arial, verdana, sans-serif;
	font-weight:bold;
	color: #574109;
	margin: 10px 0 20px 0;
	text-align:left;
	}

.bottomBarOrange {
	border-bottom: 4px solid #f7941e;
	padding-bottom: 4px;
}

.bottomBarBlue {
	border-bottom: 4px solid #63aad6;
	padding-bottom: 4px;
}

.bottomBarGray {
	border-bottom: 4px solid #574109;
	padding-bottom: 4px;
}

h2 {
	font: 1.8em arial, verdana, sans-serif;
	color: #41ad49;
	margin: 10px 0 0 0;
	font-weight:bold;
	}	

h3 {
	font: 1.4em arial, verdana, sans-serif;
	color: #555;
	margin: 10px 0 0 0;
	font-weight:bold;
	}	

h4 {
	font: 1.8em arial, verdana, sans-serif;
	font-weight:bold;
	color: #574109;
	margin: 10px 0 5px 0;
	text-align:left;
	}

/* Text */

p {
	font: 1.2em arial, verdana, sans-serif;
	line-height: 1.8em;
	color: #333;
	margin: 5px 0 20px 0;
}

p.smallText {
	font: 1.2em arial, verdana, sans-serif;
	line-height: 1.6em;
	font-weight: bold;
	color: #333;
	margin: 0 0 20px 0;
	vertical-align: top;
}

/* Text Link */

p a {
	text-decoration: underline;
	}

p a:hover {
	text-decoration: underline;
	}

p a:visited {
	text-decoration: underline;
	}


/* Lists */
#list {
	list-style: square;
	float: left;
	margin-bottom: 20px;
	}

#list span {
	font: 1.2em arial, verdana, sans-serif;
	font-weight:bold;
	color: #41ad49;
	line-height:1.8em;
	}

#list li {
	font: 1.4em arial, verdana, sans-serif;
	color: #333;
	margin-left: 30px;
	line-height:1.8em;
	}

#list li a {
	color: #574109;
	margin-left: 10px;
	padding: 0;
	}

#list li a:hover {
	text-decoration: none;
	}

/* Navigation */
#navigationContainer {
	width: 900px;
	height: 37px;
	background-color: #b1d575;
	}

/* Positioning */
#navigation ul {
	float: left;
/*	margin-left: 18px; */
	margin-left: 80px; 
	list-style: none;
}

#navigation li {
	padding: 0;
}

#navigation li.home {
	float: left;
	height: 37px;
	width: 81px;
	}

#navigation li.purpose {
	float: left;
	height: 37px;
	width: 110px;
	}

#navigation li.opportunities {
	float: left;
	height: 37px;
	width: 203px;
	}

#navigation li.pictures {
	float: left;
	height: 37px;
	width: 93px;
	}

#navigation li.news {
	float: left;
	height: 37px;
	width: 78px;
	}

#navigation li.testimonials {
	float: left;
	height: 37px;
	width: 121px;
	}

#navigation li.faq {
	float: left;
	height: 37px;
	width: 70px;
	}

#navigation li.contact {
	float: left;
	height: 37px;
	width: 110px;
	}

#navigation li a { 
	background: url(images/navBg.jpg) no-repeat top left;
	font: 12px/40px arial, verdana, sans-serif;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0;
	height: 37px; 
	}

#navigationContainer li a span {
	visibility: hidden;
	}

/* Drop Down */

#navigationContainer #navigation ul li #dropDownContainer {
	border: 1px solid #7a7c7b;
	border-top: 0px;
}

#navigationContainer #navigation ul li ul li a { 
	background: url(images/navDropDownBg.png) repeat-x top left;
	padding: 0 15px;
	margin: 0px;
	height: 37px; 
}

#navigationContainer #navigation ul li ul li a:hover {
	background: url(images/navDropDownBgHover.png) repeat-x top left;
}


/* Buttons */

#navigation a.home {
	background-position: 0 0;
	}

#navigation a.purpose {
	background-position: -81px 0;
	}

#navigation a.opportunities {
	background-position: -191px 0;
	}

#navigation a.pictures {
	background-position: -394px 0;
	}

#navigation a.news {
	background-position: -487px 0;
	}

#navigation a.testimonials {
	background-position: -565px 0;
	}

#navigation a.faq {
	background-position: -686px 0;
	}

#navigation a.contact {
	background-position: -756px 0;
	}

/* Hover */

#navigation .home:hover {
	background-position: 0 -37px;
	}

#navigation .purpose:hover {
	background-position: -81px -37px;
	}

#navigation .opportunities:hover {
	background-position: -191px -37px;
	}

#navigation .pictures:hover {
	background-position: -394px -37px;
	}

#navigation .news:hover {
	background-position: -487px -37px;
	}

#navigation .testimonials:hover {
	background-position: -565px -37px;
	}

#navigation .faq:hover {
	background-position: -686px -37px;
	}

#navigation .contact:hover {
	background-position: -756px -37px;
	}


/* Current Page */

.home #navigation .home,
.purpose #navigation .purpose,
.opportunities #navigation .opportunities,
.pictures #navigation .pictures,
.news #navigation .news,
.testimonials #navigation .testimonials,
.faq #navigation .faq,
.contact #navigation .contact,

.home #navigation .home:hover,
.purpose #navigation .purpose:hover,
.opportunities #navigation .opportunities:hover,
.news #navigation .news:hover,
.pictures #navigation .pictures:hover,
.testimonials #navigation .testimonials:hover,
.faq #navigation .faq:hover,
.contact #navigation .contact:hover {
	margin: 0;
	padding: 0;
	height: 37px !important;
	}

.home #navigation .home {
	background-position: 0 -37px !important;
	}

.purpose #navigation .purpose {
	background-position: -81px -37px !important;
	}

.opportunities #navigation .opportunities {
	background-position: -191px -37px !important;
	}

.pictures #navigation .pictures {
	background-position: -394px -37px !important;
	}

.news #navigation .news {
	background-position: -487px -37px !important;
	}

.testimonials #navigation .testimonials {
	background-position: -565px -37px !important;
	}

.faq #navigation .faq {
	background-position: -686px -37px !important;
	}

.contact #navigation .contact {
	background-position: -756px -37px !important;
	}



/* Container */
#mainPlateContainer {
	background-color: #fff;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#socialNetworkingContainer {
	background-color: #4e4e4e;
	height: 42px;
	width: 900px;
	padding: 0;
	margin: 0;
}

#socialNetworkingContainer div {
	float: right;
	margin: 0;
	padding: 0;
}

#socialNetworkingContainer img {
	padding: 0 10px;
	margin: 0;
}

#header {
	width: 900px;
	height: 150px;
	background-color: #b1d575;
}

#logo {
	float: left;
	width: 214px;
	margin: 10px 0 0 38px;
}

#giveOnline {
	float: left;
	width: 192px;
	height: 158px;
	margin: -40px 0 0 60px;
}

#tag {
	float: right;
	margin: 12px 0 0 0;
}

#navSeperator {
	width: 900px;
	height: 5px;
	background-color: #fff;
}

#contentContainer {
	width: 900px;
	float: left;
	background:url(images/contentBg.jpg) repeat-x top left #fff;
}

#contentHeader {
	width: 900px;
}

#contentHeaderWebcam {
	width: 600px;
}

#quoteContainer {
	float: left;
	width: 275px;
	margin-top: 40px;
}

#quoteDesign {
	float: left;
	background:url(images/orangeBookQuote.png) no-repeat top left;
	width: 43px;
	height: 235px;
	margin-left: 30px;
}

#quoteText {
	width: 175px;
	height: 235px;
	float: left;
	text-align: left;
	font: 1.4em arial, verdana, sans-serif;
	line-height: 1.4em;
	color: #574109;
	margin: 0 0 0 10px;
	font-weight: bold;
}

#quoteText span {
	font-size: 2.0em;
	line-height: 1.0em;
}

#mainImg img {
	float: right;
	padding-right: 15px;
}

#mainImgCenter img {
	margin-top: 20px;
}

#slider {
	height: 320px;
	width: 600px;
	float: right;
	padding-right: 15px;
	background:url(images/slider/loading.gif) no-repeat 50% 50%; 
}

#slider img {
	display:none;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:30px;
}
a.nivo-prevNav {
	left:15px;
}






#liveWebcamContainer {
	width: 900px;
	float: left;
	padding: 10px 0 0 0;
}

#liveWebcamSponsors {
	width: 210px;
	float: left;
	padding: 0 10px 0 15px;
}

#liveWebcamSponsors p {
	width: 210px;
	text-align: center;
}

#liveWebcamSponsors img {
	padding-bottom: 20px;
	display: block;
}

#liveWebcam {
	width: 639px;
	height: 480px;
	float: left;
	border: 3px solid #aaa;
	margin: 0;
	padding: 0;
}

#mainImgWebcam img {
	text-align: center;
	padding: 15px 0 15px 250px;
}


#content {
	width: 840px;
	float: left;
	padding: 30px 30px 10px 30px;
	background-color: #fff;
}

.dashed {
	border-top: 1px solid #666;
}

#contentWide{
	float: left;
	text-align: justify;
	width: 840px;
}

#contentMedia{
	float: left;
	text-align: justify;
	width: 800px;
	padding: 25px;
}

#contentLeft {
	float: left;
	text-align: justify;
	width: 400px;
}

#contentRight {
	float: right;
	text-align: justify;
	width: 400px;
}

#contentLeft33 {
	float: left;
	text-align: left;
	width: 225px;
	border-right: 1px solid #ccc;
	padding-right: 15px;
}

#contentRight66 {
	float: right;
	text-align: justify;
	width: 580px;
}

.mainSectionContent33 {
	float: left;
	text-align: left;
	width: 120x;
	padding: 0 30px 0 0;
}

.mainSectionContent66 {
	float: right;
	text-align: left;
	width: 390px;
}


	.eventContainer {
		float: left;
		width: 220px;
		border: 1px solid #a8a8a8;
		border-left: 3px solid #f7941e;
		padding: 0;
		margin: 0 0 15px 0;
	}

		.grayEvent {
			border-left: 3px solid #4e4e4e;
		}

		.eventContainer .wrapper {
			padding: 10px 5px 5px 10px;
		}

		.eventContainer .wrapper .eventLink {
			padding: 30px 0 0 0;
			margin: 0;
		}


		.eventContainer .wrapper h2 {
			font-family: calibri, Arial, Helvetica, sans-serif;
			font-size: 1.8em;
			font-weight: bold;
			color: #444;
			line-height: 1.0em;
			padding: 0;
			margin: 0;
		}

		.eventContainer .wrapper h3 {
			font-family: calibri, Arial, Helvetica, sans-serif;
			font-size: 1.4em;
			color: #444;
			line-height: 1.0em;
			font-weight: normal;
		}

		.eventContainer .wrapper .eventLink p {
			font-family: calibri, Arial, Helvetica, sans-serif;
			font-size: 1.4em;
			color: #444;
			line-height: 1.0em;
			padding: 0;
			margin: 0;

		}

		.eventContainer .wrapper .eventLink p a {
			color: #444;
			text-decoration:none;
		}

		.eventContainer .wrapper .eventLink p a:hover {
			color: #444;
			text-decoration:underline;
		}

			.eventContainer .wrapper .eventLink p span {
				padding: 0 0 10px 0;
				margin: 0 10px 0 0;
			}



#contentFooter {
	float: left;
	width: 900px;
	height: 13px;
	background:url(images/contentFooterBg.jpg) no-repeat top left;
}

#footerContainer {
	float: left;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background-color: #4e4e4e;
	padding-bottom: 40px;
}

#footer {
	padding: 20px 0 0 0;
}

#footer p {
	font: 1.2em arial, verdana, sans-serif;
	line-height: 1.8em;
	color: #fff;
	margin: 4px 0;
}

/* Text Link */

#footer p a {
	text-decoration: underline;
	color: #fff;
	}

#footer p a:link,
#footer p a:visited,
#footer p a:active, {
	text-decoration: underline;
	}

#footer p a:hover {
	text-decoration: none;
	}


/* contact */

/* contact table styles */
.dataLeft
{
	font: 1.2em arial, verdana, sans-serif;
	color: #333;
	vertical-align:top;
	text-align:right;
	margin:0;
	padding:3px 5px 3px 0;
}

.dataRight
{
	font: 1.2em arial, verdana, sans-serif;
	color: #333;
	vertical-align:top;
	text-align:left;
	margin:0;
	padding:3px 0 3px 0px;
}

#RedStar
{
	color:#FF3333;
	margin:0;
	padding:0 0 0 10px;
	font-style:italic;
	font-size:0.9em;
}

#RedStar_blank
{
	color:#fff;
	margin:0;
	padding:0 0 0 10px;
}

.pdf
{
	margin:0 0 0 3px;
	padding: 7px 0 0 20px;
	background:url('images/pdfIcon.png') no-repeat left;
}


#opportunity {
	width: 400px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	float: left;
	border-bottom: 1px dashed #999;
}


.opp {
	font: 1.6em arial, verdana, sans-serif;
	font-weight:bold;
	color: #41ad49;
	margin: 10px 0 0 0;
	float: left;
}

.oppAmt {
	font: 1.6em arial, verdana, sans-serif;
	font-weight:bold;
	color: #41ad49;
	margin: 10px 0 0 0;
	float: right;
}

.oppDesc {
	float: left;
	width: 400px;
	text-align:justify;
	margin-bottom: 0;

}

.oppSponsor {
	float: left;
	width: 400px;
	text-align: right;
	font-weight: bold;
	font: 1.4em arial, verdana, sans-serif;
	color: #d37e1a;
	padding: 0;
	margin: 0;
}

.oppSponsor span {
	color: #888;
	font: 0.9em arial, verdana, sans-serif;
	font-style: italic;
}


/* gallery */
#galleryItem
{
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

#galleryItem span
{
	font: 1.0em arial, verdana, sans-serif;
	display:block;
	padding:3px 0 0 0;
	margin:0;
	text-align:center;
}

/* gallery 2 */
#galleryItem2
{
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

#galleryItem2 span
{
	font: 1.0em arial, verdana, sans-serif;
	display:block;
	padding:0 0 0 0;
	margin:0;
	text-align:center;
}

#galleryItem2 span.sponsorDesc {
	font: 1.0em arial, verdana, sans-serif;
	display:block;
	padding:0 0 10px 0;
	margin:0;
	text-align:center;
}



#mediaSet {
	float: left;
	width: 800px;
	padding: 0 0 30px 0;
	margin-top:-15px;
}

#donationLinkBox {
	background-color:#e4efcd;
	border: 1px solid #aac77c;
	padding: 15px;	
	text-decoration:none;
}

#donationLinkBox:hover {
	background-color:#bcdc89;
	border: 1px solid #819b55;
	padding: 15px;	
	text-decoration:none;
}