/*=RESET
=== === === === === === === === === === ===
=== === === === === === === === === === === */

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;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {line-height: 1; font-size:62.5%;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/*=STRUCTURE
=== === === === === === === === === === ===
=== === === === === === === === === === === */

#wrapper {width:955px; background:#fffef8; margin:0 auto;}

#maincontent {padding:0 45px; /* min-height:640px; */}

/*body{background:url('../images/tileBG.jpg') repeat-x #fff; background-color:#E0E5E9;}*/

body{background:url(/images/children-background.jpg) no-repeat top center fixed; background-color:#E0E5E9;}

hr{clear:both; visibility:hidden;}

span.graphHR{display:block; background:url('../images/horDiv.jpg') no-repeat; height:10px; clear:both;}

#panelLeft, #panelRight {float:left;}

#panelLeft {width:612px;}

#panelLeft h3 {margin-top:10px;}

#panelRight {width:230px; padding:0px 0 0 20px;}

#panelRight form {margin-bottom:10px; height:25px;}

#panelRight form p{margin:0; padding:0;}

#header {padding:0 45px; background:url('../images/headerBG.jpg') no-repeat transparent 3px 0;}

ul#posts {width:300px; padding-left:30px; float:left; background:url('../images/verDiv.jpg') top left no-repeat;}

ul#posts li {margin-bottom:20px; margin-right: 30px;}

#leftSec {clear:both; margin-top:15px;}

#leftSec p, #leftSec img {float:left;}

#leftSec p {width:290px; padding:0 20px; min-height:200px; height:auto !important; height: 200px;}

#leftSec p span {color: #4A6A8E; font-weight:bold;}

#leftSec p a {font-size:1.0em; color:#2E577E;}

#homePage #leftSec p {padding-left: 0; padding-right: 10px;}

#header {height:135px;}

#header h1 {text-indent:-9999px;}

#header h1 a {display:block; height:100px; width:200px; background:url('../images/logo.png') no-repeat 0 0; position:relative; top:30px;}

input.searchBar {height:18px; width:138px; margin-right:5px; margin-left:3px; float:left;}

input.searchButton {float:left; margin-top:-1px;}

#footer {background:url('../images/footer.png') top left no-repeat; height:75px;}

#footer ul {padding:50px 35px 0 40px;}

#footer ul li {margin-right:30px;}

#footer ul li.motionlab {margin-right:20px;}

#panelLeft {background:url('../images/verDiv.jpg') repeat-y right; padding-right:30px; width:582px;}

body#homePage #panelLeft {background-image:none; padding-right:0; width:612px;}

.post{ border-top:10px solid transparent; background:url('../images/horDiv.jpg') no-repeat bottom; padding-bottom:10px;}

.postTitle{display:block;font-weight:bold;color:black;font-size:1.7em;margin-top:15px; margin-bottom:5px;color:#13375b;text-decoration:none;}

.postTitle a{display:block;font-weight:bold;color:black;font-size:1.2em;margin-top:15px; margin-bottom:5px;color:#13375b;text-decoration:none;}

.postTitle a:hover{text-decoration: underline; color:#000000;}

.postDate{display:block;font-weight:normal;color:#777;margin-bottom:8px;margin-top:2px;}

a.readMore{margin-top:-10px;display:inline;float:left;color:#00aaaa;}

.post p{float:left;width:370px;}

/*=LINKS MENUS & LISTS  
=== === === === === === === === === === ===
=== === === === === === === === === === === */

a {font-size:1.3em;}

#navigation ul li, #footer ul li, #breadCrumb li{float:left;}

#navigation ul#mainNav {background:#4A6A8E; height:39px; font-weight:bold;}

#mainNav li a {font-size:1.4em; text-decoration:none; /* background:url('../images/linkAcW.png') repeat-x; */}

#mainNav li a:hover {color:#fff;}

#mainNav li {margin:14px 4px 0px 18px;}

#mainNav li.first {margin-left:0;}

#mainNav li.last {margin-right:0;}

#breadCrumb li.first {margin-left:35px;}

#mainNav li a {text-transform:uppercase; color:#fff;padding:5px 5px 3px 5px; text-shadow: 2px 1px 0px #000000;
filter: dropshadow(color=#000000, offx=2, offy=1);  }

#mainNav {padding:0 45px 0 45px;}

#breadCrumb{background:#F4F5FA; height:20px; margin-bottom:15px; width:955px;}

#breadCrumb li.first {margin-left:50px;}

#breadCrumb li {margin-left:10px; margin-top:8px;}

#breadCrumb li a {color:#637f99; text-decoration:none; font-size:1.1em;}

#breadCrumb li a:hover {color:#222;}

#breadCrumb {margin-top:-12px; height:30px; font-size:1.1em;}

#tabNav {margin-top:20px;}

#tabNav li {margin-bottom:4px;}

#tabNav li a {display:block; height:35px; width:210px; font-size:1.4em; background:url('../images/heal-button.png') repeat-x 0 0; padding:12px 5px 8px 20px; text-decoration:none; color:#fff; font-weight:100; font-family: "adobe-garamond-pro" !important;}

#tabNav li a:hover {background:url('../images/heal-button.png') no-repeat 0 -54px; color:#fff; cursor:pointer;}

#tabNav li a span {display:block; color:fff; font-weight:normal; margin-top:4px; cursor:pointer; font-family:'Helvetica', Arial, Verdana, sans-serif; font-size:13px; }

.feedsLink {display:block; height:45px; width:221px; background:url('../images/heal-button.png') repeat-x 0 0; /* text-indent:-9999px; */ position:relative; top:-70px; left:630px; color: #fff; padding-left:15px; padding-top:10px; text-decoration: none; font-family: "adobe-garamond-pro" !important; font-size:17px; }

.feedsLink:hover {background:url('../images/heal-button.png') no-repeat 0 -55px;}

.feedsLink span {display: block; margin-top:5px; font-family:'Helvetica', Arial, Verdana, sans-serif; font-size:14px;}

.reg {display:block; height:18px; width:228px; /* background:url('../images/reg.jpg') no-repeat; */ /* text-indent:-9999px; */ position:relative; top:-64px; left:630px; font-family: "adobe-garamond-pro"; color: #4A6A8E; font-size: 15px; }

ul#posts li p a {display:inline; color:#00aaaa; text-decoration:none; font-size:1em;}

#footer ul li a {text-decoration:underline; color:#fff;}

.panelWidg {padding:5px 5px 0px 10px; margin-top:20px;}

.panelWidg img {margin:5px 10px 5px 0; float:left; padding:4px; background:white; border:1px solid #ccc;}

.panelWidg h4 {padding-bottom:7px; margin-bottom:2px; background:url('../images/horDiv.jpg') repeat-x 100% 80%;}

.panelWidg p a, #panelLeft p a {color:#00aaaa; font-size:1em; margin-left:5px; color:#0040F2; color:#2e577e;}

 #panelLeft p a{margin-left: 0;}

.panelWidg h4 a {color:#2e577e; display:block; font-size:1.4em; float:none; text-decoration:none;}

ul.pagLinks{margin:30px 0; height:40px;}

ul.pagLinks li{float:left; margin-right:40px; color:#2e577e;}

ul.pagLinks li.newer{float:right; margin-right:0;}

ul.pagLinks li a{display:block; background:url('../images/tape3.png') no-repeat transparent; padding:8px 25px 15px 18px; color:#2e577e;}

#panelLeft a{text-decoration: none;}

object{margin:10px 0 20px 0; display:block;}

body#aboutPage li#about a , body#sponsorPage li#sponsor a, body#helpPage li#help a, body#newsPage li#news a, 
body#projectPage li#projects a, body#contactPage li#contact a
{
color:white; /* background:url('../images/linkAc.png') repeat-x; */
}

ul.linksList li{margin-bottom:4px;}
ul.linksList li a, #panelLeft a {color:#2e577e;}

.search{font-family:"Helvetica Neue", 'Helvetica', Arial, Verdana, sans-serif; font-size:1.3em; margin-bottom:1.3em; line-height:1.3em; color:#444; white-space:normal;}

.social {    display: block; float: left; margin-left: 530px; margin-top: -55px;}
.social ul {}
.social ul li {float:left;}
.social ul li a {display:block; margin-right:10px;}
.social ul li a.facebook {background:url("../images/facebook.png") no-repeat 0 0; height:30px; width:30px; display: block; text-indent: -9999px;} 
.social ul li a.twitter {background:url("../images/twitter.png") no-repeat 0 0; height:30px; width:30px; display: block; text-indent: -9999px;}


/*=FONTS
=== === === === === === === === === === ===
=== === === === === === === === === === === */

body {font-family:"Helvetica Neue", 'Helvetica', Arial, Verdana, sans-serif;}

p {font-size:1.3em; margin-bottom:1.3em; line-height:1.3em; color:#444;}

h1 {}

h2.sifr {font-size:2.7em; padding-bottom:7px; margin-bottom:15px;text-indent:-5px; /* background:url('../images/horDiv.jpg') 60% 100% repeat-x; */ font-family: "adobe-garamond-pro"; color: #4A6A8E; font-weight: normal;}

body#homePage h2.sifr {margin-bottom:12px; font-family: "adobe-garamond-pro"; color: #4A6A8E; font-weight: normal;}

h3.sifr {font-size:2.1em;text-align:left;line-height:1.4em;height:2.6em;/* background:url('../images/flowers.jpg') no-repeat 50% 101%; */ font-family: "adobe-garamond-pro"; color: #4A6A8E; font-weight: normal;}

h4.sifr {font-size:2.4em; padding-bottom:7px; margin-bottom:15px;text-indent:23px; font-family: "adobe-garamond-pro"; color: #4A6A8E; font-weight: normal;}


ul#posts h4 a {color:#2e577e; margin-bottom:12px; font-size: 1.3em; line-height:1.3em; display:block; text-decoration:none;}

ul#posts h4 a:hover {text-decoration:underline;}

p.intro {font-style:italic; color: #2e577e; margin:20px 0;}

.formError{color: #B30100; font-weight: bold; font-size:1.2em; clear:both;}

/* ========================== NEW ========================== */

ul.galleryList li{margin:10px 0;}

ul.galleryList li a{color:#2e577e;}

h2#photoGallery, h2#videoGallery{
font-size:1.4em;
margin-top:20px;
background:url('../images/tape2.png') repeat-x transparent;
padding:8px 8px;
padding-top:10px;
margin-left:-5px;
color:#2e577e;
}

.checker
{
	display:none;
}

.homepagevid
{
	/* background:transparent url(../images/navBG.png) repeat; */ width:615px;text-align:center; display:block; border:none; padding-top:9px; height:289px;
}

.slideshow {width:620px; height:289px;}


/* homepage twitter box - ultimate hack */

.twitter-box {margin-top: 60px; float: right; width: 225px;}
.twitter-box h2 {font-size: 18px; margin-bottom: 5px !important;}

.twitter-box ul {list-style-type: none; margin: 0; padding: 0;}
.twitter-box ul li {margin-bottom: 40px; background: #F4F5FA; border-radius: 10px; -moz-border-radius: 10px; padding: 10px; margin-left: -10px; position: relative; font-size: 1.1em; font-style: italic; line-height: 1.6em; color: #444;}
.twitter-box ul li a {font-size: 1em; font-style: italic; line-height: 1.6em; color: #2E577E;}
.twitter-box ul li .time {display: block; font-style: normal; text-decoration: none; font-weight: bold;}

	/* make speech bubble arrow */
.twitter-box ul li:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:15px; /* controls horizontal position */
	border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#F4F5FA transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.address {margin-top: 25px;}
.address h3 {margin-bottom: 15px; line-height: 1em !important; height: auto;}
.address p {line-height: 1.4em;}
.address p strong {color: #4A6A8E;}
