body {
	font-size: small;
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, "Trebuchet MS", Geneva, SunSans-Regular, sans-serif;
	background-image: url(../images/bgPage.png);
	background-repeat: repeat-y;
	background-position: center;
}
.offer { font-size: 2em; font-family: "Comic Sans MS", Verdana, Arial, Helvetica, "Trebuchet MS", Geneva, SunSans-Regular, sans-serif; font-weight: bold; }
h1{ font-size: 18px; font-family: Hobo, HomewardBound, serif; text-align: center; }
.rh{ font-size: 18px; font-family: Hobo, HomewardBound, serif; text-align: right; }
a { color: red; text-decoration: underline; }

.top a:link { color: gray; font-style: normal; text-decoration: none; }

.top a:visited { color: gray; text-decoration: none; }

.top a:hover { color: black; font-style: normal; text-decoration: none; }

.top a:active { color: gray; font-style: normal; text-decoration: none; }
 
 #wrapper{
	width: 850px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
 }

#header{
padding: 15px;
margin: 0px;
text-align: left;
}

#nav{  
width: 150px;
margin-top: 10px;
padding:0;
float: left;
border: groove thin;
}

#main{
	margin-left: 165px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 550px;
	padding: 10px;
}


#footer{ float: left;  width: 850px; padding: 10px; margin: 0; border-top-style: groove; border-top-width: medium; }



#nav ul li{ list-style-type:none; list-style-image: url(../images/cross.gif); line-height: 19px;}

#nav ul li a { color: #000000; text-decoration: none; }

#nav ul li a:hover { color: #ffffff; background-color: gray; text-decoration: none; }

#main ul li {
list-style-type: none; margin: 1em 0 1em 40px;
line-height: 20px;
}
h2 { font-size: 16px; font-weight: bold; }
#belowmain { width: 800px; padding: 10px; float: left;}



.float {
  float: left;
  }
  

.floatr {float: right;
clear: right;}
.floatr p {
   text-align: right;
   }

.rows{ width:550px; float: left;  padding-bottom: 4px; display: inline-table; } 
   
img.floatlefttop { 
    float: left; 
    margin: 4px; 
    vertical-align:text-top;}
    
img.floatleftmiddle { 
    float: left; 
    margin: 4px; 
    vertical-align:middle;} 

img.floatleftmiddle { 
    float: left; 
    margin: 4px; 
    vertical-align:text-bottom;}
    

img.floatrighttop { 
    float: right; 
    margin : 4px;
    vertical-align:text-top;}
    
img.floatrightmiddle { 
    float: right; 
    margin : 4px;
    vertical-align:middle;}
    
img.floatrightbottom { 
    float: right; 
    margin : 4px;
    vertical-align: text-bottom;}
    
 * html .rows {
display:block;
clear:left;
}
.image {float: left; padding-right: 30px; }

.image_r { clear: right;}