@charset "ISO-8859-1";
/* CSS Document */

/* body and global links */
body {
	background:url(images/body_bg.jpg) center top repeat-y #000;
	width:100%; 
	height:100%; 
	margin:0;
	}

html {
	font-size:100%;
	overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
	}

a { 
	color:#909090; 
	text-decoration:none
	}
	
a:hover { 
	color:#b41212;
	}
	
a img { 
	border:none
	}
	
/* type headers */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ececec;
	font-size:1.3em;
	text-align:center;
	padding:4px 0 0 0;
	margin:0 17px 0 20px;
	font-weight:normal;
	}	
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7d7575;
	font-size:1.1em;
	text-align:left;
	padding:30px 0 0 15px;
	margin:0;
	font-weight:normal;

	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7d7575;
	font-size:1.1em;
	text-align:left;
	padding:50px 0 0 15px;
	margin:0;
	font-weight:normal;
	}
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7d7575;
	font-size:1.2em;
	text-align:left;
	padding:0px 0 0 0;
	margin:0 0 0 5px;
	font-weight:normal;
	}
	
/* container and centered background */
#container { 
	background:url(images/main_container_bg.jpg) center top no-repeat;
	}
	
#container_secondary { 
	position:relative; 
	width:906px; 
	margin:0 auto 0 auto; 
	text-align:left; 
	background:url(images/content_repeat.png) repeat-y center top; 
	}
	
#container_secondary:after { 
	content: "."; 
	display:block; 
	height:auto; 
	clear:both; 
	visibility:hidden; 
	}
	
#container_tertiary {
	background:url(images/container_tertiary_bg.jpg) center top no-repeat;
	width:906px;
	height:auto;
	padding-bottom:0;
	}
	
	
/* content containers */
#container_header {
	background:url(images/header_background.jpg) center top no-repeat;
	width:906px;
	height:240px;
	}

#header_spacer {
	height:218px;
	  width:1px;
	}

#navbar {
	height:22px;
	width:906px;
	}

/* main content */
#container_content_main {
	width:906px;
	height:auto;
	margin:20px auto 0 4px;
	}
	
.container_content_left {
	width:643px;
	height:auto;
	float:left;
	}

.container_content_left_secondary {
	position:relative; 
	width:643px; 
	height:auto;
	text-align:left;
	margin:0 0 20px 0; 
	background:url(images/container_content_left_repeat.png) repeat-y center top;
	}

.container_content_left_tertiary {
	background:url(images/container_content_left_top.png) center top no-repeat;
	width:643px;
	height:54px;
	}
	
.container_content_left_bottom {
	width:643px;
	height:auto;
	background:url(images/container_content_left_bottom.png) bottom no-repeat;
	padding:0 0 10px 0;
	margin:-15px 0 0 0;
	text-align:left;
	}

.container_content_left_bottom p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#dde1e0;
	font-size:0.7em;
	text-align:center;
	padding:0;
	margin:0 17px 0 20px;
	font-weight:normal;
	}

.container_content_right {
	width:246px;
	height:auto;
	float:left;
	margin:-20px 0 0 8px;
	}

.container_content_right_secondary {
	position:relative; 
	width:246px; 
	text-align:left;
	margin:0 0 10px 0;
	background:url(images/container_content_right_repeat.png) repeat-y center top;
	}

.container_content_right_tertiary {
	background:url(images/container_content_right_top.jpg) center top no-repeat;
	width:246px;
	height:119px;
	margin:0 0 -15px 0;
	}
	
#container_content_right_tertiary_first {
	background:url(images/container_content_right_top_first.jpg) center top no-repeat;
	width:246px;
	height:102px;
	}
	
.container_content_right_bottom {
	width:246px;
	height:auto;
	background:url(images/container_content_right_bottom.png) bottom no-repeat;
	margin:-20px 0 0 0;
	padding:0 0 10px 0;
	text-align:left;
	}
	
	
.container_content_right_bottom p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#dde1e0;
	font-size:0.6em;
	text-align:left;
	padding:0;
	margin:0 15px 10px 18px;
	font-weight:normal;
	}

.members {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#dde1e0;
	font-size:0.7em;
	text-align:left;
	padding:0;
	margin:0 17px 0 20px;
	font-weight:normal;
	}
	
.members_left {
	width:200px; 
	float:left; 
	margin:10px 0 0 35px;
	background:url(images/members_left.jpg) top left no-repeat;
	}
	
.members_right {
	float:right; 
	background:url(images/members_right.jpg) top right no-repeat;
	width:350px; 
	text-align:left; 
	margin:15px 25px 0 0;
	}

/* navigation bar */
a#btn_home img { width:50px; height:20px; background: url(images/menu.png) -20px -10px no-repeat }
a#btn_home:hover img {background:url(images/menu.png) -20px -40px }
a#btn_news img { width:45px; height:20px; background: url(images/menu.png) -80px -10px no-repeat }
a#btn_news:hover img {background:url(images/menu.png)  -80px -40px }
a#btn_members img { width:80px; height:20px; background: url(images/menu.png) -140px -10px no-repeat }
a#btn_members:hover img {background:url(images/menu.png)  -140px -40px }
a#btn_forum img { width:55px; height:20px; background: url(images/menu.png) -230px -10px no-repeat }
a#btn_forum:hover img {background:url(images/menu.png)  -230px -40px }
a#btn_media img { width:60px; height:20px; background: url(images/menu.png) -300px -10px no-repeat }
a#btn_media:hover img {background:url(images/menu.png)  -300px -40px }
a#btn_contact img { width:65px; height:20px; background: url(images/menu.png) -360px -10px no-repeat }
a#btn_contact:hover img {background:url(images/menu.png)  -360px -40px }


/* footer */

#div_footer_img_a  { 
	background:url(images/footer_floating.png) bottom no-repeat; 
	overflow: auto;
	height:156px; 
	width: 100%; 
	position: absolute; 
	bottom: 0;
	margin:0 auto 0 auto;
	}
	
@media screen {
  body>#div_footer_img_a {position: fixed;}
}

#div_footer_img_b { 
	position:relative;
	margin:0 auto 0 auto; 
	text-align:left; 
	height:156px; 
	width:100%; 
	background:url(images/footer_floating.png) bottom no-repeat;
	}
	

	
#static_footer { 
	background:url(images/footer_static.png) top center no-repeat;
	height:50px;
	width:100%;
	}
	

#static_footer_content { 
	width:600px;
	height:15px;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	top:45px;
	}
	
#static_footer_content p { 
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#dde1e0;
	font-size:0.6em;
	text-align:center;
	margin:0;
	padding:0;
	}

	
.float {
	float:left;
	margin:0 0 0 50px;
	width:auto;
	height:auto;
	}
	
.float_r {
	float:right;
	margin:0 50px 0 0;
	width:auto;
	height:auto;
	}


/*contact form */
#container_form {
	margin:-15px 0 20px 0;
	text-align:left;
	}

#main_ref {
	text-align:left;
	padding-left:25px;
	}	

#main_ref p {
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#dde1e0;
	font-size:0.6em;
	text-align:left;
	margin:0;
	padding-left:25px;
	}	
	
#contact_form, #contact_form fieldset { margin:20px 0 0 0; padding:0; border:none }
#contact_form fieldset { margin:0  }
#contact_form legend { margin:0; padding:0; color:#dde1e0; font-size:0.7em; font-family:verdana, helvetica, arial, sans-serif; text-align:left; letter-spacing:-1px; }
#contact_form input, #contact_form textarea { margin:3px 0 8px 0; padding:3px 0 0 3px; display:block; font-size:0.7em; font-family:verdana, helvetica, arial, sans-serif; background-color:#292929; border:solid 1px #dde1e0; color:#dde1e0; line-height:0.7em; }
#contact_form textarea { margin:3px 0 0 0; padding:2px }
#contact_form input.sendbt {width:527px; margin:0 auto 20px auto; padding:0; text-transform:uppercase; background-color:#292929; color:#dde1e0 }
#contact_form input.sendbt:hover { color:#b41212; cursor:pointer; text-align:center; }
#contact_form input:focus, #contact_form textarea:focus { background-color:#161616; border:solid 1px #898383; }
#contact_form #subject { height:20px }
#contact_form #send_contact { height:18px; margin:10px 0 0 0 }

#media_thumbnails {
	padding:0 17px 0 20px;
	text-align:center;
	}

#media_thumbnails img {
	margin:0 0 15px 15px;
	}
