/* style */

body {
min-width: 951px;
background-color: #619BD0;
text-align:left; 
font-family: gill,futura,helvetica, arial, sans-serif; 
line-height: 140%;  
font-size: 82%;
color: #000; 
margin:10px 0;}

p {margin-top:0; margin-bottom:1em;}
h5 {  margin-top:0em;}
h4 { margin-top:1em;}
h3 {}
h2 {color:#fff; background-color: #69c; padding:3px 0px 8px 5px;
background-image:url("../i/h2bg.jpg"); 
background-repeat: repeat-x;}
h1 {color:#fff; background-color: #06c; padding:5px 0px 10px 5px; background-image:url("../i/hbg.jpg"); 
background-repeat: repeat-x;}
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;}

.red  {color:#933;}
.boxhead {color:#fff; background-color: #C3D7EC; padding:3px 0px 5px 3px;}
.w  {color:#fff;}
.g {color:#D2F28D;}
.sm {font-size:smaller;}
.lg {font-size:larger;}
.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;}

.dkbox {color:#fff; background-color: #619BD0; padding:5px;}

/* 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 {
height:148px;
margin:0;
font-size:.7em;
background-image:url(../i/top.jpg);
}
*/
/*** Layout */

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

#bg {
margin:0 auto;
width:900px;
}

#bg {background-image:url("../i/pgwrapbg.jpg"); 
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
border-width: 1px;
border-style:outset;
border-color: #036;
width:900px;
height:100%;}

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

* html #block_1
	{
	display: inline;
	}

#block1 .inner {
margin-left: 200px;
padding:10px;
}

#block2 {
float: left;
width: 200px;
margin-left: 700px;
padding-top:10px; 
}
* html #block_2
	{
	display: inline;
	}
	
.border {
border-width: 1px;
border-style:dotted;
border-color: #369;
margin-left:700px;
margin-top:10px;
padding: 10px;
width:160px;
background-color:#C3D7EC;
}


#block3 {
float:left;
margin-left:-700px;
padding: 0px 10px 0px 5px;  
width:185px;
}

.borderleft {
border-width: 1px;
border-style:dotted;
border-color: #369;
padding: 10px;
width:150px;
background-color:#C3D7EC;
}

#foot {
clear:both;
padding:10px 0px 5px 0px;
font-size:.8em;
text-align:center;
color: #369; 
margin-top: 10px;
}

/* 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: #fff;  font-size:11pt; padding:1px;}
a.menu:hover {color: #036; font-size:11pt; padding:1px;}

#main-menu li a {
display:block;
padding: 3px 0px 6px 8px;		/* the last number (16px) must be big enough to accomodate the width of your rollover image */
margin-bottom:0px;
background-image:url("../i/hbg1.gif"); 
background-repeat: no-repeat;
/* you can change background color of button here (#ddd). the pixel measurement (3px) is x-axis of your rollover image */
color:#06c;	/* 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 */
color: #fff; 
text-decoration: none; 
padding: 3px 0px 6px 8px;	
margin-bottom:0px;
width:165px;
background-color:#06c;
background-image:url("../i/hbg.jpg"); 
background-repeat: no-repeat;
}