/* containment for the standard page layout */
/*id="container"*/
/*from n0c
 body { background: #FFF; color: #000; font-family: Arial; text-align: center; }
    #container { background: url(http://www.customcodes.com/image/dragonsOhs.jpg); width: 900px; margin: 0 auto; text-align: left; }
    
    
    
    
    
    
     { background: url(http://www.customcodes.com/image/ccBanner4.gif) no-repeat left; text-align: right; height: 100px; font-weight: bold; font-size: 40px; }
    #sidemenu { float: left; width: 200px; margin: 0; padding: 0; }
    #content { float: left; width: 500px; margin: 0; padding: 0; }
    #rightside { float: left; width: 200px; margin: 0; padding: 0; text-align: right;}
    #footer { clear: both; text-align: center; font-size: 10px; padding-top: 20px; }
*/


#container{
  position:relative;
  background: url(/image/bg/bgContainer.jpg); 
  width: 960px; 
  margin: 0 auto; 
  text-align: left; 
}
#container_wide{
  position:relative;
  background: url(/image/bg/bgContainer.jpg); 
  width: 100%; 
  margin: 0 auto; 
  text-align: left; 
}
#header{  
  height: 100px; 
  width: 100%; 
  text-align:center; 
 }
 #header_wide{  
  height: 100px; 
  width: 100%; 
  text-align: left; 
 }
#bannerLeft{
  float:left;
  width: 210px;
  height: 100px;
}
#bannerRight{
  float:right;
  width: 750px;
  height: 100px;
}
#bannerCenter{
  float:center;
  text-align:center;
  width: 100%;
  height: 100px;
}

#menuLeft{
  float: left; 
  width: 170px; 
  margin: 0; 
  padding: 0; 
  text-align: left;
}
#spacerL{
  float: left; 
  width: 10px; 
  margin: 0; 
  padding: 0; 
  text-align: left;
}
#mainContent{        
  float: left; 
  width: 600px; 
  margin: 0; 
}
#mainContent_wide{        
  float: left; 
  margin: 0; 
  padding:5px 5px 100px 5px; 
}
#spacerR{
  float: left; 
  width: 10px; 
  margin: 0; 
  padding: 0; 
  text-align: left;
}
#menuRight{
  float: left; 
  width: 170px; 
  margin: 0; 
  padding: 0; 
  text-align: right;     
}

#footer{
  clear: both; 
  text-align: center; 
  font-size: 10px; 
  padding-top: 20px;   
}

div.hr {
  margin-top:24px;
  margin-bottom:24px;
  height: 10px;
  width: 585px;
  background: transparent url(/image/bead.gif) repeat scroll left;
}
div.hr hr {
  display: none;
}

body.wide {
  background-color: #e0e0e0;
  background: url(http://www.customcodes.com/image/dragonsOhs.jpg);
  font-family: "Comic Sans MS", Arial, "Times New Roman", sans-serif;
  margin: 0;
  color: #990000;
}
div.rb_small{
  width:150px;
  float:left;  
}
div.dBorder{
border:2px solid red; 
padding:5px 10px 5px 10px;
text-align:center;

}

td.aTop{
  vertical-align:top; 
  padding-left:20px;
}

td.aTopLeft10{
  vertical-align:top; 
  padding-left:10px;
}



body {
  background-color: #e0e0e0;
  background: url(/image/bg/bg.jpg);
  font-family: "Comic Sans MS", Arial, "Times New Roman", sans-serif;
  margin: 0;
  color: #990000;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #5A5A5A;
  scrollbar-darkshadow-color: #B5B5B5;
  scrollbar-face-color: #B5B5B5;
  scrollbar-highlight-color: #5A5A5A;
  scrollbar-shadow-color: #525252;
  scrollbar-track-color: #EFEFEF;
}

a {
  background: transparent;
  font-family: "Comic Sans MS", Arial, "Times New Roman",  sans-serif;
  text-decoration: none;
  color: blue;
}
a.und {
  background: transparent;
  font-family: "Comic Sans MS", Arial, "Times New Roman",  sans-serif;
  text-decoration: underline;
  color: blue;
}
a.brick {
  background: transparent;
  font-family: "Comic Sans MS", Arial, "Times New Roman",  sans-serif;
  text-decoration: none;
  color: #990000;
  font-size: 130%;
  font-weight: bold;
}


a:link {
  background: transparent;
  color: blue;
}

a:visited {
  background: transparent;
  color: #a0a0ff;
}

a:hover {
  background: transparent;
  color: red;
}

a:active {
  background: transparent;
  color: red;

}
/* for text emphasis */
.g0 {
  color: green;
  font-size: 105%;
  font-weight: bold;
}

.g1 {
  color: green;
  font-size: 130%;
  font-weight: bold;
}

.g2 {
  color: green;
  font-size: 150%;
  font-weight: bold;
}

.gT {
  color: green;
  font-size: 150%;
  font-weight: bold;
  vertical-align:top;
}


.e0 {
  font-size: 105%;
  font-weight: bold;
}

.e1 {
  font-size: 130%;
  font-weight: bold;
}

.e2 {
  font-size: 150%;
  font-weight: bold;
}
.e3 {
  font-size: 200%;
  font-weight: bold;
}

.r0 {
  font-size: 105%;
  font-weight: bold;
  color: red;
}

/* Image displays*/

img.floatLeft { 
  float: left; 
  margin: 4px 10px 4px 4px; 
}

img.floatLeftIndent { 
  float: left; 
  margin: 4px 4px 4px 20px; 
}


img.floatRight { 
  float: right; 
  margin: 2px; 
}

img.floatCenter { 
  float: center; 
  margin: 2px; 
}
img.floatTop { 
  vertical-align:top; 
  margin: 2px; 
}

/*forces the next line after the break to go to the far left*/
br.goLeft{
  clear:left;
}


/* only until the updates...  for text emphasis */
g0 {
  color: green;
  font-size: 105%;
  font-weight: bold;
}

g1 {
  color: green;
  font-size: 130%;
  font-weight: bold;
}

g2 {
  color: green;
  font-size: 150%;
  font-weight: bold;
}


e0 {
  font-size: 105%;
  font-weight: bold;
}

e1 {
  font-size: 130%;
  font-weight: bold;
}

e2 {
  font-size: 150%;
  font-weight: bold;
}

r0 {
  font-size: 105%;
  font-weight: bold;
  color: red;
}