* { padding: 0; margin: 0; }

#body {
    height: 100%; colour:#ffffff;margin:0;padding:0;
}
html{height:100%;}
h1 { font-size: 1.6em; color:#444444; margin: 10px 0px 5px 0px; font-weight:bold;}
h2 { font-size: 1.45em; color:#333333; margin: 0px 0px 15px 0px;text-decoration:none}
h4 { font-size: 1.80em; color:#333333; margin: 0px 0px 15px 0px;text-decoration:none}

#wrapper {
 min height: 100%; 
 margin: 0 auto;
 padding: 0;
 width: 922px;
 background-image: url(images/container-background.jpg);
 background-repeat:repeat-y;
 background-align: right;
}




#header {
 background-image: url(images/rainbow.jpg);
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: none;
 height: 250px;
 margin: 0px 0px 0px 0px;
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 font-size:100%; font-family: Arial,Helvetica,Helvetica,sans-serif;
}

#leftcolumn { 

 font-size:100%; font-family: Arial,Helvetica,Helvetica,sans-serif;
 color: #333;
 background:#ffffff;
 margin: 0px 0px 0px 0px;
 width: 678px;
 float: left;
 border-left: 20px solid #ffffff;
 border-right: 8px solid #ffffff;
 border-bottom: 10px solid #ffffff;
}

#rightcolumn { 
 font-size:100%; font-family: Arial,Helvetica,Helvetica,sans-serif;
 float:left;
 background:#f2f2f2;
 color: #333;
 border-top: 5px solid #f2f2f2;
 border-left: 15px solid #f2f2f2;
 border-right: 5px solid #f2f2f2;
 border-bottom: 1px solid #f2f2f2;
 margin left: 678px;
 width: 195px;
 display: inline;
}


    #tabsB {
      float:left;
      width:78%;
      background:#f2f2f2;
      font-size:100%; font-family: Arial,Helvetica,Helvetica,sans-serif;
      line-height:normal;
      border-bottom: 4px solid #f2f2f2;
      }
    #tabsB ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

#footer{
	clear:both;
	bottom: 0px;
	height:30px;
	width: 922px;
	background:#ffffff;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
        text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.8em;
	}


#footer a:hover {color: #333333;text-decoration: underline;}
#footer a:link {color: #333333;text-decoration: none;}
#footer a:active {color: #333333;text-decoration: none;}
#footer a:visited {color: #333333;text-decoration: none;}

#leftcolumn a:link, a:visited {
color: #0000cc;
text-decoration: underline; 
}

#leftcolumn a:hover {
color: #0000cc; 
text-decoration: none;
}

#main { 
 margin-bottom: 20px; 
 height: auto; 
 padding: .5em; 
 }