/* A fluid template for business or fun */
/* By Dave Reeder, www.davereederdesign.com */

body { margin: 0; padding: 0; background-color:#000066; }

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, sans-serif; }


/*------------Basic styles------------*/

p, h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #000; font-weight: normal; text-decoration: none; background: transparent }

p { font-size: 0.8em; line-height: 1.4em; text-align: justify }
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.25em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #993333 }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #0066CC  }				/* sub headings */
span#copyright { font-size: 13px; line-height: 35px; color: #000099; }  /* sets the copyright styles */
span#design {  float: right; font-size: 13px; line-height: 35px; color: #000099}  /* floats the design link into position */
span.validation {  float: right; margin-right: 10px; color: #0000FF; font-size:1em;} /* floats the validation buttons */
.validation img {  margin: 0; } /* floats the validation buttons */

div { padding: 5px 0;}

#hdrimg a {color: #003399; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}

a {color: #6600CC; text-decoration: none}
a:hover {color: #000; text-decoration: underline}


/*-------------Layout----------------*/

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
	background: url('../images/flag_and_statue1.jpg') repeat-x;
	height: 110px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 90px;
}
html>body #hdrimg {
	height: 90px;        /* ie5x hack ends here */
}

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
}

#footer { text-align:center; width: 100%; height: 35px; background: url('../images/flag_and_statue1.jpg') bottom repeat-x }    /* Bottom copyright bar */


/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 48%;}		/* Half width column for a two column site. */
.halfcolumncss { float: left; width: 40%;}
.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */

.quartercolumn { float: left; width: 24.5% }		/* One quarter width column for a four column site */
.quartercolumnright { float: left; width: 24% }		
.threequartercolumn { float: left; width: 74.5% }
/*------------------------------Main Navigation------------------------------------------*/

#nav { position: absolute; top: 95px; left: 0px; height: 25px; width: 100% }
#mainnavigation { position: absolute; top: 76px; left: 0px; height:1.5em; line-height:2em; width: 100%; background-color:#000099;}
#navigation { position: absolute; top: 76px; left: 0px; height:1.5em; line-height:2em; width: 100%; background-color: #000099;}

ul#nav  { margin: 0 }
ul#mainnavigation  { margin: 0 }
#nav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	list-style: none;
	text-align: center
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 1px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}


#nav a:link, #nav a:visited  { background-color: #0099FF; }

#nav a:hover, #nav a:active { background-color: #000099}

/* #nav a#current { background: url('images/tab.gif') no-repeat 0 0 } */
/*#navigation{
height:2.2em;
line-height:2.2em;
width:758px;
margin:0 1px;
background:#578bb8;
color:#ffffff;
}
*/
#mainnavigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
font-size:1em;
}

#mainnavigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #mainnavigation a {width:1%;}

#mainnavigation .selected,#mainnavigation a:hover{
background:#80b0da;
color: #00FFFF;
text-decoration:none;
background-image: url(../images/union_menu_bg3.gif);
}


/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

/* lists */
ul { margin: 5px 0 5px 35px; list-style: url('images/bullet.gif') }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #fff; font-size: 0.8em; line-height: 1.4em }

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

#threat {
font-size:1.2em;
font-weight:bold;
float:left;
color: #003366;
text-align:center;
}

#meeting {float:right;
font-weight: bold;
color:#FF0000;
padding:5px;}

 .headlines {
 padding:10px;
 }
 
 h3.headlines {color: #FF0000;
 font-weight: bold;
 border:none;
 text-align:center;}
 
 h2.headlines {color: #FF0000;
 font-weight: bold;
 border:none;}
 
 div.spacer {
  clear: both;
  }
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 170px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
  
  #form {
  text-align:center;}
  
  .weather {width: 170px;}
  
/*--------------news styles ------------------------------*/

.headlinemenu {font-size:1em;}
.headline {font-size:1.4em;
border-bottom:1px solid #fff;}
.tagline {font-size:.8em;}
.article {font-size: 1.2em;}  
.news {padding:10px;
width:90%;}

.fmla h1 {font-size:1.8em;
text-align:center;
font-weight:bold;
color:#FF0000;
}

.fmla h3 {font-size:1em;
text-align:center;
font-weight:bold;
color: #000000;
}

.fmla {color:#000000;
text-align:center 
}
.fmla li, ol {color:#000000;
text-align:left;
text-indent:15px;
list-style: decimal;}

.linksheader {text-align:center;
font-size:1.4em;
text-transform:uppercase;
color:#0033CC;
}

.links {text-align:center;}

.announcerss {text-align:center;
font-size: 1em;
font-style:italic;
margin:2px;

padding:5px;
border-collapse:collapse;
}

.announce {text-align:center;
font-size: 1em;
font-style:italic;
border:2px solid #000;
padding:5px;
border-collapse:collapse;
margin:5px;
}
.announce1 {text-align:center;
font-size: 1em;

font-weight:bold;

padding:5px;
border-collapse:collapse;
}
.headlineright {
 padding:10px;
 
 }
 
 .headlineright h3{color: #FF0000;
 font-weight: bold;
 border:none;
 text-align:center;
 font-size:1.2em}
 
.headlineright h2{ color: #FF0000;
 font-weight: bold;
 border:none;}
 
 .leftnav {border:1px solid #fff;
 padding:3px;
 text-align:center;
 text-transform:uppercase;
 font-weight:bold;
 font-size:1.2em;
 margin:5px;
 color:#0000CC;

 }
 
 .leftnav li,ul {text-align:left;
 }
 
 .mainmenu { margin:2px;
 }
 
 .linkborder { border-left:2px solid #000;
 border-right:2px solid #000;
 margin:5px;}
 
 .officerheader {font-size: 1.6em;
 text-align:center;
 text-decoration:underline;
 }
 
 .officer {font-size: 1.1em;
 text-align:center;}
 .ps h1{font-size:1.6em;
 color:#003399;
 text-align:center;
 }
 .ps {color:#000000;
 }
 .ps h2{font-size:1.2em;
 color:#003399;
 text-align:center;
 }
 .ps ol{font-size:1em;
 line-height:2em;
 color:#000000;
 list-style:none;}
 
 .ps li{font-size:1em;
  line-height:2em;
 color:#000000;
 list-style:none;}
 
 div.float {float:left;
 width: 100px;}
 
 .container {}
 
 .bylawsheader {text-align:center;
 font-size:1.5em;
 color:#330099;}
 
 .bylawsheader h2{text-align:center;
 font-size:1.1em;
 color: #000000;}
 .bylaws p{ line-height:1.4em;
 font-size:1em;
 padding:10px;}
 
 .bylaws {color:#000000;
 
 }
 
 
 
 .bylaws li{ 
 font-size:.9em;
  list-style:none;}
  
  .bylaws ol{ 
 font-size:1em;
  list-style:none;}
  .cbeehead {text-align:center;
  font-size:1.6em;
  }
  
  .cbeehead1{text-align:center;
  font-size:1.4em;
  }
  
  .cbee {font-size:1em;}
  
  .cbee ol {color:#000000;}
  .cbee li {color:#000000;
  list-style:none;
  font-size:1em;}
  .article1 {font:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;}
  
  .section {font-size:1em;
  border-bottom:2px solid #000;
  width:100px;
  }
  
  .section1 {font-size:1em;
  border-bottom:2px solid #000;
  width:140px;
  text-indent:40px;
  }
  
  .sectionind {font-size:1em;
  
  text-indent:40px;
  }
  .rss {font-size:.8em;
  padding:10px;}
  
  .signature {font-size:1em;
  text-align:left;
  }
  
  ul#lmou {
  list-style:none;
  margin: 10px 20px; 
  padding:5px;
width:100%;
text-align:center;

  }
  
  ul#lmou li { display:inline;
 
  
  }
  ul#lmou li a {
  float: left;
  width: 8em;
  background-color:#000099;
  color:#FFFFFF;
  padding: 0.2em 1em;
  font-size:1.2em;
  text-decoration:none;
  border-right: 1px solid #FFFFFF;
  }
  
  ul#lmou1 {
  list-style:none;
  margin: 10px 20px; 
  padding:5px;
width:100%;
text-align:center;

  }
  
  ul#lmou1 li { display:inline;
 
  
  }
  ul#lmou1 li a {
  float: left;
  width: 8em;
  background-color:#000099;
  color:#FFFFFF;
  padding: 0.2em 1em;
  font-size:1.2em;
  text-decoration:none;
  border-right: 1px solid #FFFFFF;
  }
  
  #navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}