/* CUCANCIC CONSTRUCTION CSS BY JEFF ALGARRA 2007 */

html {
 height: 100%;
}
body	{
	background: #Dedede;
	color:#000000;
	margin-top:10px;
	font-family: Tahoma;
	 height: 100%;
}

#wrapper	{
	width:780px;
		background-color:#ffffff;
}
#top_bg	{
	background: #0E5300 url('../images/top1a.gif') no-repeat left;
	width:780px;
	height:47px;
	text-align:center;
}
#nav_bg1	{
	float:left;
	background: #C6CD54;
	width:201px;
	height:32px;
	text-align:left;
}
#nav_bg2	{
	float:left;
	background: #C6CD54 url('../images/nav_bg.gif') repeat-x;
	width:579px;
	height:32px;
	text-align:left;
}
#logo	{
	background: #5D8AD1 url('../images/title1.jpg') no-repeat bottom;
	width:780px;
	height:117px;
	clear:both;
}
#main	{
	width:auto;
	background-color:#ffffff;
	margin: 0 auto;
	background: #FFFFFF url('../images/main_bg.gif') repeat-x;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	height:100%;
}
#main_left	{
	float:left;
	width:213px;
	font-size:12px;
	background-color:#ffffff;
}
.news	{
	border:1px solid #000000;
	width:100%;
	height:100%;
	font-size:12px;
	text-align:left;
	background-color:#EDEDED;
}

.news_bg	{
	background: #FFFFFF url('../images/mission.jpg') no-repeat top;
	width:211px;
	height:273px;
	z-index:0;
	padding-left:2px
}
.address	{
	opacity: 0.7;
  filter: alpha(opacity = 75);
  -moz-opacity:.75;
  opacity:.75;
	background-color:white;
	width:185px;
	height:80px;
	text-align:center;
	margin-left:10px;
	z-index:1
}
.address_text	{
	font-weight:bold;
	z-index:50;
	line-height:15px;
	font-size:12px;
	color:#000000;
}
.main_content	{
	margin-left:230px;
	font-size:12px;
	height:100%;
	text-align:left;
	
}
.main_content2	{
	font-size:12px;
	height:100%;
	text-align:left;
	height:auto;
}

#content	{
	border:1px solid #000000;
	background-color:#EDEDED;
	height:auto;
	margin-bottom:15px;
}
.title_bg	{
	background: #606D7F url('../images/title_bg.gif') repeat-x;
	height:33px;
	padding-left:10px;
	padding-top:6px;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	text-align:left
}
/********************************FOOTER*/
#footer1	{
	background: #606D7F url('../images/footer_bg.gif') repeat-x;
	height:27px;
	width:780px;
	font-size:12px;
	color:#ffffff;
	padding-top:3px;
	clear:both

}
#footer1	a	{
	color:#FFFFFF;
	font-size:11px;
	letter-spacing:2px;
	text-decoration:underline;
} 
#footer1	a:hover	{
	color:#D5D560;
	font-size:11px;
	letter-spacing:2px;
	text-decoration:none;
}
#footer2	{
	background-color:#0E5300;
	height:32px;
	width:780px;
	font-size:10px;
	color:#FFFFFF;
	padding-top:3px;
}
#footer2	a	{
	color:#D5D560;
	font-size:10px;
	text-decoration:underline;
}
#footer2	a:hover	{
	color:#2696DA;
	font-size:10px;
	text-decoration:none;
}  
/***********************END FOOTER*/
.sub {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.bod {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
}
.sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
a {     
	font-family: Tahoma;
	font-size: 12px;
    color : #0E5300; 
	font-weight: bold;
	text-decoration : underline;
}
a:hover { 
    font-family: Tahoma;
	font-size: 12px;
	color : #0E5300; 
	font-weight: bold;
	text-decoration : none;
}.bodwh {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #FFFFFF;
}
.sub3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #60950F;
}
.title {
	font-family: Tahoma;
	font-size: 18px;
	font-style: normal;
	color: #FFA523;
	font-weight: bold;

}
.title2 {
	color: #5995E6;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
}
.sub4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #CC3300;
}
.sub5 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #68A310;
}
.title3 {
	font-family: Garamond;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
	font-style: italic;

}
.title4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;

}
a.nav:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

h1	{
	font-size:20px;
	color:whitesmoke;
	margin:0px;
	padding-top:10px;
}

h3	{
	font-size:13px;
	font-weight:bold;
	color:#2696DA;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:0px;

}

p	{
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:8px;
	line-height:18px;
	text-align:justify;
}
hr	{
	text-align:center;
	width:95%;
	height:1px;
	color:#0E5300;
}
/************************** MAIN NAV MENU*/
#navcontainer
{
	margin: 0;
	padding: 0 0 0 0;
}

#navcontainer UL
{
	list-style: none;
	margin-left: 80px;
	margin-bottom:-16px;
	padding: 0;
	border: none;
}

#navcontainer LI
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#navcontainer A
{
	color: #444;
	display: block;
	width: auto;
	text-decoration: none;
	background: #D5D560;
	margin: 0;
	padding: 9px 20px;
	border-left: 1px solid #fff;
	
	border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { 
	background: whitesmoke; 
}

#navcontainer A.active:link, #navcontainer A.active:visited
{
	background: #BBBBBB;
	font-weight: bold;
}
/* STYLES FOR GALLERY*/

.gallerycontainer	{

	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*****************************FORMS*/
.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 3px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
input	{
border:1px solid black;
width: 50%;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 50%;
border:1px solid black;
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px solid black;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

span.counter {
   color: red;
   cursor: default;
   font-size: larger;
}