html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#222222;
 background-image:url('images/mainbg.jpg');
 font-family:arial;
 border:0px;
  } 

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

img {
 border:0px;
  }

 a:link {color: #66880d; text-decoration:none;  border:0px; }
 a:active {color: #66880d; text-decoration: none;  border:0px; }
 a:visited {color: #66880d; text-decoration: none;  border:0px; }
 a:hover {color: #8cb423; text-decoration: underline;  border:0px; }
 
#latestmatch {
 width:308px;
 height:270px;
 float:left;
 margin-left:1px;
 background-image:url('images/thebg.jpg');
 margin-top:2px;
 margin-bottom:2px;
 padding-left:2px;
  }

#statistics {
 width:298px;
 height:184px;
 float:left;
 margin-left:1px;
 background-image:url('images/thebg.jpg');
 margin-top:2px;
 margin-bottom:2px;
 padding-left:2px;
  }

#meettheteam {
 width:309px;
 height:270px;
 float:left;
 margin-left:1px;
 background-image:url('images/thebg.jpg');
 margin-top:2px;
 margin-bottom:2px;
 padding-left:1px;
  }

#twitter {
 width:298px;
 height:184px;
 float:left;
 margin-left:1px;
 background-image:url('images/thebg.jpg');
 margin-top:2px;
 margin-bottom:2px;
 padding-left:1px;
  }

#forumposts {
 width:298px;
 height:184px;
 float:left;
 margin-left:1px;
 background-image:url('images/thebg.jpg');
 margin-top:2px;
 margin-bottom:2px;
 margin-left:1px;
 padding-left:2px;
  }

#rosterData {
 padding-top:0px;
 padding-left:10px;
 color:#77a401;
 font-variant:bold;
  }

#rosterbg img {
 border:1px solid #858585;
  }

#rosterbg img:hover {
 border:1px solid #77a401;
  }

#rosterimg {
 padding-top:12px;
 padding-left:40px;
 float:left;
  }

#rosterimg2 {
 padding-top:12px;
 padding-right:40px;
 float:right;
  }

#latestmatchhead {
 width:301px;
 height:27px;
 background-image:url('images/latestmatches.jpg');
 margin-left:4px;
 margin-top:7px;
 background-repeat:no-repeat;
  }

#statisticshead {
 width:290px;
 height:27px;
 background-image:url('images/statistics.jpg');
 background-repeat:no-repeat;
 margin-left:4px;
 margin-top:7px;
  }

#forumshead {
 width:290px;
 height:27px;
 background-image:url('images/recentposts.jpg');
 background-repeat:no-repeat;
 margin-left:4px;
 margin-top:7px;
  }

#rosterhead {
 width:301px;
 height:27px;
 background-image:url('images/meettheteam.jpg');
 margin-left:4px;
 margin-top:7px;
  }

#twitterhead {
 width:290px;
 height:27px;
 background-image:url('images/twitterbox.jpg');
 background-repeat:no-repeat;
 margin-left:4px;
 margin-top:7px;
  }

#thebg {
 width:276px;
 height:38px;
 background-image:url('images/lmbg.jpg');
 margin-left:4px;
 padding-left:10px;
 color:#545455;
 font-size:9pt;
  }

#loss {
 width:287px;
 height:38px;
 background-image:url('images/loss.jpg');
 margin-left:4px;
 padding-left:10px;
 color:#545455;
 font-size:9pt;
  }

#tie {
 width:287px;
 height:38px;
 background-image:url('images/tie.jpg');
 margin-left:4px;
 padding-left:10px;
 color:#545455;
 font-size:9pt;
  }

#win {
 width:287px;
 height:38px;
 background-image:url('images/win.jpg');
 margin-left:4px;
 padding-left:10px;
 color:#545455;
 font-size:9pt;
  }

.lmclass {
color:#78a501;
text-decoration:underline;
}

#lmimg {
 float:left;
 margin-right:10px;
 margin-top:7px;
  }

#lmtext {
 padding-top:12px;
 float:left;
 color:#858684;
  }

#lmscore {
 float:right;
 margin-right:0px;
 padding-top:0px;
 height:37px;
 padding-top:1px;
  }

#lmimg {
 float:left;
 margin-right:10px;
 margin-top:7px;
  }

#lmtext {
 padding-top:12px;
 float:left;
 color:#858684;
 font-size:9pt;
  }


#lmtext a:link {color: #78a501; text-decoration: underline;  }
#lmtext a:active {color: #66880d; text-decoration: none; }
#lmtext a:visited {color: #66880d; text-decoration: none; }
#lmtext a:hover {color: #9dcf18; text-decoration: underline; }

#lmscore {
 float:right;
 margin-right:0px;
 padding-top:0px;
 height:37px;
 padding-top:1px;
  }

#rptext {
 padding-top:6px;
 float:left;
 color:#858684;
 font-size:8pt;
  }

#rptext a:link {color: #78a501; text-decoration: underline;  }
#rptext a:active {color: #66880d; text-decoration: none; }
#rptext a:visited {color: #66880d; text-decoration: none; }
#rptext a:hover {color: #9dcf18; text-decoration: underline; }



#thebgbot {
 width:288px;
 height:36px;
 background-image:url('images/lmbg.jpg');
 margin-left:4px;
 padding-left:10px;
 color:#545455;
 font-size:9pt;
 border-right:2px solid #515151;
 border-left:1px solid #515151;
 border-bottom:2px solid #515151;
  }

#rosterbg {
 margin-left:4px;
 width:298px;
 height:228px;
 color:#545455;
 background-image:url('images/bg3.jpg');
 padding-left:3px;
  }

#pagewidth { 
 width:902px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
  } 

/*Border dont change this*/ 

#bg {
 width:990px;
 margin-left:auto;
 margin-right:auto;
 background-image:url('images/bg.jpg');
  }

/*Navigation*/ 

#headtop {
 position:relative; 
 height:48px; 
 background-image:url('images/headtop.jpg');
 width:100%;
  } 

#nav {
 background-image:url('images/navbg.jpg');
 height:43px;
 width:856px;
 padding-right:23px;
 padding-left:23px;
  }

#headleft {
 width:340px; 
 float:left; 
 position:relative; 
 font-variant:small-caps;
 padding-top:8px;
 padding-left:19px;
 color:#fff;
 font-size:10pt;
  }

#headleft a:link {color: #66880d; text-decoration:none;  border:0px; }
#headleft a:active {color: #66880d; text-decoration: none;  border:0px; }
#headleft a:visited {color: #66880d; text-decoration: none;  border:0px; }
#headleft a:hover {color: #8cb423; text-decoration: underline;  border:0px; }

ul{
    margin: 0 auto;
    padding: 0;
}
ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none
}



/* CU Nav */

#home
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/home.jpg') no-repeat 0 0;
  border:0px; }
#home:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/homero.jpg') no-repeat 0 0;
  border:0px;}
#home span{ 
 display: none; 
 border:0px; 
  }

#media
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/media.jpg') no-repeat 0 0;
  border:0px; }
#media:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/mediaro.jpg') no-repeat 0 0;
  border:0px;}
#media span{ 
 display: none; 
 border:0px; 
  }

#community
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/community.jpg') no-repeat 0 0;
  border:0px; }
#community:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/communityro.jpg') no-repeat 0 0;
  border:0px;}
#community span{ 
 display: none; 
 border:0px; 
  }

#downloads
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/downloads.jpg') no-repeat 0 0;
  border:0px; }
#downloads:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/downloadsro.jpg') no-repeat 0 0;
  border:0px;}
#downloads span{ 
 display: none; 
 border:0px; 
  }

#manual
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/manual.jpg') no-repeat 0 0;
  border:0px; }
#manual:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/manualro.jpg') no-repeat 0 0;
  border:0px;}
#manual span{ 
 display: none; 
 border:0px; 
  }

#member
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/member.jpg') no-repeat 0 0;
  border:0px; }
#member:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/memberro.jpg') no-repeat 0 0;
  border:0px;}
#member span{ 
 display: none; 
 border:0px; 
  }

#about
{ display: block;
  width:110px;
  height:42px;
  background: url('images/nav/about.jpg') no-repeat 0 0;
  border:0px; }
#about:hover{ 
  width:110px;
  height:42px;
  background: url('images/nav/aboutro.jpg') no-repeat 0 0;
  border:0px;}
#about span{ 
 display: none; 
 border:0px; 
  }


/* SubMenuItems */

#screenshots
{ display: block;
  width: 110px;
  height: 52px;
  background: url('images/nav/screenshots.png') no-repeat 0 0;
  border:0px; }
#screenshots:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/screenshots.png') no-repeat 0 0;
  border:0px;}
#screenshots span{ 
 display: none; 
 border:0px; 
  }

#movies
{ display: block;
  width: 110px;
  height: 52px;
  background: url('images/nav/movies.png') no-repeat 0 0;
  border:0px; }
#movies:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/movies.png') no-repeat 0 0;
  border:0px;}
#movies span{ 
 display: none; 
 border:0px; 
  }

#forum
{ display: block;
  width: 110px;
  height: 52px;
  background: url('images/nav/forum.png') no-repeat 0 0;
  border:0px; }
#forum:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/forum.png') no-repeat 0 0;
  border:0px;}
#forum span{ 
 display: none; 
 border:0px; 
  }

#ladder
{ display: block;
  width: 110px;
  height: 52px;
  background: url('images/nav/ladder.png') no-repeat 0 0;
  border:0px; }
#ladder:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/ladder.png') no-repeat 0 0;
  border:0px;}
#ladder span{ 
 display: none; 
 border:0px; 
  }



#faq
{ display: block;
  width: 110px;
  height: 52px;
  background: url('images/nav/faq.png') no-repeat 0 0;
  border:0px; }
#faq:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/faq.png') no-repeat 0 0;
  border:0px;}
#faq span{ 
 display: none; 
 border:0px; 
  }

#newbieguide
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/newbieguide.png') no-repeat 0 0;
  border:0px; }
#newbieguide:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/newbieguide.png') no-repeat 0 0;
  border:0px;}
#newbieguide span{ 
 display: none; 
 border:0px; 
  }

#wiki
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/wiki.png') no-repeat 0 0;
  border:0px; }
#wiki:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/wiki.png') no-repeat 0 0;
  border:0px;}
#wiki span{ 
 display: none; 
 border:0px; 
  }




#empires
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/empires.png') no-repeat 0 0;
  border:0px; }
#empires:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/empires.png') no-repeat 0 0;
  border:0px;}
#empires span{ 
 display: none; 
 border:0px; 
  }

#accountoptions
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/accountoptions.png') no-repeat 0 0;
  border:0px; }
#accountoptions:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/accountoptions.png') no-repeat 0 0;
  border:0px;}
#accountoptions span{ 
 display: none; 
 border:0px; 
  }

#cuweb
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/cuweb.png') no-repeat 0 0;
  border:0px; }
#cuweb:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/cuweb.png') no-repeat 0 0;
  border:0px;}
#cuweb span{ 
 display: none; 
 border:0px; 
  }

#webrpg
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/webrpg.png') no-repeat 0 0;
  border:0px; }
#webrpg:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/webrpg.png') no-repeat 0 0;
  border:0px;}
#webrpg span{ 
 display: none; 
 border:0px; 
  }

#logout
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/logout.png') no-repeat 0 0;
  border:0px; }
#logout:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/logout.png') no-repeat 0 0;
  border:0px;}
#logout span{ 
 display: none; 
 border:0px; 
  }



#development
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/development.png') no-repeat 0 0;
  border:0px; }
#development:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/development.png') no-repeat 0 0;
  border:0px;}
#development span{ 
 display: none; 
 border:0px; 
  }

#contact
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/contact.png') no-repeat 0 0;
  border:0px; }
#contact:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/contact.png') no-repeat 0 0;
  border:0px;}
#contact span{ 
 display: none; 
 border:0px; 
  }

#disclaimer
{ display: block;
  width:110px;
  height:52px;
  background: url('images/nav/disclaimer.png') no-repeat 0 0;
  border:0px; }
#disclaimer:hover{ 
  width:110px;
  height:52px;
  background: url('images/nav/disclaimer.png') no-repeat 0 0;
  border:0px;}
#disclaimer span{ 
 display: none; 
 border:0px; 
  }






/*NAV END*/ 

/*Forms*/ 

#headright{
 float: right; 
 display:inline; 
 position: relative; 
 width:533px;
 padding-top:10px; 
  }

input {
 float:top;
  }

.uname { 
 font-size: 9pt; 
 background-image:url('images/uname.jpg');
 background-repeat:no-repeat;
 width:137px;
 height:19px;
 border:0px;
 padding-left:35px;
 padding-top:3px;
 float:left;
  }

.login { 
 font-size: 9pt; 
 background-image:url('images/login.png');
 background-repeat:no-repeat;
 width:57px;
 height:20px;
 border:0px;
 float:left;
 margin-left:11px;
  }

.pass { 
 font-size: 9pt; 
 background-image:url('images/pword.jpg');
 background-repeat:no-repeat;
 width:137px;
 height:19px;
 border:0px;
 padding-left:35px;
 padding-top:3px;
 float:left;
 margin-left:15px;
  }

.pass { 
 font-size: 10px; 
 background-color: #CCCCCC; 
 border: 0px solid #666666; 
  }

/*Header*/ 

#header{
 position:relative; 
 height:160px; 
 background-image:url('images/headimage.jpg');
 width:100%;
  } 

/*Left Column*/ 

#leftcol{
 width:314px; 
 float:left; 
 position:relative; 
  }

#leftcol1{
 width:299px; 
 height:255px;
 float:left; 
 background-image:url('images/featuredsponsors.jpg');
 padding-top:39px;
 padding-left:15px;
 margin-right:15px;
 margin-bottom:2px;
  }

#leftcol2{
 width:299px; 
 height:255px;
 float:left; 
 background-image:url('images/othersponsors.jpg');
 padding-top:39px;
 padding-left:15px;
  }

/*Main Column/News*/ 

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:585px; 
 margin-right:1px;
  }
#newstop {
 width:585px; 
 height:6px;
 background-image:url('images/newstop.jpg');
 background-repeat:no-repeat;
  }
#newsbot {
 width:585px; 
 height:7px;
 background-image:url('images/newsbot.jpg');
 background-repeat:no-repeat;
 margin-bottom:1px;
  }
#news {
 width:578px; 
 padding-left:7px;
 padding-top:1px;
 background-image:url('images/abg.jpg');
 font-weight: bold; 
  }
#newstext {
 width:563px;
 padding-left:7px;
 padding-top:5px;
 color:#858684;
 font-size:9pt;
 font-weight: bold; 
  }
#conhead{
 width:571px; 
 background-image:url('images/conhead.jpg');
 color:#ffffff;
 height:22px;
 text-align:center;
 font-size:9pt;
 font-weight: bold; 
 padding-top:7px;
  }
#confoot{
 width:560px; 
 background-image:url('images/confoot.jpg');
 color:#858684;
 height:20px;
 color:#9a9a9a;
 font-size:10pt;
 margin-left:1px;
 padding-top:9px;
 font-weight: bold; 
 font-size: 9pt;
 margin-top:5px;
 padding-left:5px;
 padding-right:5px;
  }

#confoot a:link {color: #66880d; text-decoration:none;  border:0px; }
#confoot a:active {color: #66880d; text-decoration: none;  border:0px; }
#confoot a:visited {color: #66880d; text-decoration: none;  border:0px; }
#confoot a:hover {color: #8cb423; text-decoration: underline;  border:0px; }
 
/*Footer*/ 

#footer{
 height:121px; 
 background-image:url('images/footer.jpg');
 clear:both;
 font-weight:bold;
 font-size:9pt;
 color:#fff;
 padding-top:17px;
 padding-left:9px;
  } 
 

 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
  }
 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}