/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    sheri bodnaruk
email:     info@picainteractive.com
website:   http://www.picainteractive.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
body {
	background:#759ba1 url(../images/bkTile.gif) repeat;
	font: 82.5%/1.6 "Trebuchet MS", Verdana, sans-serif;
	color:#333;
}

/* Remove padding and margin */
* {
 	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, ol {
 	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* =Containers
-----------------------------------------------------------------------------*/

#wrapper {
	width: 892px;
	margin: 0 auto;
	}
	
#innerWrapper {
	width: 890px;
	min-height: 1200px;
	_height:1200px;
	float:left;
	background-color: #759ba1;
	border-left: 1px solid #394f70;
	border-right: 1px solid #394f70;
}

#header {
	width:890px;
	padding: 10px 0 0px 0;
}

#contentContainerTwoColumn {
	background:#fff url(../images/contentBackground.gif) repeat-y;
	}
	
#contentContainer {
	background:#fff url(../images/contentBackground2.gif) repeat-y;
}

#calendarContainer {
	background-color:#fff;
}

#contentContainer, #contentContainerTwoColumn, #calendarContainer {
	border-top: 1px solid #394f70;
	border-bottom: 1px solid #394f70;
	width: 890px;
	float:left;
	padding-bottom: 20px;
}

#imageBanner {
	width: 890px;
	float:left;
	border-bottom:1px solid #394f70;
	height: 70px;
}

.sideMenu {
	background-color: #394f70;
	width: 183px;
	float:left;
}
	
.bodyContent, .bodyContentTwoColumn {
	float:left;
	padding-left: 30px;
}

.bodyContentTwoColumn {
	width: 472px;
}

.bodyContent {
	width: 600px;
}

.NewsContent, .ContactContent {
	float:left;
	width: 188px;
	padding-left: 15px;
}

.donate {
	margin-top: 10px;
	}

.links {
	padding-left:80px;
}

/* =Typography
-----------------------------------------------------------------------------*/
h1 {
	font:150% Georgia, "Times New Roman", Times, serif;
	}
	
h2 {
	font:130% Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {
	color: #394f70;
	background-color:#fff;
}

h4 {
	margin: 5px 0;
	color: #474545;
	font-weight:bold;
}

.bodyContent p, .bodyContentTwoColumn p, .bodyContent ul, .bodyContentTwoColumn ul {
	padding-right: 30px;
}

.bodyContentTwoColumn ul, .bodyContent ul {
	list-style:none;
}

.bodyContentTwoColumn ul li, .bodyContent ul li {
	background: url(../images/listArrow.gif) left 0.3em no-repeat;
	margin-left:5px;
	padding-left:20px;
	}
	
.bodyContent ol li {
	margin: 5px 0 5px 50px;
}

.NewsContent p, .ContactContent p {
	margin: 0 10px 0 0;
	padding-bottom: 5px;
}

.NewsContent p {
	border-bottom: 1px dashed #394f70;
}

.NewsContent p a {
	text-decoration:none;
}
	
/* =Headings
-----------------------------------------------------------------------------*/

.logo {
	float:left;
	width:184px;
}

.topMenuContent {
	float:right;
	padding: 105px 0 5px 0;
	color: #eee;
	background-color: #759ba1;
}

#imageBanner img {
	border-right:1px solid #394f70;
}

#imageBanner img.noBorder {
	border-right:0;
}

/* =Top Nav
-----------------------------------------------------------------------------*/

.topMenuContent a {
	padding: 0 10px;
	text-decoration: none;
	color: #eee;
	background-color: #759ba1;
	}
	
.topMenuContent a:hover, a.topMenuSelect {
	color: #394f70;
	background-color: #759ba1;
}

/* =Links
-----------------------------------------------------------------------------*/

.donate a {
	text-decoration:none;
	color:#394f70;
	display:block;
	line-height: 27px;
	height:27px;
	background:#fff url(../images/arrow.jpg) left center no-repeat;
	padding: 10px 0 10px 30px;
}

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

a {
	color:#394f70;
	background-color: inherit;
}

a:hover  {
	color:#759ba1;
	background-color: inherit;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#Navigation {
	list-style-type: none;
	margin:0 0 10px 0;
	padding:0;
	/*border-bottom: 1px dashed #A0ABBB;*/
}

#Navigation a {
	display:block;
	width:183px;
	height:30px;
	line-height:30px;
	color:#eee;
	background-color:#394f70;
	text-decoration:none;
	text-indent:10px;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing:.1em;
}

#Navigation li a:hover, #Navigation li a.menuButtonselect{
	color:#394f70;
	background-color: #A0ABBB;
}

#Navigation a.SecondLevelNav {
	text-indent:20px;
	text-transform:capitalize;
}



/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/
.map {
	border:1px solid #394f70;
}

.funding {
	background:#fff url(../images/funding.gif) left top no-repeat;
	padding: 5px 0 10px 35px;
	margin-top: 10px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	float:right;
	font-size: 80%;
	color:#eee;
	background-color: #759ba1;
	padding:5px 10px;
	text-align:right;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 0px solid #fff;
	margin: 0;
}

.contactDetails label {
	display:block;
}

textarea {
	height: 100px;
}

input[type="text"], textarea {
	width:325px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input.radio, input.submit, input.checkbox {
	width:auto;
}

form {
	margin-left: 100px;
}

.required {
	font-size:0.75em;
	color:#760000;
	padding-left: 5px;
}

select#age {
	width: 7em;
}

.length label {
	margin-right: 5px;
}


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

table { 
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 20px;
	font-size: 12px;
	width: 888px;
	margin: 0 auto;
	border-bottom: 1px solid #394f70;
}

td {
	text-align: center;
	font-weight: normal;
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}

.background {
	background-color:#eee;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

thead th {
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 5px 0 2px;
	border-bottom: 1px dashed #394f70;
	color: #394f70;
	background-color:inherit;
}

tbody tr {
	color: #333;
	background-color:inherit;
}

tr b {
	color: #394f70;
	background-color:inherit;
	text-decoration:underline;
}


/* =Misc 1
-----------------------------------------------------------------------------*/


/* =Misc 2
-----------------------------------------------------------------------------*/
