@import url("layout.css");
/* CSS Document */


body{
	
	background-repeat: repeat-x;
	background-color: #000000;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

a{
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}

a.callout{
	color: #FF0000;
}

h1{
  color: #899A9F;
  font-size: 50px;
  padding: 0 25px;
  padding-bottom: 20px;
  padding-top: 10px;
  font-weight: bold;
}

h1 a{
  color: #899A9F;
}

h2, h2 {
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #899A9F;
    padding-bottom: 10px;
}

h2 a{
  color: #899A9F;
}


p{
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
  line-height: 1.5;
	color: #999999;
	padding-bottom: 15px;
}

#main_wrapper{
  background-color: #FFFFFF;
	background-repeat:no-repeat;
	overflow: auto;
}

/* BEGIN:footer_nav */
.footer_nav_container{
	clear: both;
	float: right;
	padding-right: 60px;
	padding-bottom: 10px;
}

.footer_nav li{
	float: left;
	margin-left: 5px;
	font-size: 1.4em;

}

.footer_nav a{
	color:#999999;
}

/* END:footer_nav */


/* Begin:Top_Navigation  */

#top_nav_container{
	background-color: #555555;
}


ul.top_nav{
	margin-top: 10px;
  
}

ul.top_nav li{
  
	float: left;
	height: 20px;
	margin-left: 20px;
  
}

ul.testList{
  float: left;
}



ul.top_nav li a{
  font-size: .98em;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}

ul.top_nav li a:hover{
  color: #899b9f;
  capitalize: 
}

ul.top_nav li.current_page_item a{
  color: #899b9f;
}



ul.top_nav li.home img{
	background-image: url(images/link_home.gif);
	height: 17px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: 0px -17px;
}

ul.top_nav li.home a:hover img, ul.top_nav li.home a.active img{
	background-position: 0px -76px;
}

ul.top_nav li.events img{
	background-image: url(images/link_events.gif);
	height: 17px;
	width: 48px;
	background-repeat: no-repeat;
	background-position: 0px -17px;
}

ul.top_nav li.events a:hover img, ul.top_nav li.events a.active img{
	background-position: 0px -76px;
}


ul.top_nav li.about_us img{
	background-image: url(images/link_about_us.gif);
	height: 17px;
	width: 63px;
	background-repeat: no-repeat;
	background-position: 0px -17px;
}

ul.top_nav li.about_us a:hover img, ul.top_nav li.about_us a.active img{
	background-position: 0px -76px;
}

ul.top_nav li.gallery img{
	background-image: url(images/link_gallery.gif);
	height: 17px;
	width: 52px;
	background-repeat: no-repeat;
	background-position: 0px -17px;
}

ul.top_nav li.gallery a:hover img, ul.top_nav li.gallery a.active img{
	background-position: 0px -76px;
}


ul.top_nav li.featured_partner img{
	background-image: url(link_featured_partner.gif);
	height: 17px;
	width: 114px;
	background-repeat: no-repeat;
	background-position: 0px -17px;
}

ul.top_nav li.featured_partner a:hover img, ul.top_nav li.featured_partner a.active img{
	background-position: 0px -76px;
}

/* END:Top_Navigation  */

.featured_event{
	margin: 0 25px;
	margin-bottom: 10px;
	width: 650px;
	border: 5px solid #5E696C;
}

.preflyer_container{
 	margin-left: 44px;
	margin-bottom: 10px;
	width: 653px;
	border: 5px solid #5E696C; 	
}


.left_promo{
	float: left;
	width: 325px;
	padding-left: 40px;
}

.right_promo{
	float: left;
	width: 325px;
	margin-left: 17px;
}


.maillist{
	background-image:url(images/bg_black_blue_sm.jpg);
	background-repeat: repeat-x;
	height: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.maillist h3{
	padding-top: 15px;
	padding-bottom: 5px
}

.maillist .btn_submit{
	margin-top: 5px;
	margin-left: 195px;
	margin-bottom: 15px;
}

.input_maillist_email{
	border: 2px solid #BED2D8;
	padding: 2px;
	width: 280px;
}

h1.page-title{
	padding-left: 45px;
	padding-bottom: 20px;
  font-family: "Futura BdCn BT";
	font-size: 60px;
	color: #899a9f	
}

.preflyer_container h1{
  padding: 5px;
  font-size: 1.4em;
  color: #9B0000;
  font-weight: bold;
}

.preflyer_container h2, .preflyer_container p{
  padding: 5px 10px 10px 10px;
  text-align: center;
}

.standard_form{
  margin-top: 20px;
} 

.standard_form label{
  float: left;
  display: block;
  width: 150px;
  font-size: 1.2em;	
  clear: both;
  font-weight: bold;  
}

.standard_form .input_text, .standard_form textarea, .standard_form select{
  margin-bottom: 10px;
  float: left;	
  width: 200px;	  
  display: inline;
}


.standard_form p{
  float: left;
  width: 200px;
  margin-left: 5px;
  display: inline;	
  margin-bottom: 10px;
  font-size: 1.2em;
  
}

.standard_form .label_notes{
  font-size: .9em;	
  font-weight: normal;
}

.standard_form .checkbox{
  width: 15px;	
  float: left;
}

/* BEGIN: teams */
table{
  font-size: 1.1em;
  border-collapse: collapse;
	margin: 0 45px 0 40px;
}

td{
  border: solid 1px #000000;
  padding: 5px;
  vertical-align:top;
}

th{
  border: solid 1px #000000;
  padding: 5px;
	background-color: #899a9f;
	color: #FFFFFF;
	font-weight: bold;
}
/* END: teams */

.validation-advice{
	color: #FF0000;
	clear: both;	
}

li{
  font-size: 1.4em;
	line-height: 1.5;
	color: #999999;	
}

ul{
	margin-bottom: 20px;
}

.postDetails p{
  font-weight: bold;
} 

h2.headLine{
  background-color: #555555;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  padding: 7px 10px 7px 10px;
  margin: 0 25px;
  font-weight: bold;
}

div.posts{
  margin: 0 25px;
}

div.posts h2{
  font-size: 18px;
}

div.posts h2, div.posts p{
  padding-left: 190px;
}

div.postShort{
  margin-top: 15px;
  clear: both;
  overflow: hidden;
  width: 99%;
}

div.postShort .supportThumbnail{
  float: left;
  border: solid 1px #899A9F;
}

div.postShort h2{
  padding-bottom: 3px;
}

div.postShort .postDetails p{
  padding-bottom: 10px;
}

div.postShort .postBody p{
  padding-bottom: 5px;
}

.commentFormFields{
  margin: 0;
}

.commentFormFields label{
  display: block;
}

#commentform .submit{
  padding: 2px;
}

.commentFormFields  li{
  padding-bottom: 10px;
}

.commentFormFields .textField{
  width: 400px;
}

.commentFormFields textarea{
  width: 400px;
  height: 200px;
}

.commentlist{
  margin: 10px 0 0;
}

.commentlist p{
  font-size: 1em;
}
