@charset "utf-8";

/* Main Structure --------------------------------------------------------------  */



* { margin:0; padding:0 }

body { font-family: Arial, Helvetica, sans-serif; background-color: #323c49; font-size:78%; color:#5C5C5C }

#pagewrap { width:990px; margin:60px auto 0 auto; padding:0; background-image: url(../img/page.png); background-repeat: repeat-y; background-position:center top }

#page { width:960px; margin:0 auto; }

#mainphoto {

	width:960px;

	height:399px;

	margin:30px auto;

	text-align:center;

	background-image: url(../img/mainphoto_50.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	border:solid 1px #CCC;padding:20px 0;

}

#nav { width:960px; height:20px; margin:0 auto; padding:10px 8px; background-color: #E8E8E8; }

#welcome { width:630px; display:inline; float:left; margin:0 10px 0 0; position:relative }

#news, #connect { width:320px; display:inline; float:left; padding:0 0 10px 0; position:relative; }

#news { background-color: #E6E6E6; }

#contribute, #volunteer { width:310px; display:inline; float:left; margin-right:10px; position:relative }

#bottom { width:990px; height:16px; margin:0 auto; padding:0; }

#footer-details { width:960px; margin:30px auto; padding:10px; border: 1px solid #5F728B; text-align:center; color:#8DA3AD }

.newsitem { padding:0; margin:0 8px; background:#fff }

.newsitem a { font-size:1em; color:#3D73A9; display:block; font-weight:700 }

.newsitem a:hover, a:active { color:#2E5781 }

div.newsitem p { padding:5px; margin:0 0 8px 0; line-height:1.5em }

#pc { width:960px; margin:15px auto; text-align:right; color:#8DA3AD; font-size:.9em }

.facebook { text-align:center }

.facebook img { border:0 }

#pc a { color:#64929B }

iframe { border: 0px solid #ffffff; }

.endorsement { width:300px; float:left; display:inline }

.margin-20 { width:20px; float:left; height:1px }

div.endorsement ul { margin:0 0 1.2em .3em; padding:0 }

div.endorsement ul li { list-style:none; list-style-imagine:none; margin:0 0 0.3em }

div.press-release ul { margin:0 0 1.2em 0; padding:0 }

div.press-release ul li { list-style:none; list-style-imagine:none; margin:0 0 0.5em }

img a { border:0 }

dl { padding:3px }

dt { line-height:1.4em; }

dd { line-height:1.4em; margin:0 0 1em 0 }

div#newslist ul { margin:0; padding:10px }

div#newslist ul li { list-style:none; list-style-imagine:none; margin:0 0 0.5em 0 }

#space {height:20px}

.mright {margin-right:10px}



/* Navigation--------------------------------------------  */



ul#menu { list-style-type:none; margin:0; padding:0 }

ul#menu li { float:left; display:inline; font-size:1.6em; font-family: Georgia, "Times New Roman", Times, serif; }

ul#menu li a { padding-left:50px; color:#827D7D; text-decoration:none; outline:none }

ul#menu li a:hover, ul#menu li a:active { color:#6182B8; text-decoration:none; }

/* Image Replacement--------------------------------------------  */



h1.top { width:990px; height: 124px; text-indent:-9999px; background-image:url(../img/header2.png); margin:0; padding:0; background-repeat: no-repeat; }

#mainphoto img { margin:265px 0 0 565px;outline:none}

h6.page-bottom { width:990px; height:16px; background-image: url(../img/bottom.png); background-repeat: no-repeat; }

.small-photo { padding:10px; border:1px solid #CCC; }

.centerimg { text-align:center }

/* TYPOGRAPHY--------------------------------------------  */



/* Headings -------------------------------------------------------------- */



.content h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #525252; }

.content h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em }

.content h2 { font-size: 2em; margin-bottom: 0.5em }

h2.title { color:#fff; background:#24608a; padding:.3em .2em; font-family:Georgia, "Times New Roman", Times, serif }

.content h3 a { font-size: .9em; line-height: 1; margin-bottom: 0em; text-transform: uppercase; text-decoration:none; color: #5d9f2c; font-weight:bold }

.content h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: .8em; font-weight:bold; color: #47688F; }

.content h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em }

.content h6 { font-size: 1em; font-weight: bold }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }

/* Text elements -------------------------------------------------------------- */



.content p { margin: 0 0 1.5em }

p { line-height:1.6em }

p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0 }

p img.right { float: right; margin: 1.5em 0 1.5em 1.5em }

a:focus, a:hover { color:#2E5781 }

a { color:#3D73A9; text-decoration: underline }

.content blockquote { margin: 1.5em; color: #666; font-style: italic }

.content strong { font-weight: bold }

em, dfn { font-style: italic }

dfn { font-weight: bold }

sup, sub { line-height: 0 }

abbr, acronym { border-bottom: 1px dotted #666 }

address { margin: 0 0 1.5em; font-style: italic }

del { color:#666 }

pre { margin: 1.5em 0; white-space: pre }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5 }

/* Tables -------------------------------------------------------------- */



table { margin-bottom: 1.4em; width:100% }

th { font-weight: bold }

thead th { background: #c3d9ff }

th, td, caption { padding: 4px 10px 4px 5px }

tr.even td { background: #e5ecf9 }

tfoot { font-style: italic }

caption { background: #eee }

/* Misc classes -------------------------------------------------------------- */



.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }

.hide { display: none }

.quiet { color: #666 }

.loud { color: #000 }

.highlight { background:#ff0 }

.added { background:#060; color: #fff }

.removed { background:#900; color: #fff }

.first { margin-left:0; padding-left:0 }

.last { margin-right:0; padding-right:0 }

.top { margin-top:0; padding-top:0 }

.bottom { margin-bottom:0; padding-bottom:0 }

.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0 }

/*==================================BLOG COMMENT FORM



*/



#commentform { }

#commentform .submit { background:#c46343; color:#fff; font-weight:bold; text-transform:uppercase; font-size:11px; cursor:pointer; text-align:center; width:80px; height:25px; line-height:25px; border:none; }

#respond input { height:25px; }

#respond textarea { width:545px; }

#respond input, #respond textarea { border:1px dashed #d2d2d2; font-size:11px; color:#505050; font-family:Arial, Helvetica, sans-serif; }

/*==================================CONTACT FORM



*/



#contact-wrapper { border:1px dashed #d2d2d2; background:#f7f7f7; padding:10px 20px 20px 20px; }

#contact-wrapper div { clear:both; margin:1em 0; }

#contact-wrapper label { display:block; float:none; width:auto; }

form#contactform input { border:1px dashed #d2d2d2; font-size:11px; color:#505050; font-family:Arial, Helvetica, sans-serif; height:25px; }

form#contactform textarea { border:1px dashed #d2d2d2; font-size:11px; color:#505050; font-family:Arial, Helvetica, sans-serif; width:525px; }

form#contactform .submit { margin-top:20px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:11px; cursor:pointer; text-align:center; width:80px; height:25px; line-height:25px; border:none; background-color: #025E80; }

.error { color:#FF0000; }

.success { color:#009900; }