/* CSS Document */

/* Mobile Browsers Only 
@media only screen and (max-device-width: 480px) {
body {-webkit-text-size-adjust:none;}
}*/

html {height:100%}
     
body {background-image:url(/images/background.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}

table {border: 0;}

img {border: 0;}

td {font-family: Verdana, Arial, Helvetica, sans-serif;}

th {font-family: Verdana, Arial, Helvetica, sans-serif;}

p {color:#555555; text-align:left;}

a:link, a:visited, a:active {text-decoration: none; color:#ed1c24;}
a:hover {text-decoration: none; color:#999999;}


/*
###########################
Header				
###########################
*/

#header 
{background-image:url(/images/header.png); width:1060px; height:140px;}

.date {  width:1050px;
         font-size: 12px;
         font-weight: bold;
		 padding-right: 8px;
}

     a.header, a.header:link, a.header:visited, a.header:active 
        {font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 7pt;
         text-decoration: none;
         color: #CCCCCC;
		 vertical-align:middle;}
	
     a.header:hover {color: #FFFFFF;}
	
     .headertext 
	     {font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 7pt;
         color: #CCCCCC;
		 vertical-align:middle;}
	
     
	
     a.menu, a.menu:link, a.menu:visited, a.menu:active 
        {font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 14px;
		 font-weight: bold;
         text-decoration: none;
         color: #CCCCCC;}

     a.menu:hover 
	 	{text-decoration: none;
         color: #FFFFFF;}	 	 
 
 	 table.menu
	    {width: 1060px;
		 height: 34px;}
 
     td.menu 
	 	{font-family: Verdana, Arial, Helvetica, sans-serif;
	     font-size: 14px;
         text-decoration: none;
		 background-color: #777777;
         color: #CCCCCC;
		 height: auto;
		 padding-left: 12px;
		 padding-right: 12px;
		 text-align: center;
         vertical-align: middle;
		 border: 1px solid #000000;
         border-left: 0px}
 
     a.menuon, a.menuon:link, a.menuon:visited, a.menuon:active, a.menuon:hover 
        {font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 9pt;
         text-decoration: none;
         color: #CCCCCC;
         display: none;}
	
	 table.body 
	     {width: 1060px;
		 }
	
     table.header {width: 100%;
          background-color: #777777;}	
	
     .headertrail {font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 7pt;
          color: #000000;}
		  
	 .fullborder {
	 	  border:1px solid #555555;} 	  
 
     .border-top {
          border-top: 1px solid #FFFFFF;}
 
     .border-top-bottom {
          border-top: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF;}
		  
	 .border-left {
          border-left: 1px solid #FFFFFF;}  

     .login {font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px; 
          font-weight: normal; 
          color: #555555; 
          background-color: #FFFFFF;}

/*
###########################
Navigation Links				
###########################
*/


ul#menu {
	list-style:none;
  	width: 150px;
  	margin: 0; 
	padding: 0;
}

ul#menu ol {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 12px;
}

ul#menu li ol li::marker {
  content: "▶";
  color: red;
  font-size: 8px;
}

ul#menu li, ul#menu a {
  font-size: 11px;
  color: #555555;
  text-align: left;
  padding-top: 4px;
}



ul#menu a:hover {
  color: #ED1C24;
}

ul#menu a.active {
  color: #ED1C24;
}



a.button, a.button:link, a.button:visited, a.button:active {
  background-color: #777777;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #CCCCCC;
  border: 1px solid #000000;
}
  
a.button:hover {
  text-decoration: none;
  color: #FFFFFF;}  
  
.buttons {
  margin: 20px 7px -85px;
}













td.nav {padding-left: 20px;}

td.navtitles {
    background-color: #777777;
    border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;}
	
a.nav, a.nav:link, a.nav:visited, a.nav:active {
	font-size: 14px;
	text-decoration: none;
	color: #555555;}	

a.nav:hover {
	color: #ED1C24;}
	
	
	
/*
###########################
Content				
###########################
*/	
	
	
#content {width:820px; margin: 0;}	
#left_column {float:left; width:480px;}
#right_column {float:left; width:320px; margin-left:20px;}
#updated {float:right; background-color:#aaaaaa; margin:30px; padding:5px; font-size:10px; color:#FFFFFF; }
#news {width:212px; height:235px; background-image:url(/images/news.jpg); padding:40px 16px 0 12px;}
.news_headline {font-weight:bold; text-align:center;}
#join {width:212px; height:232px; background-image:url(/images/join.jpg); padding:42px 14px 0 14px;}
#map {margin:20px 0;}
.profile_table {width:440px; margin:20px 0;}
.title {font-size:18px;}
	
	
h1 {font-size: 28px; font-weight:bold;}
h2 {font-size: 20px; font-weight:normal;}
h3 {font-size: 18px;}		
h4 {font-size: 16px;}
h5 {font-size: 12px; color:#545454}	
h6 {font-size: 10px; font-weight:normal; margin:5px;}
	
.bold {font-weight: bold;}
.grey {color: #555555;}	
	
.red {color: #F15115;}
	
.white {color: #FFFFFF;}
			
.star {font-size:7pt; color:#FB6400;}
	
.textbox {font-size:11px; color:#555555}	

.heading {width:100%; background-color:#777777; border:#000000 solid 1px; padding:8px 0; color:#FFFFFF; font-weight:bold; font-size:14px;}

.center {text-align:center;}

.ns_top {margin-top:0;}
.ns_bottom {margin-bottom:0;}

.hs_top {margin-top:8px;}
.hs_bottom {margin-bottom:8px;}


.photo_title {text-align:center; font-size:18px; font-weight:bold; margin:0;}
.photo_caption {text-align:center; margin:6px;}
.photo_credit {text-align:center; font-size:9px; color:#111111; padding:0 0 12px;}


#photo-gallery {width:100%; margin:0 auto; padding:0; height:100%; text-align:center;}
a.thumbs {float:left; margin:4px 4px 10px;}
.photo-clear {clear:both; text-align:center; padding:16px 42px 0;}

	
/*
###########################
Footer				
###########################
*/


#footer {
	background-color: #777777;	
	text-align: center;
	width: 1058px;
	border: #000000 1px solid;}
	 
.footertext {	
	font-size: 13px;
	color: #FFFFFF;
	padding: 8px 0;}
	

/*
a.footer, a.footer:link, a.footer:visited, a.footer:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #CCCCCC;}

a.footer:hover {
	text-decoration: none;
	color: #FFFFFF;}
*/