/* CSS Document */
/*
	nav dark red: #200000
	red: #ff0000
	drk grey: #333333;
	
	These where originally in html, body.
	, ul, ol, li, p, form
*/

html, body, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #000;
	color: #fff;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size:85%;
	/*font: 90% Trebuchet MS'Lucida Grande', Verdana, Arial, Sans-Serif;*/ /* Resets 1em to 10px */
	letter-spacing:1px;
}
html {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size:85%;
}
h1, h2, h3, h4, h5, h6 {
	text-align:center;
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:1px;
}
h6 { font-size:85%; }
h5 { font-size:95%; }
h4 { font-size:105%; }
h3 { font-size:115%; }
h2 { font-size:120%; }
h1 { font-size:125%; }

h5.inner {
	text-align:left;
}



span.txtHead {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-size:120%;
}
div.box {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size:85%;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;

}
#img1, #img2 {
	text-align:center;
}
#wrap_table {
	/*  This is the bottom table element to align and set width */
	width: 750px;
	margin: 10px auto;

}
#content_footer {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-size:70%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #999;
	clear:both;
	
}
#nowrap_footer {
	float: none;
	clear: both;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666;
}
#wrap_container {
	text-align: left;
	background-repeat: repeat-x;
	background-color: #000;
	border: 1px solid white;
}
#wrap_header {
	background-repeat: no-repeat;
}
#wrap_foot {
}
#wrap_cell {

}

#block_header {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	height: 100px;
	/*text-align: left;*/
	clear: both;
	/*border:3px green solid;*/
}

#block_header #logo {
	width: 233px;
	float:left;
	padding-top:15px;
	padding-bottom: 10px;
	padding-left:70px;
	padding-right:15px;
}

#block_header #quote {
	width: 380px;
	float:left;
	padding-left:25px;
	padding-top:35px;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	

}
#block_header #quote #quotetext {
	font-size: 75%;
	font-style:italic;
	

}
#block_header #quote #quoteauth {
	font-size: 65%;
	font-style:italic;
	

}
#block_nav {
	width: 360px;
	/*border:3px yellow solid;*/
}
#block_content {
	/*border:3px blue solid;*/

}


#body_table {
	/*margin-top: 5px;*/
}
#body_cell {
	vertical-align: top;
	text-align: left;
	width: 100%;
}
#nav_cell {
	/*border:3px white solid;*/
	vertical-align: top;
	text-align: left;
	width: 360px;
}


/* ====================================
	Links
*/
/* standard links */
a, a:link, a:visited {
	color: #cc0000;
	text-decoration:none;
}
a:hover, a:active {
	color: #cc0000;
	text-decoration: underline;
}


/* nav links */
div.contentlink {
	padding: 3px 0px 3px 40px;
	
}
a.nav, a.nav:link, a.nav:visited {
	color: #ccc;
	letter-spacing:1px;
	text-decoration:none;

}
a.nav:hover, a.nav:active {
	color: #fff;
	text-decoration: underline;
}
/* nav selected links */
div.contentlinksel {
	padding: 3px 0px 3px 40px;
	
}
a.navsel, a.navsel:link, a.navsel:visited {
	color: #fff;
	letter-spacing:1px;
	text-decoration:none;

}
a.navsel:hover, a.navsel:active {
	color: #fff;
	text-decoration: underline;
}






/*  ==============================================  
	Items for FBSite
*/



/* *******************************************
CLEARFIX
These items needed to clearfix the divs 
that overflow when not supposed to.

Put this wrapper around the problem areas:
<div class="clearfix">

****************************************** */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
/*background-color:white;*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*  END CLEARFIX */