@charset "UTF-8";
/* CSS Document */

body  {
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Arial, Helvetica,  Verdana, sans-serif;
	font-size: 75%;
	background-color: #ffffff;
	background-image: url('images/head-bg-extend.gif');
	background-repeat: repeat-x
}

h1, h2 {
	margin-top: 20px;
	margin-bottom: -5px;
}

h3 {
	
}

h1 a, h2 a, h3 a {
	color:#000;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color:#525252;
}


.boxa940 h2, .boxa620 h2, .boxa460 h2 {
	margin-top: 0px;
	margin-bottom: -5px;
}
.boxhs940 h2, .boxa620 h2, .boxa460 h2 {
	margin-top: 0px;
	margin-bottom: -5px;
}
.boxhb940 h2, .boxa620 h2, .boxa460 h2 {
	margin-top: 0px;
	margin-bottom: -5px;
}



.twoColFixRtHdr #container { 
	width: 960px; 
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
} 
.twoColFixRtHdr #header {
	width: 960px;
	background: #DDDDDD url('images/head-bg.gif') no-repeat; 
	padding:0;   
} 
.twoColFixRtHdr #sidebar1 {
	float: right; 
	width: 220px; 
	margin: 0px 0px 0px 10px;
	padding: 10px 0px;
}

/* box220 */
.box220 {
	width:220px;
	background-image:url('images/box-220-bottom.gif');
	background-position: 
               left bottom;
	padding-bottom:8px;
	margin: 10px 0
}
.box220-middle {
	background-image:url('images/box-220-middle.gif');
	background-repeat:repeat-y;
	margin:0;
	width:220px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:9px
}
.box220 h2 {
	background-image:url('images/box-220-top.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px
}
.box220 p, .box ul {
	padding: 0 10px;	
}

/* box460 */
.box460 {
	width:460px;
	background-image:url('images/box-460-bottom.gif');
	background-position: 
               left bottom;
	padding-bottom:8px;
	margin: 10px 0
}
.box460-middle {
	background-image:url('images/box-460-middle.gif');
	background-repeat:repeat-y;
	margin:0;
	width:460px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:9px
}
.box460 h2 {
	background-image:url('images/box-460-top.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px
}
.box460 p, .box ul {
	padding: 0 10px;	
}

.content460 {
	float:left;
	width:460px;
	margin: 0 10px;
}

#homeSpread{
	width: 940px;
	margin:0 auto;
	padding: 30px 0;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; 
	padding: 0px;
} 
.twoColFixRtHdr #footer { 
	margin: 20px 0 0 0;
	padding: 0 10px 0 10px; 
	text-align:center;
	
} 
.twoColFixRtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 0px;
}
.fltlft { 
	float: left;
	margin-right: 0px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Navigation*/
#nav {
	margin:0px;
	padding:0px;
	background-image:url('images/nav.jpg');
	background-repeat:no-repeat
}
#nav ul {
	display:inline;
	list-style-type: none;
}
#nav ul li{
	display:inline;
	list-style-type: none;
}
#nav-about {
	float:left;
    display: block;
    width: 68px;
    height: 45px;
    background: url('images/nav.gif') no-repeat 0 0;

  }
#nav-about:hover { 
    background: url('images/nav.gif') no-repeat 0 -45px;
  }

#nav-how {
	float:left;
    display: block;
    width: 106px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -68px 0;

  }
#nav-how:hover { 
    background: url('images/nav.gif') no-repeat -68px -45px;
  }
  
  
#nav-announcements {
	float:left;
    display: block;
    width: 122px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -174px 0;

  }
#nav-announcements:hover { 
    background: url('images/nav.gif') no-repeat -174px -45px;
  }
  
#nav-forum {
	float:left;
    display: block;
    width: 61px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -296px 0;

  }
#nav-forum:hover { 
    background: url('images/nav.gif') no-repeat -296px -45px;
  }  
  
#nav-blog {
	float:left;
    display: block;
    width: 52px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -357px 0;

  }
#nav-blog:hover { 
    background: url('images/nav.gif') no-repeat -357px -45px;
  }  
  
#nav-terms {
	float:left;
    display: block;
    width: 141px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -409px 0;

  }
#nav-terms:hover { 
    background: url('images/nav.gif') no-repeat -409px -45px;
  } 
  
  #nav-seo {
	float:left;
    display: block;
    width: 150px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -550px 0;

  }
#nav-seo:hover { 
    background: url('images/nav.gif') no-repeat -550px -45px;
  }
  
  
#nav-space {
	float:left;
    display: block;
    width: 100px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -700px 0;

  }

#nav-register {
	float:left;
    display: block;
    width: 92px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -800px 0;

  }
#nav-register:hover { 
    background: url('images/nav.gif') no-repeat -800px -45px;
  } 
  
#nav-login {
	float:left;
    display: block;
    width: 68px;
    height: 45px;
    background: url('images/nav.gif') no-repeat -892px 0;

  }
#nav-login:hover { 
    background: url('images/nav.gif') no-repeat -892px -45px;
  }   


#nav-about span {   display: none;}
#nav-how span {   display: none;}
#nav-announcements span {   display: none;}
#nav-forum span {  display: none;}
#nav-blog span {  display: none;}
#nav-terms span {  display: none;}
#nav-seo span {  display: none;}
#nav-space span {  display: none;}
#nav-register span {  display: none;}
#nav-login span {  display: none;}


.at {background: url('images/box-adot.gif') repeat-x 0 0; }
.ab {background: url('images/box-adot.gif') repeat-x 0 100%; }
.al {background: url('images/box-adot.gif') repeat-y 0 0; }
.ar {background: url('images/box-adot.gif') repeat-y 100% 0; }
.abl {background: url('images/box-abl.gif') no-repeat 0 100%; }
.abr {background: url('images/box-abr.gif') no-repeat 100% 100%; }
.atl {background: url('images/box-atl.gif') no-repeat 0 0; }
.atr {background: url('images/box-atr.gif') no-repeat 100% 0; padding:10px} 

.boxa220 {
	width:220px;
	background-color:#e1e1e1;
	margin:10px 0;
}

.boxa300 {
	width:300px;
	background-color:#e1e1e1;
	margin:10px 0;
}

.boxa460 {
	width:460px;
	background-color:#e1e1e1;
	margin:10px 0;
}

.boxa620 {
	width:620px;
	background-color:#e1e1e1;
	margin:10px 0;	
}

.boxa940 {
	width:940px;
	background-color:#e1e1e1;
	margin:10px 0;	
}
.boxhs940 {
	width:940px;
	background-color:#e1e1e1;
	margin:10px 0;	
}
.boxhb940 {
	width:940px;
	background-color:#e1e1e1;
	margin:10px 0;	
}


.bbl {background: url('images/box-bbl.gif') no-repeat 0 100%; }
.bbr {background: url('images/box-bbr.gif') no-repeat 100% 100%; }
.btl {background: url('images/box-btl.gif') no-repeat 0 0; }
.btr {background: url('images/box-btr.gif') no-repeat 100% 0; padding-left:17px; padding-right:17px; padding-top:8px; padding-bottom:8px } 

.boxb220 {
	width:220px;
	background-color:#1f1f1f;
	margin:10px 0;
}

.boxb300 {
	width:300px;
	background-color:#1f1f1f;
	margin:10px 0;
}

.boxb460 {
	width:460px;
	background-color:#1f1f1f;
	margin: 0;
}

.boxb620 {
	width:620px;
	background-color:#1f1f1f;
	margin:10px 0;
}

.boxb940 {
	width:940px;
	background-color:#1f1f1f;
	margin:10px 0;
}

.ct {background: url('images/box-cdot.gif') repeat-x 0 0; }
.cb {background: url('images/box-cdot.gif') repeat-x 0 100%; }
.cl {background: url('images/box-cdot.gif') repeat-y 0 0; }
.cr {background: url('images/box-cdot.gif') repeat-y 100% 0; }
.cbl {background: url('images/box-cbl.gif') no-repeat 0 100%; }
.cbr {background: url('images/box-cbr.gif') no-repeat 100% 100%; }
.ctl {background: url('images/box-ctl.gif') no-repeat 0 0; }
.ctr {background: url('images/box-ctr.gif') no-repeat 100% 0; padding:10px} 

.boxc220 {
	width:220px;
	background-color:#fff;
	margin:10px 0;
}

.boxc300 {
	width:300px;
	background-color:#fff;
	margin:10px 0;
}

.boxc460 {
	width:460px;
	background-color:#fff;
	margin:10px 0;
}

.boxc620 {
	width:620px;
	background-color:#fff;
	margin:10px 0;
}

.boxc940 {
	width:940px;
	background-color:#fff;
	margin:10px 0;
}

.content940 {
	width: 940px;
	margin:0 auto;
	text-align:left;
}
.content-how940 {
	width: 940px;
	margin:0 auto;
	text-align:left;
}
.boxb460 h2 {
	font-size: 100%;
	color: #f7e22f;
}

.boxb460 p {
	font-size: 90%;
	color: #fff;
}

.boxb460 a {
	color: #f7e22f;
}

.boxb460 a:hover {
	color: #f7c02f;
}
#sidebar1 .box220 h3 {
	padding-left: 10px;
}
ul, ul a {
	color: #525252;
}
ul a:hover {
	color: #000;	
}

li {
	list-style-image: url('images/arrow-r.gif');
	margin-bottom: 2px
}
img {
	border:none;
}

</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>