@import url("sIFR-screen.css");
@import url("menu.css");

/* GLOBAL ------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

html {
	background-color: #008ece;
	background-image: url(../images/backSky.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	z-index: -5;
}

#backLines {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/backLines.png);
	z-index: -3;
}

a {
text-decoration: none; color: #0093d0;
border: 0;

}
a:hover {text-decoration:underline;}


p {padding-bottom: 1em;}

h1 {
	color: #008ece;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif; padding: 20px 0;
}

h1 a {font-size:.83em; text-transform:none;}

.box {background-color: #008ece; color: white; padding:10px; text-transform:uppercase; display: inline; margin:40px 0;}
.box:first-child {margin-top:0;}

.heading {
	color: #008ece;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif; padding: 40px 0 20px;
	text-transform:uppercase;
}
h2 {padding: 20px 0;}
img {border: none;}
.listindent {list-style-type:none;}
.listindent li {margin-left: 3em; list-style-type: none;}

.horizontal {background-image:url(../images/line.gif); width: 100%; margin: 10px 0 10px 0;}

#search {text-align:right; margin-right: 25px;}
#search1 {text-align:right; margin-right:25px; padding-top:5px;}
.italic {font-style:italic;}
.maintitleimage {padding-bottom: 10px;}
.maintitleimage1 {margin-left: 44px;}
.lists li {margin-left: 30px;}
.left {float: left; margin-right: 15px;}
.side {float:right; width:200px;}

/* HIDDEN------------------------------------------------------------------------------*/

.hidden {
	display: none;
}

/* SEARCH------------------------------------------------------------------------------*/

#cse-search-results {width: 0;}
#res {width: 0;}



/* MENU STYLES ------------------------------------------------------------------------*/

#nav {padding: 0; margin: 0 auto; margin-left: 25px; list-style:none; color:#0093d0; font-size: .95em; font-family:Arial, Helvetica, sans-serif;}
#nav li {float: left; position: relative;}
#nav li ul {display: none; position: absolute; top: 3em; left: 0; background-color:#f0efef; text-align:left; width: 15em;}
#nav li > ul {top: auto; left: auto;}
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li:hover ul a, #nav li.over ul a{ display: block; padding-left: .5em;}
#nav li ul li {display: block; padding-bottom: .25em; padding-top:.25em; border-bottom: 1px solid white; width: 100%;}
#nav li ul li:hover, #nav li ul li.over {background-color: #dedede;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#homeimg {position:absolute; top: 0px; left: 20px;}

/* HEADER------------------------------------------------------------------------------*/

#header {
	background-image: url(../images/headerBack.png);
	width: 750px;
	height:250px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}

#topNavMain {
	position: absolute;
	top:27px; left: 4px;
	width: 720px;
	margin: 0 auto;
	font-size:.95em;
	z-index: 10;
}


#headerImage {
	background-image: url(../images/headerImage.gif);
	width: 697px;
	height: 206px;
	margin: 35px auto 0 auto;
	position: relative;
}




#bottomLine {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	padding: 2px;
	position: absolute;
	top: 212px;
	left: 0;
	height: 2px;
	width: 697px;
	margin: 0 auto;
}



#lineTwo {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	width: 697px;
	height: 2px;
	position: absolute;
	top: 260px;
	left: 27px;
}



#menubar li {list-style-type: none; float: left; margin: 12px .7em 0 .5em; color: #0092d3;}
#menubar li a {color: #0092d3; text-decoration: none;}
#menubar li a:hover {text-decoration: underline; color:#8ec73c; }



/* SECONDARY NAV-----------------------------------------------------------------------*/

#secondaryLinks {
	width: 700px;
	height: 215px;
	margin: 0 auto;
	
	padding-bottom: 15px;
	margin-left: 24px;
	position: relative;
}
#lineThree {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	width: 697px;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0;
}
#subNav01 {
	background-image: url(../images/subNav01.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 222px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
}

#subNav02 {
	background-image: url(../images/subNav02.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 222px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
}

#subNav03 {
	background-image: url(../images/subNav03.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 222px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
}

#subNav04 {
	background-image: url(../images/subNav04.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 222px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
}

#subNav05 {
	background-image: url(../images/subNav05.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 222px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
}

#subNav01 ul {
	position: relative;	
}

.subTitle {
	padding-top: 95px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: .95em;
	list-style-type: none;	
}

.subDescription {
	font-size: .75em;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 7px;
	list-style-type: none;	
}

.readMore {
	color: #FFFFFF;
	text-align: center;
	font-size: .85em;
	padding-bottom: 10px;
	position: absolute;
	top: 190px;
	left: 37px;
	list-style-type: none;
}

.readMore a {
	color: #FFFFFF;
	text-decoration: none;
}

.readMore a:hover {
	font-weight: bold;
	text-decoration: underline;
}


/* CONTENT-----------------------------------------------------------------------------*/

#content {
	background-image: url(../images/bodyBack.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 750px;
	position: relative;
	color: #2f4344;
	font-size:.95em;
	line-spacing: 1.1em;
}

#mainContent {
	clear: both;
	width: 650px;
	margin: 0 auto;
	padding-top: 17px;
	position: relative;
	padding-bottom: 20px;
}




/* HOME-----------------------------------------------------------------------------*/

#homeimages {text-align:center; margin: 0 auto;}
.tableimages {text-align:center; margin: 0 auto;}


/* ABOUT-----------------------------------------------------------------------------*/

.history {position: relative; margin-left: 100px; padding-bottom: 20px;}
.year {position:absolute; left: -100px; top:0;}

#missionstatement {text-align: center; font-weight: bold;}
#missionstatement p {width: 400px; margin: 0 auto;}


#mainContent ul {margin-left: 50px;}
#mainContent ul li { padding-bottom: 5px; list-style-type:disc;}
#boardofdirectors {text-align:center;}
#boardofdirectors caption {text-decoration: underline; font-weight: bold; text-align:center; padding-bottom: 10px;}
#boardofdirectors td {padding-top:5px; padding-bottom:5px;}
.second {background-color: #e0dede;}

/* PROGRAMS------------------------------------------------------------------------------*/


dt {padding-top: 25px;}
dd {margin-left:25px;}
.centre {text-align:center; padding-bottom: 25px;}

/* PERSONAL STORIES------------------------------------------------------------------------------*/

.floatedimage {float:left; padding: 0 15px 10px 0;}


/* GIVE------------------------------------------------------------------------------*/

.large {font-size: 2.5em; text-align:center; color:#0092d3;}

/* CONTACT------------------------------------------------------------------------------*/


#leftside {width: 320px;}
#contactnames {margin: 0 auto;}
#contactnames td {padding-top:5px; padding-bottom:5px;}

/* FOOTER------------------------------------------------------------------------------*/

#roundedBottom {
	background-image: url(../images/footerBottom.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 750px;
	height: 60px;
	padding-top: 10px;

}

#footer {
	width: 750px;
	margin: 0 auto;
	position: relative;
	
}

#footer p {
	padding-bottom: 0;
	
}

#copyright {
	text-align: center;
	font-size: .85em;
	padding-top: .9em;
	color: #f0efef;
}

#copyright a {
	color: #FFFFFF;
	text-decoration: none;
}

#copyright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#evolve {
	font-size: .85em;
}

#bottomTag {text-align:center; margin: 0px auto 0 auto; color: #0092d3; font-size:.9em;}
#mission {font-weight:bold; font-size: .9em;}

#lineFour {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	width: 697px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 27px;
}
#footernav {margin: 0 auto; text-align: center;}
#footernav li{float:left;}