/* style */

body {
	min-width: 750px;      
	background-color: #222244;
	text-align:center; 
	font-family:Georgia, Times, serif; 
	line-height: 140%;  
	font-size: 80%;
	color: #111133; 
	margin:2px;}

	p {margin-top:0em; margin-bottom:1em;}
	h5 { color: #335;  line-height:100%;}
	h4 {color: #335; line-height:120%; font-size:100%; font-weight:100;}
	h3 { color: #335; margin-top:.5em; margin-bottom:.5em; line-height:120%; font-size:110%; font-weight:120;}
	h2 { color: #335; margin-top:5px; margin-bottom:1em; line-height: 120%; font-size:150%; font-weight:100;  }
	h1 {letter-spacing:2px; margin-bottom:0em; line-height:50%; font-size:420%; font-weight:100; color: #ff6;}
	a:link, a:visited, a:active {color: #03c; text-decoration:none;}
	a:hover {color: #036; text-decoration:none;}

	ul {  margin-left:25px;}
	ol {  margin-left:25px;}
	.band { color: #fff; font-style:italic; line-height:120%; margin-top:.2em; font-size:380%; font-weight:100; }
	.olwen { color: #bbf; line-height:120%; font-weight:100; font-size:160%; margin-top:.5em;}
	.red  {color:#933;}
	.w  {color:#fff;}
	.terms {font-size:smaller;}
	.quote {font-style:italic; float:right;}
	.i {font-style:italic;}
	.b {font-weight:bold;}
	.q {border-width: 1px; border-style:inset; border-color: #FFF374; width:180px;}
	.bold {font-weight:bold; color: #018B98;}
	.border {border-width: 1px; border-style:outset; border-color: #036;}
	.v { font-weight:bold;	 background: #ff9; padding: 5px;	}
	.line {padding: 0px 0px 1px 0px; margin: 0px 0px 12px 0px;  border-width: 0px 0px 1px 0px; border-style:inset; border-color: #eeeeff;}
		
/* positioning ================= for fixed width centred box design */

* { margin:0; padding:0; }

html { height:100.2%; }

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

/*** Banner */


#banner {

	text-align:center; 
	margin:0px 0px 5px 0px;
	padding:30px 0px 5px 0px;
	background-color:#555588;
	border-width:0px 0px 1px 0px;
	border-color:#eeeeff;
	border-style:solid;
	font-size:.7em;
}

/*** Layout */

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

#pg-wrap {
	margin:0 auto;
	background-color: #ccccff;
	width:900px;
	text-align:left; 
}

#left	{ 
	float: left;
	text-align: left;
	margin: 0px 5px 0px 10px;
	padding: 0px 5px 0px 5px;
	width:170px;
}

#mid	{
	float:left;
	text-align:justify;
	width:400px;
	margin: 5px 0px 0px 3px;
	padding: 0px 20px 0px 10px;
	border-width:0px 1px 0px 1px;
	border-color:#eeeeff;
	border-style:solid;
}

#right	{
	float: right;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 5px 0px 5px;
	width: 233px;
}
	
#foot {
	clear:both;
	padding:10px 0px 5px 0px;
	font-size:.8em;
	text-align:center;
	background-color: #555588;
	color: #fff; 
	margin-top: 10px;
}

/* ~~~~~ images ~~~~~ */

.image-border {
	border-width: 1px; border-style:solid; border-color: #eeeeff;
	padding:3px 3px 3px 3px;
}

/* main-menu ========== */

#main-menu ul {
	list-style:none;		/* removes bullets */
	margin:0;
 	padding:0px;
}

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

a.menu  {color: #ffffff;  font-size:12pt; padding:1px;}
a.menu:hover {color: #ffffff; font-size:12pt; padding:1px;}

#main-menu li a {
	display:block;
	padding:1px 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: #ccccff url(../i/polo1.png) 3px 50% no-repeat;
	color:#666699;	/* 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%;
}

/* 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:#ff6 url(../i/polo2.png) 3px 50% no-repeat; font-family: Georgia, Times, serif; color: #111144;  text-decoration: none; 		
}