body
	{
		background-color : #CCC;
		line-height:1.5em;
		font-family: Calibri;
		font-size: 14px;
	
	}
.page 
	{	
		max-width: 1000px;
		margin: 0px auto 0px auto;
		position: relative;
		background-color: #fff; 
		
	}
	

h1		 { font-size: 40px; font-weight : bolder; color:#327B38; margin: 2px; padding: 2px;}
h2		 { font-size: 30px; font-weight: bolder; color:#327B38; margin: 2px; padding: 2px;}
h3          	 { font-size: 18px; font-weight: bolder;color:#327B38;margin: 2px; padding: 2px;}
h4         	 { font-size: 15px; font-weight: bolder;color:#327B38;margin: 2px;padding: 2px;}
ol		 { font-size: 15px; margin: 2px; padding: 2px;}
p		 { margin:2px; padding:2px;}
a		 { color: #000000; text-decoration:none;}
a:hover   { color: #327B38; text-decoration: none;}
a:visited {color: #000000;}
a:active {color: #000000;}
table, th, td{border: 2px solid green; background-color: solid green; border-collapse: collapse;}
td, th {border: 1px solid green; padding: 2px;}
tr:hover td {color: white;background-color:#CCC;} 
caption {padding-bottom: 5px;}

.container
	{
	background-color: white;
	width: 998px;
	height: 1640px;
	border: black solid 0px;
	margin: 0px auto 0px auto;
	position: relative;
	
    }
	

	
div.banner
	
	{
    background-image:url("Images/bannerpics/BANNER.png"); 
	height:282px;       
    width:1000px;  
    text-indent:-9999px;  
    }

	
	
	

	//*
.content
	{
	 width: 1000px;
	 height: 1250px;
	 border: yellow solid 4px;
	 float: left;
	 margin: 0px;
	}
	*//
	


	
.bigcoloumn  //*For home page only*//
	{
	 width: 800px;
	 height: 1200px;
	 float: left;
	 border: 0px;
	 
	 }
	 
.pageheading

	{
	 background-color:#9D938A;
	 width: 1000px;
	 height: 40px;
	 float: left;
	 color: white;
	 font-size: 30px; 
	 font-weight : bolder;
     text-align:center;
	 
	
	}
	
.sideparagraph

	{
	 background-color:#CCC;
	 width: 200px;
	 height: 330px;
	 float: left;
	 color:  Solid green;
	 font-size: 16px; 
	 padding: 2px 2px 2px 2px;
	
	 
	
	}
	
.sideparagraph1

	{
	 background-color:#CCC;
	 width: 570px;
	 height: 330px;
	 float:right;
	 color:  Solid green;
	 font-size: 16px; 
	 padding: 2px 2px 2px 2px;
	
	}
	
.sideparagraph2

	{
	 background-color:#CCC;
	 width: 750px;
	 height: 1200px;
	 float:left;
	 color:  Solid green;
	 font-size: 16px; 
	 padding: 2px 2px 2px 2px;
	 margin: 10px 10px 10px 10px;
	}   
	
	
.sideparagraph3

	{
	 background-color:#CCC;
	 width: 750px;
	 height: 150px;
	 float:left;
	 color:  Solid green;
	 font-size: 16px; 
	 padding: 2px 2px 20px 2px;
	 margin: 10px 10px 10px 10px;
	} 
	
	/* Div for containing the LEFT COLUMN */

div.leftside 
	{
		float : left;
		width : 200px;
		height : 1200px;
	    /*border : blue solid 1px;*/
		margin : 0;
		
	}
	
/* Social Media Icons */
div.socialmedia1
	{
	 background-image:url("Images/socialmedia/fbicon.png");
	 width: 50px; 
	 height: 50px;
	 float: left;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 background-repeat: no-repeat;
	
	}
	
div.socialmedia2
	{
	 background-image:url("Images/socialmedia/filkIcon.png");
	 width: 50px; 
	 height: 50px;
	 float: left;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 background-repeat: no-repeat;
	
	}
	
div.socialmedia3
	{
	 background-image:url("Images/socialmedia/twitterIcon.png");
	 width: 50px; 
	 height: 50px;
	 float: left;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 background-repeat: no-repeat;
	 
	}
/* End Social Media Icons */

/* Government Icons */
div.govicon1
	{
	background-image:url("Images/GovermentLogos/coasa1.png");
	width: 60px;
	height: 78px;
	float: left;
	padding:2px 2px 2px 2px ;
	margin: 2px 2px 2px 2px;
	background-repeat: no-repeat;
	
	}
	
div.govicon2
	{
	background-image:url("Images/GovermentLogos/nwlogo1.png");
	width: 72px;
	height: 70px;
	float: left;
	padding:2px 2px 2px 2px ;
	margin: 2px 2px 2px 2px;
	background-repeat: no-repeat;
	
	}
	
div.govicon3
	{
	background-image:url("Images/GovermentLogos/drkklogo.png");
	width: 31px;
	height: 72px;
	float: left;
	padding:2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	background-repeat: no-repeat;
	}
	
div.adobepic
	{
	 background-image:url("Images/socialmedia/adobe.gif");
	 width: 88px; 
	 height: 31px;
	 float: left;
	 padding:2px 2px 2px 2px ;
	 margin: 2px 2px 2px 2px;
	 background-repeat: no-repeat;
	
	}
	


/* End of Government Icons */

/*END OF Div  containing the LEFT COLUMN */

.pagebuttons

	{
	 background-color:#9ACD32;
	 width: 180px;
	 height: 42px;
	 float: left;
	 color: white;
	 font-size: 18px; 
	 font-weight : bold;
	 padding:2px 2px 2px 2px;
	 margin: 5px 5px 5px 5px;
         align-items: center;
	 text-align:center;
         vertical-align:middle;
	}
	
.docbuttons/*Used on the Documents  page for Budget, IDP's......LEFT */

	{
	 background-color:#FEDA6A;
	 width: 180px;
	 height: 50px;
	 float: left;
	 color: Black;
	 font-size: 18px; 
	 font-weight : bold;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 text-align:center;
         vertical-align:middle;

	 
	}
	
.docbuttons1/*Used on the Documents  page for Budget, IDP's...... RIGHT*/

	{
	 background-color:#FEDA6A;
	 width: 180px;
	 height: 50px;
	 float: right;
	 color: Black;
	 font-size: 18px; 
	 font-weight : bold;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 text-align:center;
         vertical-align:middle;

	 
	}
	
	

	
.pagecontent
	{
	  width: 980px;
	  padding:10px 10px 5px 5px;
	  height: 800px;
	  border : red solid 0px;
	  
	
	}




	 
		 
.footnote
	{
	background-color:#9D938A;
	width:1000px;
	height:65px ;
	float: left;
	color: white;
	clear: both;
	
	
	}

/*END OF Div  containing the LEFT COLUMN */



</style>