/*
  CSS for Classy Design
  Jerome PJ Williams
  JWorks Studios - www.jworksstudios.com
  7-21-2010
  
  This comment for you if he plans on stealing it lol.
*/

body, html{
height: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: Arial;
font-size: 0.9em;
background-color: black; /*#000022;*/
color: white; /*#444444;*/
/*background-image: url('../images/bg3.jpg');*/
background-repeat: repeat-x;
text-align: center;
position: absolute;
top: 0px;
}

#body-container{
width: 100%;
margin-left: auto; 
margin-right: auto; 
text-align: center; 
}

#body{
position: relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-repeat: repeat-x;
background-color: white;
}

#clear{
clear: both;
}

h1{font-size: 30px;}
h2{font-size: 20px;}
h3{font-size: 15px;}
h1, h2, h3{color: #222222; /*#555555;*/ margin: -10px 0 10px 0;}

/*Links*/
a{text-decoration: none; color: #005555;}
a:hover{text-decoration: underline;}
a:visited{color: #005555;}
a.white{color: white;}
a img{border: 0px;}

#header-title{
width: 100%;
height: 50px;
background-color: black;
}

#header-buttons{
width: 100%;
height: 50px;
background-image: url('../images/buttonBG.jpg');
background-color: black;
background-repeat: repeat-x;
}
#button{
width: 156px;
height: 42px;
float: left;
}
#button-text{
position: relative;
top: -30px;
}

#content-container{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#content-top{
height: 400px;
width: 100%;
position: relative;
top: -50px;
/*background-color: black;*/
}

#content-bottom{
width: 100%;
background-color: #6d0101;
background-image: url('../images/contentBottomBG.jpg');
background-repeat: repeat-x;
margin-top: -70px;
position: relative;
top: -50px;
}

#sub-content-center{
width: 921px;
text-align: center;
margin: auto;
}

#sub-content-container{
width: 307px;
height: 376px;
background-image: url('../images/subContentBG.png');
background-repeat: no-repeat;
float: left;
color: black;
}

/*The image for the sub content*/
#sub-image{

}
/*The text for the sub content*/
#sub-content{
width: 250px;
margin: auto;
text-align: left;
color: #444444;
}

#sitemap{
width: 100%;
height: 102px;
background-image: url('../images/sitemapBG.jpg');
background-repeat: repeat-x;
}

#sitemap-cell{
float: left;
width: 100px;
}

#sitemap-padder{
padding-top: 20px;
float: left;
width: 100px;
}

#sitemap-content{
width: 600px; 
margin: auto;
}

.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
margin-left: auto;
margin-right: auto;
}

.float-left{float: left;}
.float-right{float: right;}
.float-center{margin: auto;}

.black{color: black;}
.white{color: white;}
.red{color: red;}
.gray{color: #222222;}