body {
min-width: 630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */ background-color: #ccc;text-align:left; font-family: verdana, arial, sans-serif; line-height: 110%;  font-size: 80%; color: #666;}

p { line-height: 140%; display: }
h4 { color: #333; }
h3 { color: #333; }
h2 { color: #333; font-size: 140%; line-height: 120%;}
h1 {letter-spacing:4px; color: #333;}
a:link, a:visited, a:active {color: #03c; text-decoration:none;}
a:hover {color: #036; text-decoration:none;}

li { line-height: 140%;}


.red  {color:#933;}
.terms {font-size:smaller;}
.quote {font-style:italic; float:right;}
.i {font-style:italic;}
.b {font-weight:bold;}

#bg {
margin:0 auto;
border-width: 1px;
border-style:outset;
border-color: #333;
background-color: #fff;
background-image:url("im/bg.gif"); 
background-repeat:no-repeat; 
background-attachment:fixed;
width:800px;}

#bg:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.col {width:200px;}
.border {border-width: 1px; border-style:outset; border-color: #036;}

/* positioning ============================= */

#header {
height:100px;
margin:0;
}

#block1 {
float:left;
width:100%;
margin:0;
}

#block1 .inner {
margin:0 0 0 200px;
padding:20px;
}

#block3 {
width: 170px;    
padding: 0px 20px 0px 10px;     
margin-left: -100%;
float:left;
}

#footer {
height:25px;
clear:both;
padding-top:5px;
font-size:.7em;
text-align:center;
}

/* meain-menu ========== */


#main-menu ul {
list-style:none;		/* removes bullets */
margin:0;
 padding:0px;
 border-width: 1px; border-style:outset; border-color: #036;
}

#main-menu li {
line-height:normal;
font-size:10pt;
}

a.menu  {color: #fff;  font-size:11pt; padding:1px;}
a.menu:hover {color: #036; font-size:11pt; padding:1px;}

#main-menu li a {
display:block;
padding:3px 4px 3px 25px;	/* the last number (16px) must be big enough to accomodate the width of your rollover image */
margin-bottom:0px;
/* you can change background color of button here (#ddd). the pixel measurement (3px) is x-axis of your rollover image */
background: #999 url(im/g.gif) 3px 50% no-repeat;
color:#ff0;	/* color of button text */
text-decoration:none;
}

/* nasty hack for IE/pc (you must leave all of this in including comments)*/

/* hide from Mac IE \*/
* html #main-menu li a {
height:1%;
}
/* end hack */


/* the magic bit */
#main-menu li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
background:#ff0 url(im/g2.gif) 3px 50% no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; color: #036;  text-decoration: none; 		
}