/* Stylesheet for Vespa Club of Britain
   Created by Sam Morris
   www.oneofthosedesignerfellows.com */
   
   
/*Main Elements */

html { height: 100%; padding: 0; margin: 0; }
body {  background: #F2F2F2 url(images/bg.gif) repeat-x; height:100%; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; color: #333; padding: 0; margin: 0;  }

a { color: #327eb0; text-decoration: none; }

a:hover { color: #333; }

p {line-height: 20px;}

#iewarning { display: none; }

#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100px;
width: 100px;
background: url(/images/corner.png) no-repeat;
text-indent: -999em; padding: 0;
text-decoration: none;}

#outer-container { height: 100%; }
#container { width: 900px;  min-height: 100%; margin: 0 auto; }

a { border: none;}

a img {border: none;}

#content a { font-weight: bold; }
#content a:hover { font-weight: bold; }

#footer a { color: #F2F2F2 !important; text-decoration: underline; }
#footer a:hover { color: #F2F2F2 !important; text-decoration: none; }

#flickr {
background:url(./graphics/flickerness.gif) no-repeat;
width:250px;
height: 80px;
padding:0 0 0 0;
margin-top: 10px;
}


#flickr a img {
float:left;
margin: 5px;
background:#3f4e4e;
padding:1px;
width:70px;
height:70px;
}

/*Header*/

#header { height: 208px; padding: 10px 0 0 0; color: white; }

#logo { float: left; }
/*Navigation*/

#nav { float: right; margin-top: 86px; font-family: Gill, Gill Sans; text-transform: uppercase; font-size: 14px; color: #f2f2f2; font-weight: normal; }

		#nav ul { float: right; list-style: none; }
			#nav ul li { display: block; height: 50px;  margin: 0 0 0 10px; float: left; }
			#nav ul li a { display: block; height: 50px; padding: 10px 10px 0 10px; color: #f2f2f2 }
			
			#nav ul li a:hover {background-color: #f2f2f2; padding: 10px 10px 0 10px; color: #327EB0 !important; }
			

/*Index Content Framework*/

#contentleft { float: left; width: 600px; padding-left: 10px; padding-right: 15px;}

#contentleftleft {float: left; width: 275px;}

#contentleftright {float: right; width: 275px;}

#contentright {float: right; width: 275px;}

#spacer { height: 20px;}

.spacer { height: 20px;}

.event { border-color: #b34238; border-style: solid; border-width: thin; }

#contentleft p { width: 550px; }

#contentleftleft p { width: 250px; }

#contentleftright p { width: 250px; }

/*Page Heights */

#contentleft li { line-height: 20px; width: 500px; }

#contentright li { line-height: 20px; width: 200px; }


/*Footer*/


#countbox {font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px; color: #333; padding: 0; margin: 0 0 15px 0; }



#footer { font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; clear: both; bottom: 0; background: #327eb0; width: 100%; height: 30px; padding-top: 10px; margin-top: -40px; color: #F2F2F2; text-align: center; color: white; }

/*Headers*/

h1 { font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 24px; color: #b34238; padding: 0; margin: 10px 0 10px 0; }
h2 { font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px; color: #333; padding: 0; margin: 0 0 15px 0; }

.cart {  font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px; color: #327eb0; }
.redcart {font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px; color: #b34238; }

.shopcontainer { width: 250px; height: 150px; }
.left { width: 100px; float: left; }
.right { width: 150px; float: right; text-align: right; font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px;  }

#submitbutton {  font-family: Gill, Gill Sans; text-transform: uppercase; font-weight: normal; font-size: 16px; background-color: #327eb0; color: #F2F2F2; }