/* ------ general ------ */

body
{
  margin: 0;
  padding: 0;

  background: #fff url(images/bg-3-columns-3.jpg) repeat-y 0;
  color: #333;
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}

a:link, a:visited
{
  color: #5b80b2;
}

a:hover, a:visited:hover
{
  color: #036;
}

p
{
  margin: 0;
  padding: 0;
}

h3
{
  margin: 0;
  padding: 0;

  color: #333;
  font-size: 100%;
  font-weight: bold;
}

h3 span
{
  color: #999;
}

h4
{
  margin: 0 0 12px 0;
  padding: 0;

  color: #333;
  font-size: 12px;
  font-weight: bold;
  
  border-bottom: 1px solid #ddd;
}



table
{
  margin: 4px 0 10px 0;
  padding: 0;
  
  color: #333;
  font-size: 100%;
  text-align: left;
  border: 0;
  
  width: 360px;
}

table tr td
{
  margin: 0;
  padding: 2px 4px 2px 4px;
  
  vertical-align: top;
}

table tr .date
{
  margin: 0;
  padding: 2px 4px 2px 4px;

  color: #900;
  font-weight: bold;
  text-align: right;

  border-bottom: 1px solid #999;
  vertical-align: top;
}

table .oddRow
{
  background-color: #f7f7f7;
  padding: 5px;
}
table .evenRow
{
  background-color: #efefef;
  padding: 5px;
}



.galleryTable img 
{
  border: 0;
}





/**** forms ****/
form
{
  margin: 0;
  padding: 0.4em 0 0.6em 0;
  
  text-align: left;
}

form div
{
  clear: both;
  
  margin: 0;
  padding: 0.4em 0 0 0;
}

form h3
{
  border-bottom: 1px solid #ddd;
}

.label
{
  float: left;
  margin: 0 0.3em 0 0;
  padding: 0;
    
  text-align: right;
  width: 100px;
}

.inputField
{
  margin: 0;
  padding: 0;
    
  text-align: left;
  width: 100px;
}






/* ------ wrapper ------ */

#wrap
{
  position: relative;
  margin: 0;
  padding: 0;

  background: #fff url(images/bg-3-columns-3.jpg) repeat-y; 
//  border-top: 4px solid #006;
  border-top: 4px solid #333;
  text-align: left;
  
  width: 750px;
}

html>body #wrap
{
  width: 750px;
}



/* ------ header ------ */

#header
{
  margin: 0;
  padding: 3px 0 3px 0;
  
  background: #fff;
  color: #666;
  font-size: 75%;
  line-height: 1.2em;
  text-align: right;
  
  width: 750px;
  height: 74px;
  voice-family: "\"}\"";
  voice-family: inherit;  
  height: 68px;
}

#topNav
{
  position: absolute;
  top: 12px;
  left: 220px;
  margin: 0;
  padding: 0;
  
  background: #fff;
  font-size: 88%;
  text-align: center;
  
  width: 300px
}



/* ------ main image ------ */

#mainImage
{
  margin: 0 0 0 160px;
  padding: 0;
}



/* ------ center column ------ */

#center
{
  /* here for testing */
  /* border: 1px solid purple; */
  
  margin: 0 0 30px 180px;
  padding: 8px 0 0 0;
  
  font-size: 88%;
  text-align: center;
  
  width: 380px;
}

#missionStatement
{
  margin: 0 9px 0 9px;
  padding: 0 0 20px 0;

  background: #fff url(images/mission-statement-bg.gif) no-repeat;
  color: #666;
  font-style: italic;
  line-height: 1.3em;
  
  height: 56px;
  width: 362px;
}

#missionStatement p
{
  margin: 0;
  padding: 0;
  
  color: #900;
  font-style: normal;
  font-weight: bold;
  line-height: 1.9em;
}

#missionStatement span
{
  margin: 0;
  padding: 0 6px 0 10px;
}

#center h3
{
  margin: 0;
  padding: 0.2em 0 0.2em 0;
  
  text-align: left;
}

#newsArchive
{
  clear:both;

  margin: 0 0 12px 242px;
  padding: 0;
  
/*  text-align: right; */
/*  background: url(images/menu-arrow.gif) no-repeat 0 55%; */
  
  width: 138px;
}

#newsArchive a:link, #newsArchive a:visited
{
  color: #036;
}

#newsArchive a:hover, #newsArchive a:visited:hover
{
  color: #5b80b2;
}


/**** Story briefs ****/
.story
{
  margin: 0 0 0.6em 0;
  padding: 0 0 0.6em 0.6em;
  
/*  border-top: 1px solid #ddd; */
  text-align: left;

  clear: both;
}

.story h3
{
  margin: 0;
  padding: 0;
  
  color: #5b80b2;
  font-size: 14px;
  font-weight: bold;

  border-top: 1px solid #ddd;
}

.story p
{
  margin: 0;
  padding: 0;
  
  text-align: justify;
}

.story a:link, .story a:visited
{
  color: #5b80b2;
}

.story a:hover, .story a:visited:hover
{
  color: #036;
}

.story img, .announcement img
{
  float: right;
  
  margin: 0.3em 0.6em 0.6em 0.6em;
  padding: 0;
  
  border: 1px solid #333;
}



/**** Full Stories ****/
.storyFull
{
  margin: 0 0 0.6em 0;
  padding: 0 0.6em 0 0.6em;
  
/*  border-top: 1px solid #ddd; */
  text-align: left;
}

.storyFull h3
{
  margin: 0;
  padding: 0;
  
  color: #5b80b2;
  font-size: 14px;
  font-weight: bold;

/* added */
  border-top: 1px solid #ddd;
}

.storyFull p
{
  margin: 0;
  padding: 0 0 8px 0;
  
  text-align: justify;
}

.storyFull a:link, .storyFull a:visited
{
  color: #5b80b2;
}

.storyFull a:hover, .storyFull a:visited:hover
{
  color: #036;
}

.storyFull img, .announcementFull img
{
  float: right;
  
  margin: 0.6em 0 0.6em 0.6em;
  padding: 0.8em 0.8em 0.8em 0.8em;
  
  border: 1px solid #036;
  
  clear: right;
}

/* map images */
.maps img
{
  float: none;

  margin: 0 auto;
  padding: 0 auto;
  border: 0;
  
  clear: both;
}





/**** Announcement briefs ****/
.announcement
{
  margin: 0 0 1em 0;
  padding: 0 0 0.6em 0.6em;
  
  border: 1px solid #ddd;
  background: #efefef;
  text-align: left;
}

.announcement h3
{
  margin: 0;
  padding: 0;
  
  color: #c00;
  font-size: 14px;
  font-weight: bold;
}

.announcement p
{
  margin: 0;
  padding: 0;
  
  text-align: justify;
}

.announcement a:link, .announcement a:visited
{
  color: #c00;
}

.announcement a:hover, .announcement a:visited:hover
{
  color: #900;
}


/**** Full Announcements ****/
.announcementFull
{
  margin: 0 0 1em 0;
  padding: 0 0.6em 0 0.6em;

  border: 1px solid #ddd;
  background: #efefef;
  text-align: left;
}

.announcementFull h3
{
  margin: 0;
  padding: 0;
  
  color: #c00;
  font-size: 14px;
  font-weight: bold;
}

.announcementFull p
{
  margin: 0;
  padding: 0 0 8px 0;
  
  text-align: justify;
}

.announcementFull a:link, .announcementFull a:visited
{
  color: #c00;
}

.announcementFull a:hover, .announcementFull a:visited:hover
{
  color: #900;
}

.announcementFull ul
{
  margin: 0;
  padding: 0 0 0.5em 1.8em;
    
  list-style: disc;
}

#newsArchive ul
{
  margin: 10px 0 18px 10px;
  padding: 0;
  
  list-style: none;
}

#newsArchive ul li
{
  margin: 0 0 6px 0;
  padding: 0 0 0 18px;

  color: #006;
  background: url(images/menu-arrow.gif) no-repeat 0;
  line-height: 1.3em;
  text-align: left;
}





/* ------ left column ------ */

#left
{
  /* here for testing */
  /* border: 1px solid red; */
  
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0;
  padding: 0;
  
  color: #fff;
  font-size: 88%;
  line-height: 1.4em;
  text-align: center;

  width: 160px;
}

#left ul
{
  margin: 0;
  padding: 0;
  
  list-style: none;
  
  background: url(images/left-menu-bg-1.jpg) no-repeat 0;
}

#left ul li
{
  margin: 0;
  padding: 1px 0 1px 35px;
  
  line-height: 1.4em;
  text-align: left;
  
  background: url(images/arrow3.gif) no-repeat 14% 60%;
}

#left ul li a:link, #left ul li a:visited
{
  color: #fff;
  text-decoration: none;
}

#left ul li a:hover, #left ul li a:visited:hover
{
  text-decoration: underline;
}

#left img
{
  margin: 0 0 6px 0;
  padding: 0;
  
  border: 1px solid #000;
}

/* sub menus */
#left ul .subMenu
{
  margin: 0;
  padding: 1px 0 1px 50px;
  
  line-height: 1.4em;
  text-align: left;
  
  list-style: disc;
  background: url(images/1x1trans.gif);
}




/* ------ right column ------ */

#right
{
  /* here for testing */
  /* border: 1px solid green; */
  
  position: absolute;
  top: 225px;
  right: 10px;
  margin: 0;
  padding: 0;
  
  color: #666;
  font-size: 88%;
  line-height: 1.5em;
  text-align: left;
  
  width: 150px;
}

#right h3
{
  margin: 0;
  padding: 0;
}

#right p
{
  margin: 0;
  padding: 0;
}

#right ul
{
  margin: 10px 0 18px 10px;
  padding: 0;
  
  list-style: none;
}

#right ul li
{
  margin: 0 0 6px 0;
  padding: 0 0 0 18px;

  color: #006;
  background: url(images/menu-arrow.gif) no-repeat 0;
  line-height: 1.3em;
  text-align: left;
}

#right a:link, #right a:visited
{
  color: #036;
}

#right a:hover, #right a:visited:hover
{
  color: #5b80b2;
}



/* ------ footer ------ */

#footer
{
  clear: both;
  margin: 40px 0 10px 180px;
  padding: 4px 0 0 0;
  
  color: #999;
  font-size: 88%;
  line-height: 1.5em;
  text-align: center;
  
  border-top: 1px solid #ddd;
  
  width: 380px;
}