/*This style sheet shall serve as the layout/font/color guide for firstblueangel.com*/

/*------------[ HTML TAGS]----------------*/

body {
	text-align: center;
	margin: 0;
	}
	
a {
	color: #333;
	}
	
a:hover {
	color: black;
	}
	
ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
	
h4{
	font: bold 11px Verdana;

	}
	
hr {
	height: 1px;
	color: #e3deb8;
	margin: 0px 5px 0px 5px;
	}
	
iframe {
	float: left;
	margin: 15px 20px 20px 0px;
}
/*-----------[ CLASSES] --------------------------*/

.floatMe {
	float: left; 
	text-align: center; 
	width: 170px; 
	margin-left: 10px;
	}

.img-shadow {
 	float:left;
 	background: url(img/shadow1.gif) no-repeat bottom right;
 	margin: 10px 0 0 25px !important;
 	margin: 10px 0 0 5px; 
 	clear: both;
   	}

.img-shadow img  { 
	margin: -6px 6px 5px -6px !important; 
	margin: -6px 6px 3px -6px;
	}
	
.review {
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;

}

.guestbook_entry{
border: 1px solid #e3deb8;
background-color: #96937a;
}

.guestbook_entry h3 {
margin-left: 10px;
}

.guestbook_body {
border-top: 2px solid #e3deb8;
padding: 10px;
background-color: #BDB999;
}


 
/*------------[ ID ]----------------------*/

#google {
float: right;
margin-left: 10px;

}

#butch {
	font: bold 12pt Verdana;
	color: white;
	margin: 0;

}

#container {
	margin: 0px auto;
	width: 700px;
	text-align: left;
	background-color: #BDB999;
	font: 11px Verdana, Arial, sans-serif;
	line-height: 15px;
	padding-bottom: 5px;
	}	

#logo{
	margin: 0px auto !important;
	margin: 0px 0px -4px 0px;
	padding: 0px;
	width: 700px;
	height: 94px;
	text-align: right;
	}
/*--- Style the main navigation for the site ---*/
#header {
	width: 100%;
	height: 25px;
	background-color: #96937a;
	float: right;
	clear: both;
	}

#header a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	background:url(img/arrow.gif) left center no-repeat;
	padding-left: 10px;
	font-size: 10px;
	}

#header a:hover {
	color: #BDB999;
	background:url(img/arrow_hover.gif) left center no-repeat;
	}

#header ul{ 
	margin: 0px 0px 0px 4px; 
	padding: 4px 0px 0px 15px;
	}

#navlist li {
 	display: inline;
 	list-style-type: none;
 	padding-right: 15px;
 	}

/*----- Each Page gets a unique banner with unique image --*/
#banner {
	background: url(img/headers/header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}

#homeBanner {
	background: url(img/headers/team_header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}

#aboutBanner {
	background: url(img/headers/about_header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}
	
#purchaseBanner {
	background: url(img/headers/purchase_header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}
	
#linkBanner {
	background: url(img/headers/link_header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}

	
#newsBanner {
	background: url(img/headers/news_header.jpg) center repeat-x;
	width: 100%;
	height: 156px;
	float: right;
	clear: both;
	}

/*---Format the content, including disclaimer. 2 column layout---*/
	
#disclaimer {
	float: right;
	width: 290px;
	height: 143px;
	clear: both;
	}

#disclaimer p {
	margin: 9px;
	}

#content {
	width: 100%;
	float: left;
	background-color: #BDB999;
	padding-bottom: 10px;
	}

#padMe{
	margin: 10px 20px;
	width: 600px;
	}

#lcontent {
	float: left;
	width: 300px;
	margin: 5px 10px 10px 5px;
	padding: 0px 20px;
	}	

#tagline{
	font: bold 13px Verdana;
	color: white;
	}

#tagline a {
	text-decoration: none; 
	color: white;
	}

#rcontent {
	float: left;
	width: 275px;
	padding: 5px 15px;
	border-left: 1px solid #e3deb8;
	}

#rcontent img {
	float: left;
	margin: 0px 10px 0px 0px;
	}

#centerMe {
	text-align: center;
	margin: 0px auto;
	height: 100%;
	float: left;
	width: 100%;
	}

#info {
	margin: 0;
	}

#sep {
	border-top: 1px solid #e3deb8;
	border-bottom: 2px solid #e3deb8;
	width: 100%;
	height: 4px;
	background-color: #96937a;
	float: right;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#rightExpPurchase {
	float: left;
	clear: both;
	margin-top: 5px;
	}

#footer {
	margin: 0px auto;
	padding-bottom: 25px;
	width: 700px;
	text-align: right;
	font: 9px Verdana, Arial, sans-serif;
	height: 85px;
	line-height: 25px;
	}

/*---- Gallery Specific -----*/

#leftContent {
	float: left;
	padding: 5px;
	width: 260px;
	padding: 15px 20px;
	}

#rightContent {
	float: left;
	border-left: 1px solid #e3deb8;
	width: 300px;
	text-align: center;
	}

#teamPhoto {
	width: 320px;
	}

#gallery {
	width: 600px; 
	overflow: auto; 
	height: 190px;  	
	margin: 0px auto;
	border: 1px solid #e3deb8;
	margin-top: 20px;
	}
	
#newsLcontent{
	float: left;
	width: 450px;
	margin: 5px 10px 10px 5px;
	padding: 0px 20px;
	}
	
#newsRcontent {
	float: left;
	width: 150px;
	padding: 5px 15px;
	border-left: 1px solid #e3deb8;
	}

/*------- [ Guestbook classes ] ----------------- */

.guestbook_title {
	padding: 3px;
	background-color: #e3deb8;
	border-left: 1px solid #96937a;
	border-top: 1px solid #96937a;
}
.guestbook_edit {
	padding: 3px;
	background-color: #e3deb8;
	border-right: 1px solid #96937a;
	border-top: 1px solid #96937a;
}
.guestbook_post {
	padding: 7px 3px;
	border-right: 1px solid #96937a;
	border-left: 1px solid #96937a;
	border-bottom: 1px solid #96937a;
	}