/* Coding and design by Hambo Design
-------------------------------------------------------------*/


body {
background: #efefef url(/assets/images/presentation/body-bg.gif) center repeat-y;
color: black;
font: 62.5%/2em "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
line-height: 1;
text-align: center;
}



/* Typography Settings
-------------------------------------------------------------*/

h1 {
color: #fff;
font-size: 42px;
margin-bottom: 0;
text-transform: uppercase;
}

h2 {
color: #950000;
font-size: 2.4em;
font-weight: bold;
padding-bottom: 0.5em;
text-transform: uppercase;
}

h3 {
color: #fe0303;
font-size: 1.8em;
padding-bottom: 0.5em;
}
	
	#rightColumn h3 {
	padding-top: 0.75em;
	}
	
	#leftColumn h3 {
	color: #DBB002;
	text-indent: -9999px;
	}

h4 {
color: #FFDE56;
font-size: 1.4em;
}


p {
color: #222;
font-size: 1.3em;
line-height: 1.4em;
margin-bottom: 1em;
}

p.masthead_intro {
color: #efefef;
font: 1.6em Georgia, "Times Roman", serif;
margin: 0;
}
	
#leftColumn p {
color: #eee;
}

#content p {
font-size: 1.4em;
}

#content p.title {
color: #C79002;
font: 1.5em Georgia, "Times Roman", serif;
font-weight: bold;
margin-bottom: 0.25em;
}

#content p.description {
font-size: 1.3em;
margin-bottom: 0.25em;
}

blockquote {
font: 1em Georgia, "Times Roman", serif;
font-style: italic;
margin-bottom: 20px;
}

	blockquote p {
	line-height: 1.6em;
	}

cite {
font-size: 1.2em;
font-weight: bold;
}



/* Classes
-------------------------------------------------------------*/

.skip {
display: none;
}

hr.clear {
border: 0;
background-color: #fff;
color: #fff;
height: 5px;
}

.left {
float: left;
}

.right {
float: right;
}

img.right {
border: 6px double #333;
margin: 0 0 20px 20px;
}



/* List Styling
-------------------------------------------------------------*/

#content ul {
margin-left: 30px;
}

#content li {
font-family: Georgia, Times, serif;
font-size: 1.4em;
line-height: 1.3em;
list-style-image: url(/assets/images/icons/arrow.gif);
margin-bottom: 5px;
}

#content ul.list {
color: #333;
margin: 20px 0 20px 30px;
}

	ul.list li {
	font-family: Georgia, Times, serif;
	font-size: 1.4em;
	line-height: 1.3em;
	list-style-image: url(/assets/images/icons/arrow.gif);
	margin-bottom: 5px;
	}

	ul.list li a:link, ul.list li a:visited {
	color: #950000;
	text-decoration: none;
	}

	ul.list li a:hover {
	text-decoration: underline;
	}

#content ul.horizontal {
margin-left: 0;
width: 590px;
}

	#content ul.horizontal li {
	float: left;
	height: 150px;
	list-style-image: none;
	margin-right: 20px;
	width: 110px;
	}

	#content ul.horizontal li img {
	border: 3px solid #ccc;
	}



/* DIV Classes
-------------------------------------------------------------*/

.article {
border-bottom: 1px solid #666;
padding-bottom: 5px;
margin-bottom: 15px;
}

.story {
background-color: #fbfbd6;
border: 2px solid #e1e1ad;
margin-bottom: 35px;
padding: 20px;
width: 550px;
}


/* DIV Areas
-------------------------------------------------------------*/

#container {
margin: 0 auto;
text-align: left;
width: 960px;
}



/* rightColumn Area
-------------------------------------------------------------*/

#rightColumn {
float: right;
width: 660px;
}

#masthead {
background: #fd0303 url(/assets/images/presentation/masthead-bg.gif) top repeat-x;
float: left;
height: 120px;
width: 660px;
}

	#masthead_title {
	float: left;
	height: 50px;
	padding: 25px 0 0 20px;
	width: 600px;
	}
	
#banner {
clear: both;
height: 350px;
width: 660px;
}
	
#content {
clear: both;
padding: 40px 20px 30px 30px;
width: 610px;
}

#introduction {
margin-bottom: 40px;
}



/* leftColumn Area
-------------------------------------------------------------*/


#logo {
background: url(/assets/images/presentation/left-masthead-bg.gif) repeat-x;
float: left;
height: 220px;
padding: 10px 0 0;
width: 300px;
}

#leftColumn {
float: left;
padding: 10px 30px 30px;
width: 240px;
}

#paypal_donate {
margin-bottom: 20px;
width: 240px;
}

.leftColumn_section {
background-color: #272727;
float: left;
margin-bottom: 30px;
width: 240px;
}

	.leftColumn_section_inner {
	background: url(/assets/images/presentation/rounded-bottom.gif) no-repeat bottom;
	padding-bottom: 15px;
	}

	.leftColumn_section h3 {
	background: url(/assets/images/presentation/rounded-top.gif) no-repeat top;
	padding: 1.4em 20px 0.75em;
	}

	.leftColumn_section h4 {
	padding: 0 0 0.75em 30px;
	}
	
	.leftColumn_section ul, .leftColumn_section p {
	padding: 0 20px;
	}

#navigation ul {
margin-bottom: 20px;
}

#navigation ul ul {
margin-bottom: 0;
}

#navigation ul li {
display: block;
height: 15px;
margin-bottom: 0.75em;
width: 180px;
}

	#navigation ul ul li {
	width: 150px;
	}
	
#navigation ul li a {
color: #eee;
display: block;
font-size: 1.4em;
font-weight: bold;
height: 15px;
text-decoration: none;
width: 180px;
}

	#navigation ul li a:hover {
	color: #fe0303;
	}

#navigation ul ul li a {
color: #ccc;
font-weight: normal;
}

.leftColumn_section_inner a:link {
color: #eee;
font-weight: bold;
text-decoration: none;
}

	.leftColumn_section_inner a:hover{
	color: #fe0303;
	}

	

/* Footer Area
-------------------------------------------------------------*/

#footer {
clear: both;
width: 960px;
}

#footer_right {
float: right;
padding: 30px 30px 10px;
width: 580px;
}
		
#footer_left {
float: left;
padding: 10px 30px;
width: 260px;
}

	#footer h3 {
	font-size: 1.1em;
	}
	
	#footer p {
	font-size: 1.1em;
	}
	
	.credits {
	margin: 20px 0 0 75px;
	}

	.credits a:link, .credits a:visited {
	color: #fbbc42;
	}
	
	#footer_right h3, #footer_right p {
	color: #333;
	}
	
	.credits h3, .credits p {
	color: #ccc;
	}




/* Contact Form Styling
-------------------------------------------------------------*/

#rightColumn form {
width: 578px;
}

#rightColumn fieldset {
background-color: #fbfbd6;
border: 2px #e1e1ad solid;
margin-bottom: 15px;
padding: 0 10px 20px;
}

#rightColumn legend {
color: #300;
font-size: 1.2em;
font-weight: bold;
_margin-left: -7px;
padding: 0 5px;
}

#rightColumn #form_header {
padding-bottom: 10px;
}

#rightColumn label {
color: #b45918;
}

#rightColumn .form_block {
float: left;
}

#rightColumn .form_block p {
float: left;
margin-right: 20px;
width: 250px;
}

#rightColumn .label {
float: left;
padding-top: 4px;
width: 110px;
}

#rightColumn form input,
form textarea {
border: 1px solid #e4e4e4;
font-family: Helvetica, Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1em;
padding: 4px;
margin: 0;
line-height: 1.2em;
width: 97%;
}

#rightColumn .submit {
background: #333;
color: #fff;
padding: 5px;
width: 100px;
}



/* VCard Styling
-------------------------------------------------------------*/

.vcard {
background-color: #f5f5f5;
border: 1px solid #e4e4e4;
float: left;
margin-bottom: 20px;
padding: 20px 0 0 15px;
width: 508px;
}

.vcard-column {
background-color: #f5f5f5;
float: left;
width: 150px;
}

.vcard ul {
list-style-type: none;
margin-top: 10px;
padding: 0 0 10px 30px;
}

.vcard ul li {
font-size: 1.1em;
margin-bottom: 5px;
}

.vcard ul li.header {
font-size: 1.3em;
padding-bottom: 5px;
}

ul.telephone {
	  background: transparent url(/assets/images/icons/telephone.gif) no-repeat 0 2px;
	  }

ul.adr {
	  background: transparent url(/assets/images/icons/address.gif) no-repeat 0 2px;
	  }

ul.email {
	  background: transparent url(/assets/images/icons/email.gif) no-repeat 0 2px;
	  }