body {
    margin: 0px;
    padding: 0px;
    text-align:center;
    background-color: #505557;
    }   
    
/* Layout elements */
	
#container {
	width:717px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
    }
		
#contentheader {
    padding: 18px 0 26px 0;
    text-align: center;
    }
		
#contentleft {
	width:182px;
	height:317px;
	margin: 0px;
	padding:0px;
	float:left;
	}
	
#contentcenter {
	width:353px;
	padding:10px 0 0 0;
	float:left;
    background: transparent url('images/shoutbox_03.gif') top repeat-y;
	}
		
#contentcenterpad {
    padding: 0 20px 10px 18px;
    font-family: arial, san-serif;
    font-size: 10pt;
    color: #000000;
    }
	
#contentright {
	width:182px;
	float:left;
    height:317px;
	}
			
#middle {
    margin: 0;
    padding: 0;
    background: #FFFFFF url('images/middle_bg.gif') top repeat-x;
    width: 100%;
    }
        
#middleawrap {
    margin: auto;
    padding: 0;
    width: 620px;
    text-align: left;
    }
        		
#middlealeft {
    float: left;
    width: 186px;
    text-align: right;
    }
        
#middlearight {
    float: left;
    width: 394px;
    padding: 20px;
    }
    
.middleleftbox {
    float: right;
    width: 159px;
    background: url('images/middleleftbox_bg.gif') top repeat-y;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    }
    
.middleleftboxpad {
    padding: 10px;
    }
    
#promobox {
    float: right;
    width: 186px;
    background: url('images/promo_bg.gif') top repeat-y;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    }
    
#promoboxpad {
    padding: 0 10px 8px 39px;
    }
    
#middleline {
    width: 100%;
    height: 8px;
    background-color: #222222;
    }
    
#footer1 {
    margin: auto;
    padding: 0;
    width: 100%;
    background: #222222 url('images/bottom_stripe.gif') top repeat;
    }
    
#footerwrap {
    margin: auto;
    width: 670px;
    }

#footerwrapleft {
    float: left;
    margin: 10px;
    padding: 10px;
    width: 180px;
    text-align: left;
    }
    
#footerwrapright {
    float: left;
    margin: 10px;
    padding: 10px;
    width: 400px;
    text-align: left;
    border: solid 1px #000000;
    background: #222222 url('images/bottom_stripe2.gif') top repeat;
    }
  
#footer2 {
    margin: auto;
    padding: 0;
    width: 100%;
    background: #222222 url('images/bottom_stripe2.gif') top repeat;
    }
    
#footerwrap2 {
    margin: auto;
    padding: 10px;
    width: 630px;
    text-align: left;
    }
    
/* Text, image and link formatting */

#logo { 
	margin-top:10px; 
	margin-bottom: 14px; 
	}

.lilbit {
    margin: 0;
    padding: 0;
    margin-top: 4px;
    /* Move it down... jus' a lil bit. */
    }
    
h1 a, a:visited {
    color: #00adef;
    text-decoration: none;
    }
    
          
h1 a:hover, a:active {
    color: #00adef;
    border-bottom: dashed 1px #00adef;
    }
             
h1 {
    margin: 0;
    padding: 0;
    color: #00adef;
    font-size:18pt;
    font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	}
	
h1#mostbig {
    font-size:3.5em;
    text-align:center;
}

h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    color: #FFFFFF;
    font-size:16pt;
    font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	}
	
#middlearight h1 {
    padding-bottom: 4px;
    }
		
p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    }
    
p a, a:visited {
    color: #00adef;
    text-decoration: none;     
    font-weight: bold;
    }
    
          
p a:hover, a:active {
    color: #00adef;
    border-bottom: dashed 1px #00adef;
    font-weight: bold;
    }
        
img {
    margin: 0;
    padding: 0;
    border: 0;
    }
    
img a, a:visited, a:active {
    border: 0;
    }
    
#footerwrapright p, #footerwrapleft p {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    }
    
#footerwrap2 p {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-family: "Arial Rounded MT Bold", Arial, sans-serif;
    /* Lets make it bold for IE, shall we? We shall. */
    _font-weight: bold;
    font-size: 12px;
    text-align: right;
    }
    
#footerwrapright a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: dashed 1px #ffffff;
    }
    
#footerwrapright a:visited {
    color: #ffffff;
    text-decoration: none;
    border-bottom: dashed 1px #ffffff;
    }

#footerwrapright a:hover {
    color: #ffffff;
    text-decoration: none;
    border-style: none;
    }    
          
#footerwrapright a:active {
    color: #ffffff;
    text-decoration: none;
    border-style: none;
    }
    
#promoboxpad a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: dashed 1px #ffffff;
    font-weight: bold;
    }
    
#promoboxpad a:visited {
    color: #ffffff;
    text-decoration: none;
    border-bottom: dashed 1px #ffffff;
    font-weight: bold;
    }

#promoboxpad a:hover {
    color: #ffffff;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    }    
          
#promoboxpad a:active {
    color: #ffffff;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    }
    
.promohead {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-family: "Arial Rounded MT Bold", Arial, sans-serif;
    /* Lets make it bold for IE, shall we? We shall. */
    _font-weight: bold;
    font-size: 16px;
    }
    

        
/* The below class allows a div to be cleared without using dummy tags */
        
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
    }
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */