bodycolumn {font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; font-size:x-small; color:black; text-decoration:none; padding-left:10px;  padding-right:10px; }
body{font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; font-size:x-small; color:black; text-decoration:none; padding-left:10px;  padding-right:10px; }

p
{ color: black; font: x-small/13pt "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; }

h4 {margin-bottom : 0.15em;
font : bold larger "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; letter-spacing: -1px;
text-align: center;
}

td {font-family:Verdana; font-size:10px }
a:link { color:#CC6600; font-weight: bold; }
a:visited {color:#300; }
a:hover {color:#999999; }
a:active {color:#744A00; }

body{
margin:6;
padding:5;
line-height: 1.5em;
text-align: justify;
font: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

b{font-size: 110%;}
em{color: black;}

#topsection{
background-image: url(images/page_header.jpg);
height: 50px; /*Height of top section*/
}

#topsection h1{
margin: 5px;
padding-top: 15px;
font-family: Verdana, san-serif, Arial
}

.h1
{color: #666699;
font: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; font-weight: bold;
letter-spacing: +2px;
padding-right: 10px;
padding-bottom: 5px}

.tiny
{color: black;
font: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
font-size: 9px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px}

.h2
{color: white;
font: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; font-weight: bold;
letter-spacing: +2px;
padding-right: 10px;
padding-bottom: 5px}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
background: #ffffcc;
background-image: url(images/flowery-paper004.jpg);
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left marginto -(RightColumnWidth)*/
background: #ff6600;
}

#footer{
clear: left;
width: 100%;
background: #66ccff;
color: #000000;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 2;
margin-right: 5px;
width: 400px;
padding-right: 2px
}

.leftcontent{
/*margin: 5px; Margins for inner DIV inside each column (to provide padding)*/
margin-top: 2;
margin-right: right: 8px;
margin-left: 8px;
width: 180px;
padding-left: 5px 0;
padding-right: 15px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; 
font-size:x-small; 
color:black;

}
.rightcontent{
/*margin: 5px; Margins for inner DIV inside each column (to provide padding)*/
margin-top: 2;
margin-right: right: 5px;
margin-left: 5px;
width: 280px;
padding-left: 5px 0;
padding-right: 15px;

}

.smallrating {/*This is the one that I stole and am testing*/
color: #A3DC6B;
font-size: 24px;
padding-right: 15px;
padding-left: 3px;

}

.spacer_1px {
	font-size: 1px;
	line-height: 1px;
	clear:both;
}

.spacer_3px {
	font-size: 3px;
	line-height: 3px;
	clear:both;
}

.spacer_5px {
	font-size: 5px;
	line-height: 5px;
	clear:both;
}

.spacer_15px {
	font-size: 15px;
	line-height: 15px;
	clear:both;
}

.spacer_25px {
	font-size: 25px;
	line-height: 25px;
	clear:both;
}

.spacer_5px_dotted {
	font-size: 5px;
	line-height: 5px;
	clear:both;
	border-bottom: 1px dotted #fff;
	margin: 5px 0px 10px 0px;
}

a {
color: #900;
text-decoration: none;
font-weight: bold;
}

a:hover {
background: #900;
color: #FFF;
}

hr {
margin: 2px 0;
_margin: 0; /*IE Sucks*/
clear: both;
}

#page-container {
margin: 0 auto;
width: 300px;
text-align: left;
}

.pg {
width: 250px;
list-style: none none;
}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
}

.pg li a {
margin: 2px;
border: 1px solid #CCC;
padding: 2px;
position: relative;
float: left;
display: block;
width: 100px;
height: 100px;
}

.pg li a:hover {
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 100px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 200px;
height: 200px;
left: -50px;
top: -37px;
z-index: 1;
}
-->