﻿

.thinborderfloat {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  }

body{
font: 13px Verdana;
margin:0;
padding:0;
background: white;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
background: white;
width: 780px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/


}

#topsection{
background:blue;
height:45px; /*Height of top section*/
background-image:url('topbanner.gif');
margin-bottom:5px;

}



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 10px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
height: 800px;
margin-left: -780px; /*Set margin to that of -(MainContainerWidth)*/
background-image:url('leftbanner.GIF');
border-color:#6633FF;
border-style:solid;
border-width:thin;

}

#rightcolumn{
float: left;
width: 10px; /*Width of right column*/
height: 802px;
margin-left: -10px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
background-image:url('rgtbanner.GIF');

}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

    #coolmenu{
border: 1px solid #0099FF;
width: 166px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: #6666FF;
text-decoration: none;
border-bottom: 1px solid #0099FF;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #000000;
color: #FFFFFF;
}



H1	{text-align: left;  color: rgb(51,51,153)}
H2	{text-align: left;  color: #6666FF}
H5	{text-align: left;  color: rgb(51,0,204)}
H6	{text-align: left;  color: rgb(102,51,255)}



a:link	{color: olive;text-decoration:none }
a:visited{color: olive;text-decoration:none  }
a:hover{color: red;text-decoration:underline}
a:active{color: red;text-decoration:none }

a:link img,
	a:visited img{
		border:2px solid black;
	}
	a:focus img,
	a:hover img{
		border:2px solid white;
	},
	a:active img{
		border:2px solid silver;
	}
	
/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:100%;
      line-height:normal;
      }
    #tabsH ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
     /* background:url("tableftoliveH.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
     background:url("tabrightgreenH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
    } 

#pscroller1{
width: 200px;
height: 140px;/*was 100px */
border: 1px solid black;
padding: 5px;
margin:20px;
background-color: #111111;
color:#FFFFCC;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}
#pscroller1 a{
color:#FFFFAA;
}

.someclass{ 
}


