body, html{
height: 100%;
margin-left: auto;
margin-right: auto;
/*background-color: #1554A9;*/
font-family: Arial;
width: 980px;
font-size: 0.9em;
}

#body{
position: relative;
top: -10px;
/*background-color: yellow;*/
width: 975px;
margin-left: auto;
margin-right: auto;
text-align: center;
/*border: solid #DDDDDD 0px;
border-right-width: 1px;*/
}

/*Links*/
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

.clear{
clear: both;
}

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

.right {
  float: right;
}
.left {
   float: left;
}


#main_table{
background-color: white;
/*background-image: url('http://www.jworksstudios.com/images/wavebg.jpg');
background-repeat: repeat-y;*/
z-index: 1;
position: relative;
width: 973px;
margin-left: auto;
margin-right: auto;
}


#main_content{
width: 950px;
padding: 5px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -50px;
text-align: center;
/*background-color: yellow;*/
}

#main_centered{
margin-left: auto;
margin-right: auto;
width: 900px;
/*background-color: red;*/
}

#header{
margin-right: auto;
margin-left: auto;
/*background-color: white;*/
text-align: left;
/*width: 919px;*/
height: 150px;
padding: 20px;
}

/*These are the links to the important serivces i.e., Logos | Music Players | etc....*/
#serviceLinks{
/*background-color: #AAAAAA;*/
padding: 10px;
margin-left: 7px;
margin-right: 7px;
color: white;
text-align: center;
}

#serviceLinks a{
color: white;
}

#bizLinks{
padding: 10px;
margin-left: auto;
margin-right: auto;
/*margin-top: -5px;*/
text-align: center;
color: black;
font-weight: bold;
margin-left: 7px;
margin-right: 7px;
}

#bizLinks a{
color: black;
}

#border_bg{
background-image: url('http://www.jworksstudios.com/images/jwborder_bg.png'); 
padding: 10px; 
width: 255px; 
background-repeat: repeat-y;
}

/*This is the image container for the badge buttons on the main page. i.e., Music, Logos, etc. (the images)*/
#badge{
width: 276px;
float: left;
padding: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
/*background-color: green;*/
}

.badgeText{
width: 255px;
padding: 10px;
position: absolute;
z-index: 10;
text-align: left;
}

.badgeText DIV{
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}

.badgeText , .badgeText a{
text-decoration: none;
color: #222222;
}

.badgeText h3{
text-align: center;
margin-top: -2px;
}

.moz{
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 10;
}

a img{
border: none;
}

/*This is the navigation panel that will hover over the entire page when clicked (block)*/
.superNavLinks{
z-index: 50; 
position: absolute;
}

/*The sitemap cell*/
#smc{
float: left;
padding: 10px;
font-size: 0.8em;
text-align: left;
}

#smc a{
color: #999999;
}

/*Subject information*/
#subject_notes{
float: left; 
width: 275px; 
padding: 10px; 
border: 1px solid black;
text-align: center;
}

#subject_notes h1, #subject_notes h2, #subject_notes h3{
margin-bottom: -5px;
}

#subject_notes ul{
font-weight: bold;
text-align: left;
margin-left: -5px;
}

#subject_info{
float: left; 
width: 500px; 
padding: 10px;
vertical-align: baseline;
}

/*As seen on the CD page.*/
#side_by_side_subject{
float: left; 
width: 390px;
padding: 0px;
}

#side_by_side_subject ul{
position: relative;
/*left: -20px;*/
font-weight: bold;
padding: 10px;
}