/* Globals
------------------------------------------------------*/
html, body { margin:0; padding:0; border:0; height:100%; }
body { font:75% "Gill Sans", Arial, Sans-Serif; background:#272521; color:#463d3b; text-align:center; }
.wrapper { margin:0 auto; width:960px; text-align:left; }

a { text-decoration:none; }


/* Header
------------------------------------------------------*/
#header { background:url(../images/background-header.jpg) repeat-x; }
#header .wrapper { position:relative; }

#header p#firefighters-logo { padding:29px 0px 22px; }
#header p#firefighters-logo a { display:block; height:94px; width:430px; background:url(../images/firefighters-logo.png) no-repeat; overflow:hidden; text-indent:-9999em; }

#header ul { overflow:hidden; zoom:1.0; }
#header ul li { float:left; }
#header ul li a { display:block; float:left; height:45px; background:url(../images/header-sprite.png) no-repeat; line-height:45px; overflow:hidden; text-indent:-9999em; }

	/* News & Events Link */
	#header ul li.newsevents a { width:125px; background-position:0px 0px; }
	#header ul li.newsevents a:hover { background-position:0px -50px; }

	/* Gallery Link */
	#header ul li.gallery a { width:75px; background-position:-125px 0px; }
	#header ul li.gallery a:hover { background-position:-125px -50px; }

	/* Local 28 Link */
	#header ul li.local28 a { width:80px; background-position:-200px 0px; }
	#header ul li.local28 a:hover { background-position:-200px -50px; }

	/* Memorial Link */
	#header ul li.memorial a { width:93px; background-position:-280px 0px; }
	#header ul li.memorial a:hover { background-position:-280px -50px; }

	/* About Us Link */
	#header ul li.aboutus a { width:87px; background-position:-373px 0px; }
	#header ul li.aboutus a:hover { background-position:-373px -50px; }

	/* Public Resources Link */
	#header ul li.publicresources a { width:145px; background-position:-460px 0px; }
	#header ul li.publicresources a:hover { background-position:-460px -50px; }

	/* Live Scanner Link */
	#header ul li.livescanner { padding-left:9px; }
	#header ul li.livescanner a { width:245px; background-position:0px -100px; }
	#header ul li.livescanner a:hover { background-position:0px -150px; }

#header #account-box { position:absolute; top:-90px; right:0px; padding:6px 0px 0px 22px; height:150px; width:236px; background:url(../images/header-sprite.png) no-repeat -250px -120px; }
#header #account-box p { font-size:1.17em; color:#fffaf4; line-height:3.57em; }
#header #account-box a { float:left; display:block; overflow:hidden; text-indent:-9999em; }
#header #account-box a.logout { float:none; display:inline; text-indent:0; color:#fffaf4; }
#header #account-box a.logout:hover { text-decoration:underline; }
#header #account-box a.btn-signup { height:44px; width:119px; background:url(../images/header-sprite.png) no-repeat -510px -100px; }
#header #account-box a.btn-signup:hover { background-position:-510px -150px; }
#header #account-box a.btn-login { height:44px; width:95px; background:url(../images/header-sprite.png) no-repeat -630px -100px; }
#header #account-box a.btn-login:hover { background-position:-630px -150px; }

#header #account-box form {  }
#header #account-box form .textfield { position:relative; height:44px; width:214px; }
#header #account-box form .textfield label { position:absolute; top:10px; left:15px; font-size:20px; color:#272521; z-index:2; }
#header #account-box form .textfield input { position:absolute; top:0px; left:0px; padding:0px 15px; height:44px; width:184px; font-size:20px; color:#272521; background:url(../images/header-sprite.png) no-repeat -510px -200px; border:none; z-index:1; }


/* Footer
------------------------------------------------------*/
#footer { /*height:50%;*/ background:#272521; }
#footer .wrapper { padding:10px 0px 100px; overflow:hidden; zoom:1.0; }
#footer a { color:#d2c3b1; }
#footer a:hover { text-decoration:underline; }

	/* Address Info */
	#footer p.address { float:left; width:490px; font-size:1.17em; color:#d2c3b1; }
	#footer p.address em { font-weight:bold; color:#fffaf4; font-style:normal; }

	/* Contact Info */
	#footer p.contact { float:left; width:300px; font-size:1.17em; color:#d2c3b1; }
	#footer p.contact em { color:#fffaf4; font-style:normal; }

	/* Social Bookmarks */
	#footer ul.social { float:right; width:144px; }
	#footer ul.social li { float:left; padding-left:6px; }
	#footer ul.social li a { float:left; display:block; height:30px; width:30px; overflow:hidden; text-indent:-9999em; background:url(../images/social-icons-sprite.jpg) no-repeat; }
	#footer ul.social li.icon-sms a 		{ background-position:0px 0px; }
	#footer ul.social li.icon-facebook a 	{ background-position:-30px 0px; }
	#footer ul.social li.icon-twitter a 	{ background-position:-60px 0px; }
	#footer ul.social li.icon-subscribe a 	{ background-position:-90px 0px; }


/* Content
------------------------------------------------------*/
#content { background:url(../images/background.jpg); }
#content .wrapper { padding:20px 0px; overflow:hidden; zoom:1.0; }


/* Copy Text
------------------------------------------------------*/
.copy {  }
.copy h1 { padding-bottom:5px; font-size:2em; font-weight:normal; color:#7d2e13; }
.copy p { font-size:1.5em; margin-bottom:1.5em; }


/* Masthead
------------------------------------------------------*/
#masthead { padding:0px 0px 20px 0px; }
#masthead img { display:block; }


/* Listing
------------------------------------------------------*/
.listing { float:left; width:610px; padding:20px 0px; }
.listing h2 { padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }
.listing ul { overflow:hidden; zoom:1.0; }
.listing ul li { float:left; }
.listing ul li a { float:left; display:block; padding:10px; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; cursor:pointer; }
.listing ul li a:hover { background-color:#ded3c4; }

.listing ul li a p.date { float:left; margin-bottom:0; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; }
.listing ul li a p.date span.month { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; }
.listing ul li a p.date span.day { display:block; font-size:2em; color:#7d2e13; font-weight:bold; line-height:24px; text-align:center; }

.listing ul li a p.platoon { float:left; margin-left:5px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; }
.listing ul li a p.platoon span.label { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; }
.listing ul li a p.platoon span.number { display:block; font-size:1.5em; color:#272521; font-weight:bold; line-height:24px; text-align:center; }

.listing ul li a .copy { float:left; padding-left:10px; width:500px; }
.listing ul li a .copy p { margin-bottom:0; font-size:1em; color:#463d3b; }
.listing ul li a .copy p.title { margin-bottom:0; font-size:1.33em; color:#7d2e13; }

.listing ul li.news a .copy { padding-left:52px; }

/* Archive Listing */
.listing.archive { width:330px; float:right; }
.listing.archive ul li.news a .copy { width:220px; }
.listing.archive ul li.events a .copy { width:220px; }

/* Pagintaion */
.listing ul.pagination { padding-bottom:20px; overflow:hidden; zoom:1.0; }
.listing ul.pagination li {  }
.listing ul.pagination li a { padding:10px 0px 10px 0px; font-size:1.17em; color:#7d2e13; background:none; }
.listing ul.pagination li a:hover { color:#272521; }
.listing ul.pagination li.next-link { float:left; }
.listing ul.pagination li.prev-link { float:right; }


/* Firefighters Association Logo
------------------------------------------------------*/
.firefightersassociation-logo {}
.firefightersassociation-logo a { display:block; }
.firefightersassociation-logo a img { display:block; }


/* Links Listing
------------------------------------------------------*/
.links { padding:0px 0px 20px; width:330px; float:right; clear:right; }
.links h2 { padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }
.links h3 { padding:5px 10px 0px; font-size:1.33em; color:#7d2e13; font-weight:normal; }
.links ul { padding:0px 10px 10px; }
.links ul li {  }
.links ul li a { font-size:1.17em; color:#272521; }
.links ul li a:hover { text-decoration:underline; }


/* Event View
------------------------------------------------------*/
#events-single { margin:20px 0px; padding:0px; width:610px; float:left; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; }
#events-single h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }

#events-single p.date { float:left; margin-left:10px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; }
#events-single p.date span.month { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; }
#events-single p.date span.day { display:block; font-size:2em; color:#7d2e13; font-weight:bold; line-height:24px; text-align:center; }

#events-single p.platoon { float:left; margin-left:5px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; }
#events-single p.platoon span.label { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; }
#events-single p.platoon span.number { display:block; font-size:1.5em; color:#272521; font-weight:bold; line-height:24px; text-align:center; }

#events-single .copy { padding-left:10px; width:500px; float:left; }
#events-single .purchase-ticket button { margin-bottom:20px; display:block; height:33px; width:125px; background:url(../images/btn-events-purchaseticket.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; border:none; padding:0; cursor:pointer; }
#events-single .purchase-ticket button:hover { background-position:bottom left; }


/* News View
------------------------------------------------------*/
#news-single { margin:20px 0px; padding:0px; width:610px; float:left; background:#d9cdbc url(../images/listing-separator.jpg) repeat-x bottom left; }
#news-single h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }

#news-single p.date { float:left; margin-left:10px; height:44px; width:37px !important; background:url(../images/background-date-box.jpg) no-repeat; }
#news-single p.date span.month { display:block; color:#fffaf4; font-weight:bold; line-height:20px; text-align:center; }
#news-single p.date span.day { display:block; font-size:2em; color:#7d2e13; font-weight:bold; line-height:24px; text-align:center; }

#news-single .copy { padding-left:10px; width:543px; float:left; }

/* About
------------------------------------------------------*/
.page-about .section {  }
.page-about .section h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }
.page-about .section .copy { padding-left:10px; }
.page-about #about-content.section { width:610px; float:left; }

.page-about #sidebar-link { float:right; margin-bottom:20px; padding:15px 0px; width:330px; background-color:#272521; }
.page-about #sidebar-link a { display:block; margin:0 auto; height:44px; width:299px; background:url(../images/button-stationsandapparatus.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; }
.page-about #sidebar-link a:hover { background-position:bottom left; }

.page-about #yearbooks.listing { padding-top:0px; width:330px; float:right; }
.page-about #yearbooks.listing ul {  }
.page-about #yearbooks.listing ul li {  }
.page-about #yearbooks.listing ul li a { width:310px; }
.page-about #yearbooks.listing ul li a span.label { display:block; float:left; font-size:2em; color:#7d2e13; }
.page-about #yearbooks.listing ul li a span.download-btn { display:block; float:right; height:33px; width:125px; background:url(../images/btn-download.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; }
.page-about #yearbooks.listing ul li a:hover span.download-btn { background:url(../images/btn-download.jpg) no-repeat bottom left; }

.page-about #members.listing { padding-top:0px; width:330px; clear:right; float:right; }
.page-about #members.listing ul {  }
.page-about #members.listing ul li {  }
.page-about #members.listing ul li a { width:310px; }
.page-about #members.listing ul li a span.name { display:block; font-size:1.83em; line-height:18px; color:#7d2e13; }
.page-about #members.listing ul li a span.position { display:block; font-size:1.5em; line-height:18px; color:#463d3b; }
.page-about #members.listing ul li a span.email { display:block; font-size:1em; line-height:12px; color:#463d3b; }
.page-about #members.listing ul li a:hover span.email { text-decoration:underline; }

.page-about .firefightersassociation-logo { clear:right; float:right; }


/* Public Resources
------------------------------------------------------*/
.page-publicresources .section { width:610px; float:left; }
.page-publicresources .section h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }
.page-publicresources .section .copy { padding-left:10px; }

.page-publicresources .firefightersassociation-logo { clear:right; float:right; }


/* Pages
------------------------------------------------------*/

/* Home */
.page-home #featured-news.listing { width:470px; float:left; }
.page-home #featured-news.listing ul li a .copy { width:403px; }
.page-home #featured-events.listing { width:470px; float:right; }
.page-home #featured-events.listing ul li a .copy { width:360px; }

.page-home ul#ad-boxes { clear:both; }
.page-home ul#ad-boxes li { padding-bottom:20px; }
.page-home ul#ad-boxes li a { display:block; }
.page-home ul#ad-boxes li a img { display:block; }
.page-home ul#ad-boxes li.ad-one { float:left; }
.page-home ul#ad-boxes li.ad-two { float:right; }


/* Stations */
.page-stations .copy { position:relative; }
.page-stations ul.pagination { position:absolute; top:0px; right:0px; overflow:hidden; zoom:1.0; }
.page-stations ul.pagination li { float:left; }
.page-stations ul.pagination li a { float:left; display:block; background:url(../images/stations-pagination-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
.page-stations ul.pagination li.prev-link a { height:29px; width:27px; background-position:top left; }
.page-stations ul.pagination li.prev-link a:hover { background-position:bottom left; }
.page-stations ul.pagination li.next-link a { height:29px; width:26px; background-position:top right; }
.page-stations ul.pagination li.next-link a:hover { background-position:bottom right; }


/* Gallery
------------------------------------------------------*/
.page-gallery {  }
.page-gallery ul { overflow:hidden; zoom:1.0; }
.page-gallery ul li { float:left; margin:0px 10px 10px 0px; width:128px; }
.page-gallery ul li a { display:block; padding:9px; background:#272521; }
.page-gallery ul li a img { display:block; }
.page-gallery ul li.first { clear:both; }
.page-gallery ul li.last { margin-right:0px; }


/* Memorial
------------------------------------------------------*/
.page-memorial .copy { position:relative; }
.page-memorial ul.pagination { position:absolute; top:0px; right:0px; overflow:hidden; zoom:1.0; }
.page-memorial ul.pagination li { float:left; }
.page-memorial ul.pagination li a { float:left; display:block; background:url(../images/stations-pagination-sprite.jpg) no-repeat; overflow:hidden; text-indent:-9999em; }
.page-memorial ul.pagination li.prev-link a { height:29px; width:27px; background-position:top left; }
.page-memorial ul.pagination li.prev-link a:hover { background-position:bottom left; }
.page-memorial ul.pagination li.next-link a { height:29px; width:26px; background-position:top right; }
.page-memorial ul.pagination li.next-link a:hover { background-position:bottom right; }

.page-memorial .section {  }
.page-memorial .section h2 { margin-bottom:10px; padding:0px 10px; font-size:2em; color:#fffaf4; font-weight:normal; background:#272521; line-height:35px; }
.page-memorial .section .copy { padding-left:10px; }
.page-memorial #memorial-content.section { width:610px; float:left; }
.page-memorial #purchase-bricks.section { width:330px; float:right; }

.page-memorial .purchasebricks-btn { position:relative; margin:10px 0px 20px; height:145px; width:330px; background:url(../images/background-purchaseabrick.jpg) no-repeat; }
.page-memorial .purchasebricks-btn button { position:absolute; bottom:6px; right:6px; display:block; height:33px; width:125px; background:url(../images/purchasebrick-sprite.jpg) no-repeat top left; overflow:hidden; text-indent:-9999em; border:none; padding:0; margin:0; cursor:pointer; }
.page-memorial .purchasebricks-btn button:hover { background-position:bottom left; }


/* Registration Form
------------------------------------------------------*/
form#registerform { padding:5px; width:430px; background:#272521; overflow:hidden; }
form#registerform .textfield { float:left; position:relative; height:44px; width:214px; }
form#registerform .textfield label { position:absolute; top:10px; left:15px; font-size:20px; color:#272521; z-index:2; }
form#registerform .textfield input { position:absolute; top:0px; left:0px; padding:0px 15px; height:44px; width:184px; font-size:20px; color:#272521; background:url(../images/header-sprite.png) no-repeat -510px -200px; border:none; z-index:1; }

form#registerform a { float:right; display:block; overflow:hidden; text-indent:-9999em; }
form#registerform a.btn-signup { height:44px; width:121px; background:url(../images/header-sprite.png) no-repeat -510px -100px; }
form#registerform a.btn-signup:hover { background-position:-510px -150px; }


/* SMS Subscribe Form
------------------------------------------------------*/
div.easysms_widget { padding:15px 0px; }
div.easysms_widget div#easysmsDiv {  }

div.easysms_widget div#easysmsDiv p.easysms_error { margin:0; padding:0; color:#f80000; }
div.easysms_widget div#easysmsDiv h2 { padding:0px; color:#272521; background:none; }

div.easysms_widget div#easysmsDiv form.easysms { padding-top:25px; }
div.easysms_widget div#easysmsDiv form.easysms label.easysms { display:block; font-size:1.5em; }
div.easysms_widget div#easysmsDiv form.easysms input.easysms { display:block; margin-bottom:15px; padding:4px 5px; width:200px; }
div.easysms_widget div#easysmsDiv form.easysms input.easysms_button {  }
div.easysms_widget div#easysmsDiv form.easysms select.easysms { display:block; margin-bottom:15px; width:210px; }
div.easysms_widget div#easysmsDiv form.easysms p.easysms_text {  }

div.easysms_widget div#easysmsDiv form.easysms_links {  }
div.easysms_widget div#easysmsDiv form.easysms_links input {  }
div.easysms_widget div#easysmsDiv form.easysms_links input#easysms_manage {  }
div.easysms_widget div#easysmsDiv form.easysms_links input#easysms_retrieve {  }