/*________________________
Site:      Petersfield Rotary Club
CSS Author:  L.Tristram
Updated:     6 Feb 2011
______________________________*/

/*______________________________
Simple reset
______________________________*/

html, body, ul, ol, li, form, fieldset, legend
{
      margin: 0;
      padding: 0;
}
h1, h2, h3, h4, h5, h6, p
{
      margin-top: 0;
}

ul {list-style: none; }

 /*_______________________________
 elements
 _________________________________*/

 body
 {
 	font-family: "Trebuchet", "Verdana", sans-serif;	
 }

hi, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
}

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

p
{
	margin: 0 0 1.5em;
	line-height: 1.4;
}
.leftside ul {padding: 3px 12px 3px 8px;}

a:link {color:#FFFFFF}
a:visited {color: #143264}
a:hover {color:#FF0000}



/*_____________________________
Layout
______________________________*/

.container
{
     width: 100%;
     margin: 0 auto;
	 /*padding: 0 20px;*/
}

.header
{
     /*padding: 20px 20px;*/
	 background-color: #143264; 
}

.wheelbox
{
	 float: left;
	 width: 20%;
	 height: 150px;
	 padding: 20px 20px;
	 background-color: #143264; 

}

.namebox
{
	 float: left;
	 width: 70%;
	 height: 155px;
	 padding: 20px 20px;
	 color: #FFFFFF;
	 background-color: #143264;
}
.primary-nav
{
     clear: both;
	 width: 100%;
	 height: 29px;
	 background-color: #143264;
}

.primary-nav li {float:left; background-image: url("Images/tab_leftLT2.gif"); background-repeat: no-repeat; margin: 0 1px 0 0; padding : 0 0 0 8px }
.primary-nav a {float:left; display:block; background-image:url("Images/tab_rightLT2.gif"); background-repeat: no-repeat; 
	  background-position: right top;	padding: 0.2em 10px 0.2em 0; text-decoration: none; font-weight: bold;}


.content-container
{
     clear:both;
	 background-color: #74C2E1;
}

.leftside
{
     float: left;
     width:20%;
	 padding: 20px 20px 0;
}

.leftside ul ul span {padding: 3px 3px 3px 17px;}

.content
{
     float: left;
     width:55%;
	 background-color: #FFFFFF;
	 padding: 20px 10px 0 10px;
}

.content a:link {color: #000000;}

.rightside
{
     float: left;
     width:20%;
	 padding: 20px 20px 0;
	 /*min-width: 240px;*/
 
}

.footer
{
     clear:both;
}