/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
  padding: 0;
  margin: 0;
  font-family: arial, serif;
  min-width: 900px;
  background: #c0c0c0;
}

#page { 
 margin: 0 auto;
 width: 900px;
 background-color: white;
}

#wrapper { 
 margin: 0 auto;
 background-color: #678475;
 background-image: url('../images/background2.jpg');
 width: 900px;
}
#header {
 width: 900px;
 float: left;
 background: #678475;
 background-image: url('../images/background.jpg');
 height:112px; /*height of background image*/
}
#logo {
  margin-right: 35px;  
  margin-left:  35px;
  margin-bottom:  5px;
  margin-top:  7px;
}
#maincontent{
 background-color:#dfe0e2;
 margin: 0 0 0 35px;
 padding: 0 3px 0 0; 
 height:909px;  /* FF */
 .height:799px; /* IE7 */
 width:830px; /*removing this will remove the blue design at the right*/
}

#leftcolumn { 
 background: #dfe0e2;
 margin: 0 0 5px 0px;
 padding: 11px 11px 10px 11px;
 padding-top:0px; /* for polls */
 height: 700px;/*dummy height original: 360px; */
 width: 240px;
 float: left;
 font-size: small;
}

#rightcolumn { 
 float: left;
 background: #dedfe1;
 margin: 11px 0px 5px 0px;
 padding: 0 0 0 0;
 /* height: 350px;*/
 display: inline;
 width: 550px; /* image size is 560px. increasing the css width will produce error in FF */
}

#rightcolumn_text{
 font-size:8pt;
 margin-top:30px;
 margin-right:40px;
 line-height:18px;
 background-color:#d7d9db;
}

#rightcolumn_text a{
 color: #475950;
 text-decoration: underline;
 font-weight:bold;
}

#rightcolumnsub {  /* style fix for whole paragraph indent */
 margin-top:1px; /* FF */ 
 .margin-top:-2px; /* IE */
/* for purpose
 padding-left:	12px; 
 padding-right: 10px;
 width:538px; 
*/
 padding-left:35px; 
 padding-right:30px;
 width:495px; 
 background-color:#d7d9db; 
 height:442px;  /* FF */
 .height:439px;  /* IE 439*/
}

#projecthistorypastplan{
/*  height:51px; FF
 .height:51px; IE
*/
 width:560px;
 background-color:#d7d9db; /*dfe0e2;*/
}

#footer { 
 clear: both;
 background: #678475;
 margin: 0px 0px 0 0px;
 padding: 5px 0 10px 40px;
 font-size: x-small;
 height:25px;
 background-image: url('../images/background3.jpg');
}

#upcomingevents{
 padding:10px 57px 10px 58px;
 line-height:30px;
 background-color:#F5F5F5;
}

#upcomingevents_details{
 text-align:center;
 background-color: #d7d9db;
 width: 240px;/* 225px;*/
 float: left;
 font-size:8pt;
 height:239px;
 margin-bottom:12px;
}

#upcomingevents_navigation{
 background-color: white;
 width: 240px;
 float:left;
}

/* Whenever the template is edited, the ffg are reproduced automatically in the page with 0, 1, 2 and so on suffixes.*/
#upcomingevents_navigation_td10{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}
#upcomingevents_navigation_td9{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}
#upcomingevents_navigation_td8{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td7{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td6{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td5{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td4{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td3{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td2{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td1{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td0{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}

#upcomingevents_navigation_td{
 padding-left:50px;
 font-size: 9pt;
 height: 24px;
}
#upcomingevents_navigation_td10 a{
 text-decoration:none;
 color:#545b61;
}
#upcomingevents_navigation_td9 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td8 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td7 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td6 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td5 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td4 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td3 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td2 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td1 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td0 a{
 text-decoration:none;
 color:#545b61;
}

#upcomingevents_navigation_td a{
 text-decoration:none;
 color:#545b61;
}

#button {
 background: transparent;
 border: 1px solid #6b6b6b;
 color: black;
 display: inline;
 margin: 0;
 padding: 0;
}


.projecthistorytext{
 vertical-align:top;
 font-weight:bold;
 font-size:9pt;
 padding-top:20px;
 float:left; 
 width:200px;
}

.projecthistoryphoto{
 float:right;
 padding-top:15px; /* FF */
 .padding-top:10px; /* IE */
}