/* globals */

body, div, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, img {

    margin:0; padding:0; border:0;font-family: verdana,arial, sans-serif;font-size:12px;color:#555;

}

h1 { font-size: 22px; margin: 10px; color: #306090; font-weight: normal; }
h2 { font-size: 22px; margin: 5px 3px; color: #306090; font-weight: normal;}
h3 { font-size: 18px; margin: 0; color: #306090; font-weight: normal;  }
h4 { font-size: 14px; margin: 0; color: #000; font-weight: normal; }

html { background: url(images/47original.gif); }

a { color: #f79d0b; text-decoration: none; }
a:hover { text-decoration: underline; }

hr {
  width: 100%;
  float:left;
}	

hr.inlineHR {
	width: 80%;
  	float:left;

}

body {
	background: url(images/47original.gif);
	text-align: center;
	/*background: url(images/twosided.gif) top center no-repeat;*/
	position: relative
}


/**************form stuff**************/
label
{
	 float: left;
	 text-align: right;
	 display: block;
	 color: #000000;
	 font-weight: bold;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 width:70px;
		margin-left:15px;
		margin-right:5px;
}

#sendButton
{
	float:right;
	margin-right:10px;	
}

fieldset
{
	border: 1px solid #464646;
}

legend
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DF780A;
	display: inline;
}

.leftImage
{
	float:left;
	margin:5px;
}


.rightImage
{
	float:right;
	margin:5px;
}

#main_content
{
	text-align:left;
	width:650px;
	margin:0 auto;
	margin-top:30px;
}

#home_events
{
	margin-left:200px;
	width:300px;
	margin-top:140px;
}
#home_events a img
{
float:right;
margin-right:10px;
cursor:pointer;
}
#header {  
	background: #fdf0aa; 
	border-bottom: solid 5px #464646; 
}

#header span#banner{
	width:650px;
	height: 150px;
	display: block;
	background-color:#D6D6D6;
	background: url(images/banner.jpg) top no-repeat;
}

/* -----Navigation ----- */
#navigation {
	width:650px;
	height:40px;
	background: url(images/menu_bg.gif) repeat;
	border-bottom: solid 5px #464646; 
	overflow:hidden;
}
#menu li {display:inline;};
#menu li a span { display:none; }
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 650px;
  height: 40px;
  position: relative;
}

#menu a {
  text-indent: -900%;
  position: absolute;
  outline: none;
  display:inline;
  
}

#menu a:hover {
  background-position: left bottom;
  
  display:inline;
}

#menu .home {
  width: 80px;
  height: 40px;
  background: url(images/home_btn.gif) left top no-repeat;
left:25px;
}


#menu .about {
  width: 80px;
  height: 40px;
  background: url(images/about_btn.gif) top left no-repeat;
  left: 105px;
}
#menu .events {
  width: 80px;
  height: 40px;
  background: url(images/events_btn.gif) top left no-repeat;
  left: 185px;
}
#menu .outreach {
  width: 80px;
  height: 40px;
  background: url(images/outreach_btn.gif) top left no-repeat;
  left: 265px;
}
#menu .gallery {
  width: 80px;
  height: 40px;
  background: url(images/gallery_btn.gif) left top no-repeat;
  left: 345px;
  
}
#menu .donate {
  width: 80px;
  height: 40px;
  background: url(images/donate_btn.gif) top left no-repeat;
  left: 425px;
  
}
#menu .contact {
  width: 80px;
  height: 40px;
  background: url(images/contact_btn.gif) top left no-repeat;
  left: 505px;
  
}




#content{
	background-color:white;
	width:648px;
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	height:560px;
	text-align:justify;
	border:1px solid #FFFFFF;
	
}

#home {
	
	width:575px;
	height:555px;
	background: url(images/home_img.gif) top left no-repeat;
}
#home_text
{
	width:325px;
	overflow:auto;
	float:right;
	
margin-top:100px;	
font-size:14px;
}
#home_events img
{
	margin-top:10px;
        border-style:outset;
	border-color: black;
	border-width:5px;
	float:right;
	margin-right:35px;
}

#home_events #home_blurb
{
	font-size:14px;
}
#home a img
{
	border:1px;
}

#gallery {
	margin-left:40px;
	width:550px;
}



#display_holder
{
	float:left;
}
#thumb_holder
{
	float:right;
	width:125px;
	height:375px;
	overflow:auto;
	border:1px solid #CCC;
}

#thumb_holder img
{
	margin:1px;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
}

#thumb_holder img:hover
{
	margin:1px;
}
#gallery_title
{
	width:550px;
	overflow:hide;
	float:left;
}
#title_img
{
 	float:left;
}
#photographer
{
	margin-top:20px;
	float:right;
}


/********CONTACT FORM***********/
#contact {
	margin-left:35px;
	width:575px;
	margin-top:20px;
}
#contact_info
{
	float:left;
	width:250px;
}

#contact_form
{
	float:right;
	width:315px;
}


.error
{
	color:red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display:inline;
	
}

#donate {
	margin-top:20px;
	margin-left:35px;
	
	width:575px;
}


#adrs{
	float:left;
	display:inline;
	margin-top:10px;
}

#donate_center{
	float:left;
	margin-left:140px;
	margin-top:20px;
	display:inline;

}

#paypal{
	float:right;
	text-align:center;	
	margin-top:10px;
	display:inline;
}



textarea{
	border: 1px solid #464646;
}

/********events styles*********/
#events {

	margin-left:35px;
	width:565px;
}
#events #event1
{
	
}

#events #event2
{
	margin-top:105px;
}
#events .event_title{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DF780A;
	display: block;
}

#events .event_date{
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
}

#events .event_dir{
	font-style: italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
}
#events .event_header_left
{
	text-align:left;	
}

#events .event_header_right
{
	text-align:right;	
}

/********outreach styles*********/
#outreach {
	margin-top:20px;
	margin-left:35px;
	width:575px;
}

#outreach ul
{
	margin-left:50px;	
}

#outreach img
{
margin-right:30px;
}
/********about page styles*********/
#about {
	margin-top:20px;
	margin-left:35px;
	width:575px;
}
#about .about_name{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DF780A;
	display: block;
}

#about .about_title{
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	display: block;
}
#about .profile_container
{
	float:right;
	border:1px;
	width:300px;
	height:400px;
	/*background-color:#FFFF00;*/
	overflow:auto;
	padding-right:10px;	
}

#about .name_container
{
	float:left;
	border:1px;
	width:250px;
	height:400px;
	/*background-color:#FFFF00;*/
}

#about a
{
	text-align:left;
	color:#000;	
}
#footer { 
width:650px;
height:25px;
background-color:#464646;
}