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: 1400px;
	border: black solid 0px;
	margin: 0px auto 0px auto;
	position: relative;
	
	/*border: blue solid 3px;  */
	
    }
	

	
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: 600px;
	 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;
	
	}
	
  
	
	
.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 : 23%;
		/*height : 100%;*/
	    /*border : blue solid 1px;*/
		margin : 0;
		}
div .middleside

	{
	  width: 48%;
     float:left;
	 color:  Solid green;
	 font-size: 16px; 
	 padding: 2px 2px 2px 2px;
	 margin: 2px 2px 2px 2px;
	} 
		
	
	
	div.righttside 
	{
		float : right;
		width : 27%;
		/*height : 100%;*/
	    /*border : red solid 2px;*/
		
		
	}
	
/* 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: 35px;
	 float: left;
	 color: white;
	 font-size: 18px; 
	 font-weight : bold;
	 padding:2px 2px 2px 2px ;
	 margin: 5px 5px 5px 5px;
	 vertical-align:middle
         text-align:center
	}
	
	

	
.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;
	 vertical-align:middle
         text-align:center
	 
	}
	
.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;
	 vertical-align:middle
         text-align:center
	 
	}
	
	

	
.pagecontent
	{
	  width: 100%;
	  padding:10px 10px 5px 5px;
	 /*height: 1000px;*/
	  border : red solid 0px;
	  
	
	}
	
	
	
	



div#searchbox {
    width : 180px;
	height : auto;
	border : thin solid #613838;
	margin-bottom : 20px;
	background : #ccc;
	text-align : center;
	padding: 2px;
}

div#searchbox h4 {
	font-size : 75%;
	color : #fff;
	background-color : #666;
	letter-spacing : 2px;
	padding : 0.5em;
	margin-top : 0;
}

.main {
	width : 180px;
	border : 1px solid black;
}
.month {
	background-color : black;
	font : bold 10px verdana;
	color : white;
}
.daysofweek {
	background-color : gray;
	font : bold 10px verdana;
	color : white;
}
.days {
	font-size : 8px;
	font-family : verdana;
	color : black;
	padding : 2px;
}

.days #today {
	font-weight : bold;
	color : red;
}




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

/*END OF Div  containing the LEFT COLUMN */



</style>