@charset "utf-8";
/* CSS Document */
/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  background: #000000;
  color: #FFF;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1, h2, h3, h4
{ font-family: tahoma, arial, sans-serif;
  font-size: 120%;
  letter-spacing: .1em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  color: #000000;
}

h4
{ font-family: arial, sans-serif;
  font-size: 110%;
  color: #555;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a{outline: none;}

form{padding: 0; margin: 0;}

/* image positioning - left, right and center */
.left
{ float: left; 
  border-right: 18px solid;
}

.right
{ float: right; 
  border-left: 18px solid;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.left, .right{border-color: #FFF;}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid #4D4D4D;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ 
float:left;
  
}


/* main container */
#main
{
	width: 100%;
	color: #555;
	background-color: #000000; 
	background: #000000;
	margin-left:auto;
	margin-right:auto;
	
}

/*menu_bar */
#menubar
{ background: #5f1414 url(../../../../Hope%20Over%20Fear%20Updated/style/menu_bar_blue.png) repeat;
  width: 100%;
  height: 30px;
  margin:auto;
  
} 
ul#menu{
	margin:auto;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	width:940;
	height:30px;
	text-transform:uppercase;
	font-size:13px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	
}
ul#menu li{
	display:block;
	float:left;
	margin:auto;
	pading:0;
	border-right:1px solid #000000;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:8px 20px 0 20px;
	height:0px;
	height:22px;
	}
	
#menu a:hover {
	background:#069;
	
}


/* logo */
#logo
{
	width: 940px;
	height: 131px;
	color: #2c7aac;
	background-color: #2c7aac;
	background-image: url(hofa-banner.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


/* main content */
#site_content
{ width: 100%;
  margin: auto;
  margin-left: auto; 
  margin-right: auto;
  overflow: hidden;
} 



/* page content */
#content_container
{ text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 0px;
}

#content
{ text-align: left;
  width: 100%;
  padding: 0px 15px 8px 15px;
  margin-left:auto;
  margin-right: auto;
}

#content a
{ background: transparent;
  color: #DE9412;
}

#content a:hover
{ background: transparent;
  color: #A4A4A4;
}

.sidebaritem, #content{background: #FFF;}

/* footer */
#footer
{ width: 100%;
  height: 30px;
  padding: 0px 0px 0px 0px;
  position:inherit;
  text-align: center;
  margin-right: auto;
  margin-left:auto;
  border-top: 0px solid #F2F2F0;
  background: #A9A9A9;
  color: #444;
}

#footer a
{ background: transparent;
  color: #FFF;
}

#footer a:hover
{ background: transparent;
  color: #555;
}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}