/* General styles */


	
/* Wire Framing to Check Layout */


/* div 	{ border: 1px dashed #CCC;
	} 

h4 { border: 1px dashed #CE007B;
	} 

*/ 
	


body
	{
	margin:0;
        padding:0;
        border:0;
	margin-bottom: 20px;			
	font-size: 13px;line-height: 16px; /* Scale all font sizes */
	font-family: Verdana, Arial, Helvetica;
	background-color: #bdc6de;
	background-image: url(images/surroundweb.gif);
	color: rgb(102,102,51);
	text-align: center;	
	}

h1	{font-size: 138.5%;
	font-family: Verdana, Times New Roman, Times;
	color: rgb(153,153,51);
	}

h2	{font-size: 123.1%;
	font-family: Verdana, Times New Roman, Times;
	color: #ff8c00;   
	}

h3	{font-size: 108%;
	font-family: Verdana, Times New Roman, Times;
	color: #a50063; 
	}

h4	{font-size: 100%;
	font-family: Verdana, Times New Roman, Times;
	color: #d60000; 
	}

h5	{font-size: 100%;
	font-family: Verdana, Times New Roman, Times;
	color: #ff8c00;
	}

h6	{font-size: 100%;
	font-family: Verdana, Times New Roman, Times;
	color: rgb(51,102,204);
	}


p 	{font-size:100%; line-height: 123.1%;
        margin:.4em 0em .8em 0em;
        padding:0;
	color: black;
    	}

h1, h2, h3 {margin:.8em 0em .2em 0em;
        padding:0;
    	}

h4 {text-align:justify; }


	
.pageopen h3 { font-size: 116%;/* Underline opening page header */
	border-bottom: 3px solid #ad0000;
	}

.pageopen h4 { font-size: 100%; line-height: 1.6em; color: #ad4a18;
		 }

em {color: #ff8c00; 
	font-style: normal;
	 }

img 	{
	margin:1px 0px 1px;
	}

#centrecontainer {
	text-align:left;
	width: 825px;
	min-height: 50px; /* new browser fix */
	overflow: hidden;  /* new browser fix */
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 10px solid #ececec;
		}
	


/* column container */

.colmask {
	position:relative;		
/*  This fixes the IE7 overflow hidden  bug and stops the layout jumping out of place */
	clear:both;
	float:left;
        width:823px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}
	

/* 2 column left menu settings */

.leftmenu {		/* Left Menu bar colour + repeating image */
	border-left: 0px;
	padding-left: 0px;    	
	border: 1px solid black;
	background-color: #808080;
	background-image: url(images/texturesteel2.jpg); 
	background-position: -37px 0px;	/* align background steel */
	background-repeat: repeat-y;
  	border: 1px solid #000;	} 


 
.colright {
        float:left;
        width:688px;         /* Normal right window full display cream area */
	position:relative;
	left:134px;
        background: #FFFFF0; /* Cream right window background color */  
    	overflow:hidden;
	border-left: 1px solid #000;
    	border-right: 1px solid #000;
	}


.col1 	{                /* right window text area constraint */
	    width:644px; 
	}  

.leftmenu .col1 {
       	margin:0px 20px 0px 20px;  /* Balance right window text area margins */
	position:relative;
	left:1px;
	overflow:hidden;
	}

.leftmenu .col2 {   
        float:left;
        width:115px; /* float menu and text area within larger window */
        position:relative;
        right:680px;
    	overflow:hidden;
	}

.leftmenu .col2 .expandcolor p {color: #fffff0;
			font-weight: bold;font-size: 85%} /* text below menu bar */

	
/* Footer styles */

#footer {	clear:both;
        	float:left;
        	width:825px;height: 20px; /* Footer box Size */
		border-top:3px solid #000;
    		padding: 0px; 
		background-color:rgb(130,130,130);
		}
#footer p {	width: 805px;
		text-align: center;
		font-size: 85%; line-height: 100%; /* Footer font Sizing*/
		color: rgb(230,230,230);
		 } 


.xhtmllogo { 	padding-top: 2px; padding-bottom: 2px; margin:0px;
		  }

.csslogo { 	padding-top: 2px; padding-bottom: 2px; margin:0px;
		 } 


.red { color: #ff0000; } /* highlight for span text color red */