/* @override http://dev.firstflight.org/css/layout.css */

*{margin:0px; padding:0px;}

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:16px;}
a{color:#4C5F84; text-decoration:none; outline:none; font-weight:bold;}
a:hover{color:#a59a2f;}
h1{color:#003366; font-size:21px; font-weight:bold; line-height:21px; margin: 0; padding: 10px 0 5px;}

.home{color:#000000; font-size:12px; line-height:16px; padding:8px 0 0 0; display:block; width:auto; float:left;}

.left{float:left;}
.right{float:right;}
.right_small_img{float:right; padding:30px 60px 0 0}
img{border:none;}
blockquote {
	padding-left: 25px;
	padding-right: 25px;
	
}

/* layout starts */
#layout{width:900px; margin:0 auto;}

/* header starts */
#header{width:900px; float:left; height:60px; background:url(/images/header_bkg.gif) repeat-x 0 0; position:relative;}
#header .inner{width:745px;height:60px; float:left; background:url(/images/header.gif) no-repeat right 0; padding:0 0 0 155px;}
#header .logo{width:152px; float:left; height:129px; position:absolute; left:0; top:0;}

/* body container starts */
#body_container{width:900px; float:left; background:url(/images/navbar_bkg.gif) repeat-y 0 0;}

/* left container starts */
#left_container{width:138px; float:left; padding:68px 0 0;}

/* left nav starts */
#left_container .left_nav{width:148px; float:left;}
#left_container .left_nav ul{width:148px; float:left; list-style:none;}
#left_container .left_nav ul li{width:141px; float:left; font-size:10px;padding:0 0 0 7px;}
#left_container .left_nav ul li a{color:#4c5f84; text-decoration:none; display:block; background:url(/images/arrow.gif) no-repeat right 100px; padding:5px 0 5px 0}
#left_container .left_nav ul li a:hover{color:#fff; text-decoration:none; background:url(/images/arrow.gif) no-repeat right center; }
#left_container .left_nav ul li.active a{color:#fff; text-decoration:none; background:url(/images/arrow.gif) no-repeat right center; }
div.social {
	margin-left: 18px;
	margin-top: 6px;
}
/* left container ends */

/* right container starts */
#right_container{width:738px; float:right; background:url(/images/cloud_bkg.gif) repeat-x 0 0; padding:0 0 0 10px;}

/* right container content*/
#right_container .content_row h2{color:#003366; font-size:19px; font-weight:normal; margin: 0; padding: 10px 0 5px;}
#right_container .content_row h3{color:#a59a2f; font-size:16px; font-weight:bold; margin: 0; padding: 6px 0 5px;}
#right_container .content_row h4{color:#4C5F84; font-size:15px; font-weight:bold; margin: 0; padding: 6px 0 5px;}

#right_container .content_row p{font-size:12px; padding-top:8px; display:block; padding-bottom:5px;}
#right_container .content_row{width:738px; float:left; padding-bottom:10px;}
#right_container .content_row p a.link{font-weight:normal; text-decoration:underline; color:#a59a2f;}
#right_container .content_row p.small{font-size:9px;}
ul.newsletter{padding:10px 0 0 20px!important; display:block; margin-left: 30px !important; }
#right_container .content_row table#shrine_details td { padding: 10px !important;}

/*events styles */
div.events h5 {
		margin: 8px 8px 8px 40px;
		padding: 10px;
		padding-left: 20px;
		background-color: #eee;
		width: 600px;
		font-weight:  normal;
		font-size: 12px;
	}		
hr {
	 padding: 10px 0;
}

#right_container .content_row2{width:738px; float:left; padding-top:30px; margin-top:25px; border-top:1px solid #808080;}
#right_container .content_row2 p{font-size:12px; padding-top:10px; display:block;}
#right_container .content_row2 a{font-weight:normal; text-decoration:underline; color:#a59a2f;}
#right_container .content_row2 p.small{font-size:9px;}
#right_container .content_row2 p.strong{color:#4c5f84;}
#right_container .content_row2 p.small a{color:#999;}
#right_container .content_row2 ul{ padding:10px 0 0px 20px; display:block; list-style:none}
#right_container .content_row2 ul li{display:block; background:url(/images/list_style.gif) no-repeat 0 5px; padding:0px 0 0 12px;}
/* right container content*/

/* right container membership categories starts */
#right_container .membership_categories{width:738px; float:left; padding:10px 0;}
#right_container .membership_categories ul{width:738px; float:left; padding:10px 0 0; list-style:none;}
#right_container .membership_categories ul li{width:738px; float:left; padding-bottom:2px;}
#right_container .membership_categories ul li{width:738px; float:left;}
#right_container .membership_categories ul li .col1{width:330px; float:left;}
#right_container .membership_categories ul li .col1 span{font-weight:bold; color:#4c5f84;}
#right_container .membership_categories ul li .col2{width:150px; float:left; font-weight:bold;}
#right_container .membership_categories ul li .col3{width:158px; float:left; font-weight:normal;}
#right_container .membership_categories ul li .col4{width:75px; float:left; font-weight:normal;}
#right_container .membership_categories ul li a{font-weight:normal; text-decoration:underline; color:#a59a2f;}
#right_container .membership_categories p{font-size:9px; width:100%; float:left; padding-top:10px;}#right_container .membership_categories p
/* right container membership categories ends */

/* footer container starts */
#footer{width:730px; float:left; padding:20px 0 5px }
#footer ul{width:100%; float:left; text-align:center; border-top:1px solid #808080; border-bottom:1px solid #808080; padding:8px 0; margin-bottom:15px; }
#footer ul li{width:auto; display:inline; font-size:11px; line-height:12px; margin-right:3px; color:#336699;}
#footer ul li a{font-weight:normal; text-decoration:underline; color:#a59a2f;}
#footer p{width:100%; float:left; text-align:center;font-size:11px; line-height:16px; margin-bottom:5px;}
#footer a{font-weight:normal; text-decoration:underline; color:#a59a2f;}
/* footer container ends */
/* right container ends */
/* body container ends */
/* layout ends */

/* writebros image gallery */
#images {margin:8px 15px 15px 0; width:500px; text-align:center; font-weight:bold;}

/*shrine */
.shrine td{padding:4px;}
.shrine td a{font-weight:normal; text-decoration:underline; color:#a59a2f;}

/* contact form styles */
form {
padding: 20px 0 5px 20px;
}
fieldset {
		color: #1d1612;
		font-size: 1.00em; 
		padding: 5px 5px 10px 5px;
		border: 1px solid #808080;
		width: 432px;
		margin: 10px 0px 20px 0;
}
legend {
		color: #4E6186;
		font-weight:bold;
		padding: 0 6px;
		margin-left: 10px;
}
table#tableContact td {
		padding: 5px;		
		font-size: .85em;		
}

.submitbutton {
	background: #7591AF;
	border: 1px solid #336699;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
    padding: 3px;
    margin-top:  6px;  
}
.submitbutton:hover {
    background: #a59a2f;
	border: 1px solid #443F14;}

.asterisk {
	color: #336699;
}

.error {
	color: #8A0808;
}

/* "what is this?" small element link sizes */
/* set up relativity to position small what? text */
small.whatsthis { 
	font-size: 11px;
	color: #006699;
	margin-left: 5px;	
}
/* Why? link style */
small.whatsthis a { 
  font-size: 11px;
  font-weight: normal;
  color: #a59a2f;
  text-decoration: none;  
 }

small.whatsthis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

small.whatsthis a span { 
  border : 1px solid #fff;
  background-color : #fff;
  padding : 0 4px 0 4px; 
  color : #fff;
  text-decoration : none; 
  height: 10px;  
  margin-left: 10px;
}

/* bring back Why? text span (title attribute backs this up for browsers it doesn't function in */
small.whatsthis a:hover span, small.whatsthis a:focus span, small.whatsthis a:active span { 
  border : 1px solid #a59a2f; 
  background-color : #a59a2f;
  color : #fff;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}
span.smallText {
  font-size: 9px; 
}
span.code {   
   font-size: 18px;
   font-weight: bold;
   color: #313131;
   border: 3px solid #7591AF;
   margin: 0;
   padding: 3px 7px;
   text-align:center;
}
/* end contact form */