/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */

.sIFR-flash {
width: 100%;
}

body {
font-family: Helvetica, Arial, sans-serif;
color: #333333;
background: url('../img/background.jpg') repeat-x;
}

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}
 
h1 {
color: #387937;
font-size: 3.3em;
text-transform: uppercase;
letter-spacing: -2px;
margin-bottom: -3px; 
}

h3 {
color: #387937;
font-size: 1.6em;
}

h4 {
color: #333333;
font-size: 1.5em;
}

h5 {
color: #387937;
font-size: 1.33em;
}

h6 {
color: #333333;
font-size: 1.33em;
}

.innermain h1 {
margin-bottom: 26px;
}

#contentDescription td {
vertical-align: top;}

#partnership h3 {
font-size: 1.75em;
color: #333333;
line-height: 1.3em;
margin-bottom: 37px;
}


#main {
padding-left: 10px;
padding-top: 77px;
padding-bottom: 142px;
border-bottom:1px solid #d8d8d8;
}

.innermain {
padding-bottom: 100px;
}


/* ----- Link Styles ------ */
a {
	color:#387937;
	text-decoration:none;
}

a:hover, a:focus {
	color:#8cc456;
	text-decoration:none;
}

.submit input { 
	background: #3179c3; 
	color: white; 
	border: none;
}




#page {
padding:0;
}


/* ------ Header Styles ------- */


#header .container {
background: url('../img/headerbackground.jpg') no-repeat;
padding-top:113px;
padding-bottom: 30px;
}

#header .container a img {
padding-top:13px;
}

#nav {
float: left;
margin-left: 100px;
width:300px;
}

/* ------- Sidebar styles ------- */

#sidebar.inner {
padding-left: 40px;
width: 328px;
margin-top: 154px;
}

#sidebar {
font-size: 1.0em;
}

#sidebarquote {
padding-left: 34px;
}

#sidebarquote h2 {
width:309px;
height: auto;
color:#3179c3;
font-size:1.75em;
line-height:1.3em;
}

#sidebar h5 {
margin-top: 0;
}

#relatedSectionLinks li { 
list-style: none;
background: url('../img/bulletsinthissection.jpg') no-repeat left center;
padding-left: 15px;
}

/* ------ Footer Styles --------- */


#page .container {
background: url('../img/latestnews-border.gif') no-repeat bottom left;
}


#footer {
padding: 40px 0;
color: #999;
}

#footernavul a {
font-size: .75em;
}

#footernavul #cat-menu-item-6 a {
color: #fff;
}

#footernavul > li > a { line-height:12px;text-transform:uppercase;margin-bottom: 10px;}


#footer .siteCreditsleft {
float: left;
text-align: left;
width: 597px;
font-size: .75em;
}

.siteCreditsleft h2 {
margin-bottom: 0;
}

.siteCreditsleft a {
color: #999;
}

.siteCreditsleft a:hover, .siteCreditsleft a:focus {
text-decoration:underline;
}



#footer .siteCreditsright {
float: left;
text-align: right;
width: 368px;
font-size: .75em;
}


/* ------ Home Div Styles ------- */

#partnership {
background: url('../img/partner-border.gif') no-repeat bottom left;
font-size: 1.2em;
}

.questionsandfaq {
margin-top:29px;
padding-bottom:20px;
text-align: right;
padding-right: 81px;
margin-bottom: 50px;
}

/* ------ Inner Div & Tool Styles ------*/



.innermain ul {
border-top: 1px solid #dadbdd;
margin: 0;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
padding-left: 0;
padding-top: 21px;
padding-bottom: 21px;
border-bottom: 1px solid #dadbdd;
}

.innermain ul li {
list-style: none;
background: url('../img/heading3bullet.jpg') no-repeat 0px 9px;
padding-left: 15px;
font-size: 1.2em;

}


.innermain ol {
border-top: 1px solid #dadbdd;
margin: 0;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
padding-left: 20px;
padding-top: 21px;
padding-bottom: 21px;
border-bottom: 1px solid #dadbdd;
font-size: 1.2em;
}


.bg1, .bg2 {
padding: 10px 0 20px 0;
border-top:1px solid #dadbdd;
}

.links.index h2 {
border-top: 3px double #eee;
padding: 10px 0;
clear: both;
}

.links .bg1, .links .bg2, /* ---- remove the catlist bgs if you don't want 50% width-----*/.catList .bg1, .catList .bg2 {
width: 42%;
float: left;
display: block;
min-height: 100px;
height: 100%;
padding: 4%;
}

.links .bg1, .catList .bg1 {
clear: both;

}


.linkDescription {
font-size: 1.15em;
}


.categorySidebars, .pageSidebars {
padding-left: 15px;
padding-right: 30px;
padding-bottom: 25px;
margin-bottom: 10px;
background: url('../img/sidebarspacer.jpg') no-repeat bottom left;
}


.sectionLinks {
padding-left: 15px;
padding-right: 30px;
padding-bottom: 25px;
margin-bottom: 10px;
background: url('../img/sidebarspacer.jpg') no-repeat bottom left;
}



#breadcrumbs, #attachedFiles {
clear: both;
padding-top: 10px;
font-size: .95em;
padding-left: 15px;
padding-right: 30px;
padding-bottom: 25px;
margin-bottom: 10px;
background: url('../img/sidebarspacer.jpg') no-repeat bottom left;
}

#breadcrumbs {
display: none;
}



.staffInfo {
float: right;
width: auto;
text-align: right;
margin-left: 2em;
font-size: .85em;
margin-bottom: .5em;
}

.staffInfo p, .staffInfoInner p {
margin: 0;
font-style: italic;

}

.staffInfoInner {
width: auto;
text-align: left;
margin-left: 1.5em;
font-size: 1.15em;
margin-bottom: 1em;

}




.members.catitemlist .bg1, .members.catitemlist .bg2 {
clear: both;
}


.documentsInfo {
float: left;
min-width: 50px;
margin-right: 1.5em;
padding: 0 .5em;
}

.documentsInfo .quiet {
text-align: center;
}

#JobAddForm .right {
float: right;
}


#JobSubject {
cursor: no-drop;
}

/* ------- News Styles -------*/
.childdate, .childlocation {
font-weight: bold;
color: #bbb;
}




/* ------ Photo & File Styles ------- */

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
	vertical-align:middle;
}

#attachedFiles li {
	list-style: none;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb, .staffThumb, .staffImage {
	float:left;
	margin-bottom:1.5em;
	margin-right:1em;
	display:none;
}

.content p img, #main p img  {
border:4px solid #dadbdd !important;
margin: 0 15px 15px 15px;
}

.content {
font-size: 1.2em;
}

#latest-news img {
margin-right: 15px !important;
margin-left: 0px !important;
}

#latest-news p {
font-size: 1.1em;
}

.imageThumb {
	display:none;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}


 


#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url(../img/overlay.png) repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}



/* ------ Calendar/events stuff here -------*/

.calendar #calendar_display .calendar table {
height: 400px;
}

.calendar #calendar_display .calendar thead .title {
height: 30px;
font-size: 2.5em;
}

.calendar #calendar_display .calendar .headrow td {
font-size: 14px;
height: 10px;
}

.calendar .calendar tbody .day {
font-size: 2.5em;
}

.monthBanner {
padding-top: 10px;
border-top: 3px double #EEEEEE
}

/* ------ Minor Div Styles begin here ------ */



.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
	color: #aaa;
	clear: both;
}

.paginatorControl .disabled {
	color:#aaa;
}

.pageCounter {
float: left;
}


.last {
	border-bottom: 0px;
}

#TB_window a {
outline: none;
}


/* ------ WebTree Styles ------ */
#flashMessage {
	background-color: #fff266;
} 

/* -------- Mail Dart Sign-up Form Style ------ */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 




/* --------- HOME PAGE SLIDESHOW ANIMATED STYLES-----*/

#splash { 
	width: 950px; 
	height: 385px; 
	overflow: hidden; 
	position: relative;}

#main-buttons { }

#splash .slide {  
	width: 950px; 
	height: 385px; 
	overflow: hidden; }

#splash .slide .overlay { 
	background:url('../../img/transBlack.png'); 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	display: block; 
	height: 60px;
	padding: 20px;
	z-index: 1000;
	}

#splash .slide .overlay h4 { 
	color:#fff;
}

#splash .slide .overlay h4 a {  
	outline: none;
}

#splash .slide .overlay p { }

#splash .slide .overlay h4 a:hover { }

#slide-numbers {
	position: absolute;
	bottom: 60px;
	right: 30px;
	z-index: 1000;
}

#slide-numbers a { 
	outline: none;
	margin: 0 0 0 3px;
}

#slide-numbers a:hover { }

#slide-numbers a.activeSlide { 
	color: white;
}

.slidecaption { 
	color: #888;
}



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

h1.sIFR-hasFlash  {
visibility: hidden;
}

.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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

#navul li ul li .sIFR-flash {
visibility: hidden !important;
}



.apply {
background: url('../img/apply-bg-main.jpg') center right no-repeat;
padding: 5px 30px 5px 8px;
}

.apply:hover {
background: url('../img/apply-bg-main_hover.jpg') center right no-repeat;
padding: 5px 30px 5px 8px;
}

a.apply {
color:#fff;
}

a.apply:hover, a.apply:focus {
	color:#8cc456;
}

.viewss {
height: 30px;
}


.viewss span {
color: #387937;
font-size: 2.5em;
margin-left:10px;
float:left;
}

.ssimg {
background: url('../img/viewslideshow.gif') no-repeat top left;
width:28px;
float:left;
}

.ssimg:hover {
background: url('../img/viewslideshow_hover.gif') no-repeat top left;
}

#related_image_slideshow_link p {
clear:both;
margin-top: 5px;
}

#related_image_slideshow_link {
padding-left:15px;
padding-right:30px;
padding-bottom: 25px;
background: url('../img/sidebarspacer.jpg') no-repeat bottom left;
}
	
p.fineprint {
font-size: .75em;
line-height:1.25em;
}

hr {clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none; border-top: 1px solid #dadbdd; border-left: 0px; border-right: 0px; border-bottom: 0px;
}

td {
padding:0px;
}
.PageContent td {
padding-right:20px;
}



#main table {
width:587px;
}

tr.PageContent {
width:auto;
}

#main table table.form-acct {
width:139px;
}
#main table table.form-loc {
width:300px;
}
#main table table.form-service {
width:142px;
}

a.top {
float:right;
}

input:hover {
border:1px solid #387937;
}

input {
color:#387937;
font-size:1.5em;
}

input.signup-submit {
background: transparent url('../img/form-signup.gif') no-repeat bottom left;
margin: 0;
  padding: 0;
  border: 0;

width:103px;
height:38px;
margin-right:20px;
border:0px;
text-indent:-1000px;
color:transparent;	
display:block;
float:right;
margin-bottom:20px;
}

input.signup-submit:hover {
background: transparent url('../img/form-signup-hover.gif') no-repeat bottom left;
cursor:pointer;
}

input.signup-reset {
text-transform:uppercase;
color:#333;
background-color:#fff;
display:block;
  border: 1px solid #aaa;
width:94px;
height:38px;
margin:0px 20px 0px 0px;
padding: 10px 8px 10px 25px;

float:right;
margin-bottom:20px;
font-size:1.25em;
}

input.signup-reset:hover {
cursor:pointer;
color:#aaa;
}



#relatedSectionLinks li.signup-sidebar a {
background: transparent url('../img/signup_sidebar.gif') no-repeat right center;
display:inline-block;
padding-right: 20px;
padding-left: 5px;
}

.signup-sidebar a {
color:#fff;
font-weight:bold;
}

#relatedSectionLinks li.signup-sidebar a:hover {
background: transparent url('../img/signup_sidebar_hover.gif') no-repeat right center;
cursor:pointer;
padding-right: 20px;
padding-left: 5px;
display:inline-block;
}

.signup-sidebar a:hover {
color:#8cc456;
}

.hovertip {
    position: absolute;
    padding: 3px 8px 2px 8px;
    top:-15px;
    left:-15px;
    z-index: 2;
    max-width: 300px;
	font-size:1em;
    color: #387937;
    background: #fff;
    border: 0px;
    font-weight:bold;
    border:4px solid #dadbdd;
}

.hovertip2 {
    position: absolute;
    top:-15px;
    left:-15px;
    padding: 3px 8px 2px 8px;
    z-index: 2;
    max-width: 300px;
	font-size:1em;
    color: #3179c3;
    background: #fff;
    border: 0px;
    font-weight:bold;
    border:4px solid #dadbdd;
}

.hovertip_grey {
    position: absolute;
    top:-15px;
    left:-15px;
    padding: 3px 8px 2px 8px;
    z-index: 2;
    max-width: 300px;
	font-size:1em;
    color: #6c6c6c;
    background: #fff;
    border: 0px;
    font-weight:normal;
    border:4px solid #dadbdd;
}