/* CSS Document */
img { border: none; }
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}
.txt1 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
color:#333333;
}
.txt2 {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#333333;
}
.txt3 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#333333;
}
.txt4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
}
.txt5 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
color:#FFFFFF;
}
.txt6 {
font-family:"Times New Roman", Times, serif;
font-size:36px;
font-weight:bold;
color:#333333;
}
.txt7 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
}
.txt8 {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
color:#333333;
}
.biotxt {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin:5px;
color:#000000;
}
 { padding: 0; margin: 0; }

body {
margin:0px 0px 0px 0px;
text-align:center;
 }
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXCSS FOR INDEX.HTML
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/
#indexWrapper { 
  background-color:#FFFFFF;
  Width:1024px;
  Height:850px;
  margin:auto 0;
 }
 #IndexNav { 
 width:100%;
 height:100%;
 padding:10px;
 background-color:#000000;
}
#IndexHtmNav { 
 width:1000px;
 height:30px;
 padding:10px;
 background-color:#000000;
}
#head {
position:absolute;
 width: 900px;
 height:1000px;
 Left:0px;
 top:0px;
 }
 #home {
position:absolute;
 width: 100px;
 height:66px;
 Left:81px;
 top:152px;
 }
  #contact {
position:absolute;
 width: 150px;
 height:150px;
 Left:242px;
 top:379px;
 }
 #inventory {
position:absolute;
 width: 150px;
 height:100px;
 Left:22px;
 top:432px;
 }
 #newsletter {
position:absolute;
 width: 150px;
 height:100px;
 Left:429px;
 top:96px;
 }
   #members {
position:absolute;
 width: 150px;
 height:150px;
 Left:433px;
 top:378px;
 }
    #application {
position:absolute;
 width: 150px;
 height:150px;
 Left:621px;
 top:361px;
 }
 #boardMembers {
position:absolute;
 width: 200px;
 height:200px;
 Left:794px;
 top:325px;
 }



 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXCSS FOR INDEX.HTML
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/


#wrapper { 
 margin: 0 auto;
 width: 822px;
 height:100%;
 background-color:#FFFFFF;
}

#header {
 color: #333;
 width: 820px;
 float: left;
 border: 1px solid #ccc;
 height: 100px;
}
#navigation {
float: left;
 width: 800px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #5CB5D2;
}
#leftcolumn { 
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 height: 100%;
 width: 195px;
 float: left;
}
#boardContent { 
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top:10px;
  height: 100%;
 width: 820px;
 float: left;
}
#Appcontent { 
 float: left;
  background: #F2F2E6;
 margin: 10px 0px 10px 0px;
  height: 100%;
 width: 406px;
 padding-left:12px;
 padding-right:12px;
 
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 400px;
 width: 406px;
 display: inline;
}
#rightcolumn { 
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 height: 100%;
 width: 195px;
 float: left;
}
#footer { 
 width: 100%;
 border: 1px solid #ccc;
 background: #5CB5D2;
 margin: 0px 0px 0px 0px;
 float:left;
}

/*BOARD MEMBERS CONTAINERSXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#secinfo {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}

#mayor {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}
#cristyinfo {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}
#pergersoninfo {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}
#tammyinfo {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}

#hobbsinfo {
float: left;
width:700px;
height:100px;
left:0px;
top:0px;
overflow:auto;
}
/*END BOARD MEMBERS CONTAINERSXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*CONTACT PAGEXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#Cwrapper { 
 margin: 0 auto;
 width: 822px;
}
#Cheader {
 color: #333;
 width: 820px;
 float: left;
 border: 1px solid #ccc;
 height: 100px;
}
#Cnavigation {
float: left;
 width: 800px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #5CB5D2;
}
#Cleftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top:10px;
  height: 410px;
 width: 195px;
 float: left;
}
#Ccontent { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 400px;
 width: 406px;
 display: inline;
}
#Crightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top:10px;
 height: 410px;
 width: 195px;
 float: left;
}
#Cfooter { 
 width: 800px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #5CB5D2;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

/*APPLICATION CSSccccccccccccccccccccccccccccccccccccccCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC*/
#Appcenter { 
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top:10px;
  height: 410px;
 width: 600px;
 float: left;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 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*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.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;
}
#blogInfo { 
  background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top:10px;
  height:1000px;
 width: 820px;
 float: left;
}