/* CSS Document */
/*div{border:dashed 1px green;}*/

html{
height:100%;
}

body {
height:100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url(images/bg.jpg);
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:12px;
}

#nonFooter{
position: relative;
min-height: 100%;
}

* html #nonFooter{
height:100%;
}

#header{
min-width:850px;
background-image:url(images/topBG.jpg); 
background-repeat:repeat-x;
}

#headerImg{
width:800px;
background-image:url(images/dojoTopper.jpg);
background-repeat:no-repeat;
}


#body{
/*
To fix IE bumping content div down to below menu
causes header and footer to get cut off when scroll
needs a better fix
*/
width:850px;
}

#sideMenu{
float:none;
width:161px;
margin-left:20px;
border-right:1px solid #cc0000;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background-color:#ffffcc;
/*background-color:#dbdbdb;*/
}

#sideMenuDiv{
border-top:1px solid #cccccc;
background-image:url(images/sideMenuDivShade.jpg);
background-repeat:repeat-y;
padding:3px 3px 3px 6px;
}

#contentDiv{
background-image:url(images/sideMenuDivShade.jpg);
background-repeat:repeat-y;
margin-left:20px;
padding:3px 6px 10px 6px;
border-right:1px solid #cc0000;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background-color:#fcfcdd;
/*background-color:#dbdbdb;*/
}

#sideMenuDiv a{
font:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:12px;
}

#sideMenuBar{
width:181px;
background-image:url(images/sideMenuBar.jpg); 
background-repeat:repeat-y; 
}

#boxes{
position:relative; 
margin-left:185px;
}

#contentGrouer{
float:left; 
margin:0px 0px 0px 8px;
width:600px;
}

#contentBar{
background-image:url(images/sideMenuBar.jpg); 
background-repeat:repeat-y;
border-left:1px solid #cccccc;
}

#footer{
position: relative;
height:30px;
margin-top: -32px;
width:100%;
min-width:850px;
border-top:1px solid #cc0000;
text-align:center;
color:#FF0000;
background-color:black;
}

#sideMenu img{
border-bottom:0px;
border-left:0px;
border-right:0px;
border-top:1px solid #999999;
}

form{
margin:0px;
}

#dojo{display:none;}
#forums{display:none;}
#store{display:none;}
#classes{display:none;}