/* LAST UPDATED 03.10.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #24aed0 url('/images/backgrounds/bkgd.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #595959;
}

p, ul, ol { padding: 0 0 14px 0; }

a {
	color: #ef9300;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #0092cf; }


a.blue	{color: #0092cf;}
a.blue:hover { color: #ef9300; }


a img { border: 0; }

.small { font-size: 90%; }

#footer a	{
	color: #fff;
	}

ul, ol { margin-left: 40px; }

ul.arrows { list-style: none; }
ul.arrows li {
	background: url('/images/li-arrows.gif') 0 5px no-repeat;
	padding: 0 0 3px 17px;
}

ul.arrows li a {
	color: #366492;
	text-decoration: none;
}
ul.arrows li a:hover { color: #ef7503; }

.right { float: right }
.left { float: left }
.center { text-align: center }

.bold 	{
	font-weight: bold;
}


.photo {
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
}

.photo .right	{
	margin: 0 0 10px 10px;
}

.photo .left	{
	margin: 0 10px 10px 0;
}

.donatebutton	{
	display: inline-block;
	text-align:center;
	font: bold 1.1em arial;
	text-decoration:none;
	padding: 10px;
	background-color: #dedede;
	border: 1px #369afe solid;

}

.address	{
	margin-top: -10px;
	margin-left: 10px;
	padding-top: 0;
}

.nl_container	{
	clear:both;
}
.newsletter-thumbs	{
	width: 85px; 
	display: inline;
	padding: 5px 0 0 6px;
	float: left;  
}

.left{
	float: left;
}

.right{
	float: right;
}
.underline {
	text-decoration: underline;
}

.indent	{
	margin-left: 35px;
}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul {
	z-index: 100;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 10em;
	text-align:center;
	font: bold 1.1em 'Trebuchet MS', Helvetica, sans-serif;
	background: url('/images/page-elements/nav-divider.jpg') top right no-repeat;
}

#nav li a {
	display: block;
	margin-top: 5px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #5a5a5a;
	width: 10em;
	}

/*  Dropdown menus */

	#nav li ul {     
		position: absolute;
	    width: 10em;
	    left: -999em; 
	     } 

	#nav li:hover ul, #nav li.sfhover ul {     
		left: auto; 
		padding-top: 7px;
		}
	
	#nav li ul li	{
	display: block;
	width: 10em;
	text-align:left;
	padding: 5px 15px;
	font: normal 11px/1em arial;
	background-color:#e1e1e1;
	background-image: none;
	border-bottom: 1px solid gray;
	border-collapse:collapse;
}


#nav li a:hover, #nav li a.current { color: #0092cf; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 1100px;
	background-image: url('/images/backgrounds/masthead.png');
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	#InnerWrap	{
	margin: 0 75px;
	width: 900px;
	padding: 0 25px;
	background: url('/images/backgrounds/InnerWrap.png') center top;

	}

	#header {
		width: 900px;
		height: 161px;
		margin: 0 100px;
		overflow:hidden;
	}

		
		.donate {
			position: absolute;
			margin: 0px -5px 0 828px;
			z-index: 500;
		}


	 #nav {
            padding: 10px 0;
             clear:both;
             height: 31px;
        }
        
        #logo { height: 120px; }

	#content {
		margin:0;
		padding: 0;
		background: #fff;
		overflow:auto;
		background: url('/images/backgrounds/sidebar_bkgd.gif') top right repeat-y;
	}
	
		#mainContent {
			float: left;
			width: 540px;
			padding:  0 30px;
			line-height: 1.4em;
			padding-bottom: 30px;
		}
		
			#breadcrumbs	{
				clear:both;
				height: 35px;
				width: 100%
				}
				
			#breadcrumbs a	{
				color: #076293;
				padding: 0 5px;
			}
			
			#breadcrumbs a:hover	{
				color:#cc6633; 
			}
			
				#mainContent .viral {
					position: relative;
					top: 0;
					right: 20px;
					font-size: .75em;
					background: #fff;
					padding: 7px 11px;
					text-align:right;
			}
					a.email {
						padding-left: 16px;
						background: url('/images/page-elements/email.gif') 0 3px no-repeat;
					}

					a.print {
						margin-left: 7px;
						padding-left: 14px;
						background: url('/images/page-elements/print.gif') 0 3px no-repeat;
						
					}	
			.factsheet	{
				width: 100px;
				height: 150px; 
				padding: 10px; 
				float:right;
				}
		
		.pullbox	{
			margin: 10px;
			padding: 10px;
			width: 200px;
			width: 200px;
			float: right;
	 		border: 2px solid  #006699;
	 		background-color: #fefefe;
			}
		
		.pullbox hr	{
			text-align:center;
		}
		
			#partners	td{
				padding: 10px;
				border-top: 1px solid #d0d0d0;
			}
			
			#partners	td.partner_level{
				padding: 10px;
				padding-top: 30px;
				color: #0092cf;
				/*border-bottom: 1px solid #d0d0d0;*/
				border-top: none;
				font-size: 1.2em;
				font-weight:bold;
			}

			
			#partners	td.logos{
				border-bottom: none
				}
				
				.yellowbox	{
					padding: 5px 20px;
					background-color: #fffe58;
				}
				
				.yellowbox a	{
					color: #0092cf;
				}
		#topcontent	{
			height: 339px;
			overflow:auto;
		}


				#mainbanner { 
					width: 600px;
					height: 338px;
					padding-top: 1px;
					float: left;
					z-index: 5;
				}

			#secondContent {
				clear:both;
				overflow:auto;
			}
			
			.col	{
				width: 240px;
				padding: 20px 30px;
				float: left;
				background: url('/images/backgrounds/content-box-divider.gif') top right no-repeat;
			}


				.divider {
					height: 21px;
					margin: 10px 0;
					background: url('/images/bg-divider.gif') top center no-repeat;
				}
				
				
				#areaclubs	{
					list-style-type:none;		
					}
					
				#areaclubs li	{
				padding-bottom: 15px;
				}
				
				.store_city	{
					font: bold 1.1em Arial;
					color: #0092cf;
					}
				#factsheet	{
					width: 120px;
					position:absolute;
					top: 530px;
					left: 750px;
					}
				.nl_container	{
					clear:both;
				}
				
				.newsletter-thumbs	{
					width: 85px; 
				display: inline;
				padding: 5px;
				float: left;  
				}

							
			#sidebar {
				float: right;
				padding-top: 1px;
				width: 300px;
			}

			#sidebar p { padding: 0 0 20px; }
			
								/* ###########  Articles Styles  ############# */
					
					.byline	{
						color: #076293;
					}
					
					.subheadline	{
					font-weight:bold;
					font-style:italic;
					color: #0092cf;

					}
					
					ul.articlelinks	{
						list-style-type:none;
						color: #000;
						}
						
						
					ul.articlelinks	li	{
						list-style-type:none;
						color: #000;
						}
						
					ul.articlelinks .articletitle	{
							font-size:1.1em;
							font-weight: bold;
							text-decoration:none;
							}
						
					.author	{
						
						margin-bottom:10px;
					}
					
					.authorblurb	{
						font-style:italic;
						font-size: .9em;
						border-top: 1px solid #cccccc;
						padding-top: 5px;
					}	
					
					
					.authorphoto	{
					float: left;
					margin: 0 8px 10px 0;
					padding: 1px;
					background-color: #ffffff;
					border: 1px gray solid;
					}

			
				
				/* ############  Calendar of Events  #############  */
								
		ul.eventlist	{
			text-decoration:none;
			margin:0;
			padding:0;
		}

		ul.eventlist li	{
			list-style-type:none;
			margin-bottom: 20px;
		}

		.eventtitle	{
			font-size:1.1em;
			font-weight: bold;
			color: #356492;
		}

		.eventdate	{
			color: #666666;
			margin-top:-10px;
		}		
		
		
		
			/* ############  Newsletter Archive  #############  */

		
#archives 	{
	display: block;
	}
	
#archives ul	{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#archives li{
	float: left;
	text-align: left;
	vertical-align: top;
	width: 100px;
	height: 70px;
	padding: 10px;
	padding-top: 110px;
	margin: 20px 10px;
	background-color: #dedede;
	background-image: url('../images/content/news/thm_ebulletin.gif');
	background-position: center 10px;
	background-repeat: no-repeat;
}

#archives li a	{
	text-decoration: none;
	width: 100px;
	display:block;
	position:relative;
	margin: 0;padding:0;
	margin-top: -100px;
	padding-top: 100px;
}


/* ############  END SPECIALTY STYLES  #############  */

#footer {
	margin: 0 auto;
	width: 950px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	background: url('/images/backgrounds/footer-bkgd.png') center top no-repeat;
	padding: 37px 25px;
}


.ftContact	{
	float:right;
	margin: -37px 24px 0 0;
}
/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

.stafflist{
	
margin-top: 20px;

}

.stafflist th	{
	color: #9f0000;
	padding-bottom: 10px;
	text-align:center;
}

.stafflist td	{
	padding-bottom: 5px;
	font-size:small;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
}

#sign-up {
	width: 286px;
	height: 69px;
	padding: 60px 6px 8px 8px;
	margin-top: 1px;
	background-image:url('/images/backgrounds/e-signup_bkgd.jpg');
	background-position:center top;
	}

#sign-up .textBox {
	margin: 0;
	padding: 4px 3px;
	width: 130px;
	border: 1px #aaa solid;
}

#sign-up .email{
	margin-top: 10px;
	float: left;
	width: 200px;
	}
	
.submitButton	{
	margin: 0 0 0 10px;
}

#contactform	{
	width: 100%;
	padding: 10px;
	background-color:#dedede;
	border: 1px solid black;
}
.bigred	{
	color: #9f0000;
	font-weight: bold;
}

.additional 	{
	display: none;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	color: #0092cf;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

	#logo h1 { display: inline;}

	#logo h1 a {
		display: block;
		padding: 50px 0 0 30px;
		width: 270px;
		height: 55px;
		text-indent: -4440px;
	}
	

h2 { font-size: 16px; }

	#content h2 {
		font-size: 16px;
	}

h3 { font-size: 18px; }

	#content h3 {
		font-size: 15px;
		color: #0092cf;
	}

	#sign-up h3 {
		text-indent: -4440px;
			}
			
		.pullbox h3	{
	background-color:#dedede;
	margin: -10px -10px 0 -10px;
	padding-top: 5px;
	line-height: 1.4em;
}

h4 { font-size: 16px; }