
<style type="text/css">
<!--

h1 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 36px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;
}

label span {
  float: left;
  width: 5em;
}

label { 
  position: absolute; 
  text-align:right; 
  width:70px;
  padding: 2px;
}

input { 
  margin-left: 75px;
  padding: 0px;
  
}

ol {

	margin: 10px;
  list-style-type: lower-roman;
  padding: 10px 100px 100px 240px;
}

h2 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;
}

.menuLeft {
    float: left;
    position: absolute;
    top:40px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;	
}

.menuRight {
    float: right;
    top: 10px;
}

.postInfo {
    text-indent: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: normal;	
    //background-color: #FFE5AD;
        background-color: #FFF0CC;
}

.headTitle {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;	
    background-color: #FFFAD0;
}

.subTitle {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    color: darkblue;
    font-weight: bold;	
    background-color: #FFFAD0;
}

.postCode {
        border-style: outset inset inset outset;
    border-width: thin;
    border-color: #E5E59E;
    margin: 10px;
    padding: 10px;
    text-indent: 10px;
    font-family: Courier New, Courier, mono;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: normal;	
    background-color: #FFFFF0;
    //background-color: #FFF0CC;
}

.postNotCode {
    text-indent: 10px;
    font-family:  Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: black;
    background-color: #FFFFF0;
}

.postBody {
    position: relative;
    border-style: outset inset inset outset;
    border-width: thin;
    border-color: #E5E59E;
    //max-width: 900px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-indent: 0px;
    background-color: #FFFAD0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: normal;	
}

.leftSideBar {
	position: absolute;
  left: 1px;
  top:100px;
  border-style: outset inset inset outset;
	border-width: thin;
	border-color: #FFEBC6;
	width: 30%;	
	max-width: 300px;
	margin-left: 0px;
	min-height: 100px;
	text-align: center;

}

.ad_right{
  float: left;
  border-style: outset inset inset outset;
	background-color: #ffffff;
  border-width: thin;
	border-color: #000000;
	margin: 10px;
}


.rightSideBar {
	position: absolute;
  right: 10px;
  top:100px;
  border-style: outset inset inset outset;
	border-width: thin;
	border-color: #FFEBC6;
	width: 125px;
  //width:30%;	
  max-width:300px;
  margin-right: 0px;
	min-height: 100px;
	overflow: none;
text-align: right;
}

.myBody {
  width:70%;
  max-width:1000px;
  float: middle;
	background-color: #FFFEF4;
	color: #000000;
	border-style: outset inset inset outset;
	border-width: thin;
	border-color: #FFEBC6;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	min-width: 600px;
	overflow: auto;
}

.myTitle {
  width:70%;
  max-width:1000px;
  float: middle;
	background-color: #FFFEF4;
	color: #000000;
	border-style: outset inset inset outset;
	border-width: thin;
	border-color: #FFEBC6;
	margin-left: auto;
	margin-right: auto;
	min-height: 70px;
	min-width: 600px;
	overflow: auto;
}

.playNice {
	width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

.highlight {
	background-color: #DDEEFF;
	text-align: center;
}

body
{
background-image: url('./graphics/blue_grad.png');
background-repeat: repeat-x;
}

.menuPane {
	/*border-style: none none inset none;*/
	border-style: none;
    border-width: thin;
    border-color: black;   
    text-align: center;
    /*background-image: url('./graphics/menu_bg2.png');*/
}

.titlePane {
		border-style: none;
		border-width: thin;
    border-color: black;   
    min-width: 800px;
    min-height: 60px;
    line-height: 2;    
    background-color:#FFFFFF;
    background-repeat: no-repeat;
    background-image: url('./graphics/logo.png');
}

.footerPane {
	border-style: inset none none none;
    border-width: thin;
    border-color: black;   
    background-color:#FAFDB5;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-style: italic;
    text-align: center;
}


A:link {
	text-decoration: none;
	color: #153E7E;
}

A:visited {
	text-decoration: none;
	color: #153E7E;
}

A:active {
	text-decoration: none;
	color: #153E7E;
}

A:hover {
	text-decoration: none; 
	color: #153E7E;
	}

.colourGrid {
	border-style: solid;
    border-width: thin;
    border-color: black;
	min-width: 20px;
	max-width: 20px;
	max-height: 20px;
	line-height: 20px;
	float: left;
	min-height:20px;
}

.picGrid {	
	text-align:center;
	border-style: none;
  border-width: thin;
  border-color: black;
	min-width: 140px;
	max-width: 180px;
	max-height: 100px;
	line-height: 20px;
	float: left;
	min-height:130px;
}

.picDesc {
	text-align:center;
	border-style: none;
  border-width: thin;
  border-color: black;
	min-width: 140px;
	max-width: 140px;
	max-height: 70px;
	line-height: 20px;
	overflow: auto;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-style: normal;
}

.myGrid {
	border-style: outset inset;
    border-width: thin;
    border-color: black;
	max-width: 390px;	
	max-height: 390px;
	line-height: 10px;
	min-height:10px;
}

.myGrid1 {
	border-style: solid;
    border-width: thin;
    border-color: black;
	min-width: 10px;
	max-width: 10px;
	max-height: 10px;
	line-height: 10px;
	float: left;
	min-height:10px;
}

.myGrid2 {
	border-style: none;
    border-width: thin;
    border-color: red;
	max-width:390px;
	height: 10px;
}

.menuItems {
	  text-align: center;
  	margin-left: 5px;
    margin-right: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;	
}

.currentMenuItem {
	  border-style: solid none solid none;
	  border-color: #FFBD7C;
    text-align: center;
  	margin-left: 5px;
    margin-right: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;	
}

.myCaption {
	text-align: left;
	margin-left: 5px;
    margin-right: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    font-weight: bold;	
}

.niceAlign {
  vertical-align: text-top;
	line-height: 48px;
	float: left;
}

.niceAlign2 {
	vertical-align: middle;
	
}

.frameTopBottom {
	border-style: solid; //none solid solid none;
    border-width: thin;
    border-color: #E5E59E;
    background-color: #FFFFCC;
	background-image: url(./graphics/corner.png);
	background-repeat: no-repeat;
  max-width: 98%;
	margin-left: auto;
    margin-right: auto;
}
.scrollNice {
	display: block;
	overflow: auto;
	min-height: 600px;
}

-->
</style>

