/* 
 copyright 2004-2008 Rick Fillman, all rights reserved.
   Source code here MAY NOT be copied in whole or in part without permission.
   Source code here remains the property of the author,
   and may be deployed on a webserver ONLY with permission.
*/ 

/* aimed at the date select object.  */
/* net is cast too wide */
select { 
	width: 65px;
	}

.bsSelect {
	z-index: 8;
	max-width: 9em;
	font-size: xx-small;
	bXackground-color: purple;
	}

pre {
	font-size: 12px;
	Xbackground-color: green;
	}

#container
{
width: 90%;
/* background-color: green; */

}

/* better to push hard left margin: 10px auto; */

/* firefox wont tolerate an empty. div.  so added nbsp. */
/* THEN ie needs the following to keep the spacing tight */
.clearIt {
	font-size: 0px;
	height: .01%;
	clear: both;//left;
}


#top h1{
	padding: 0;
	margin: 0;
}

#leftnav {
	float: left;
	width: 15%;
}
#leftnav ul.navlist li a {
	Xtext-align: right;
}
#leftnav .big {
	width: 82%;
	margin: .5em 0 .5em 0;
	background-color: darkgray;
	}

#rightnav {
	float: left;
	width: 15%;
}

/* css phpup */
table#newsT a span { 
	display: none;
}
table.calendar a span { 
	display: none;
}

table.calendar a:hover span, table#newsT a:hover span {
   display: block;
   position: absolute;
   width: 100px;
   padding: 5px;
   margin: 10px;
   z-index: 150;
   color: #800000;
   background: yellow;
   text-decoration: none;
   font: 10px Verdana, sans-serif; 
   text-align: center;
   border-width: 1px 3px 3px 1px;
   border-style: solid;
   border-color: #800000;
}

   
/* ----- Content area --------- */
/*       the containing frame added for ie - svhs - not needed before */

	/* July 2006 */
	/* -- position, and IE, menus, are IN BACK of Inner */
#innerPage {
	width: 100%; 
	
	/*border-style: solid; */
	/*border-color: gold; */
	/*border-width: 5px; */
}

#content {
	float: left;
	Xwidth: 60%;
}
	/*background-color: red; */
	/*border-style: solid; */
	/*border-color: cyan; */
	/*border-width: 5px; */

/* ----- Header area --------- */

#topTitle {
	position: relative;
	z-index: 4;
	text-align: center;
	max-width: 95%;
}  
#topTitle[ id ] {
	top: -.2em;
}

#missionText {
	z-index: 5;
	}

/* ----- Footer area --------- */
#footer
{
	clear: both;
	margin: 1em 0em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	font-size: small;
}

#copyright
{
	float: left;
	width: 75%;
	font-size: smaller;
	margin: 0;
}

#kudos
{
	float: right;
	width: 15%;
	margin: 0;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }


span.finePrint {
         font-size:  smaller;
         }

h3      { text-align: center } 

h2      { text-align: center;
           font-size: larger;
        }

a	{ text-decoration: none }

a:hover { 
         text-decoration: underline;
         }
          
a.null{
	}

a.Big   {
          font-weight: bolder; 
          font-size:  larger;            
          color: darkslateblue;
          background-color: aliceblue; 
          }
           
a.textNav { 
          color: darkslateblue;
          }
          
a.textNav:hover { 
          text-decoration: underline;
          color: #CCCCFF; 
          }
                            
a.navBig:hover { 
          background-color: #CCCCFF; 
          color: white; 
          }

.buttonBar  {   
          font-family: sans-serif;
          background-color: #DCDCDC;  
          text-align: center;
          }
          
          
p.text { text-align: left;
         } 

hr      { 
          color: maroon;
          width: 100% }


table  {  
          border-width: 0px;
          width: 96%;
          border-color: blue; 
          tXable-layout: fixed;
          border-style: groove; 
          }

table.admin{                     
          font-size: smaller;
          border: 0px;
          border-style: inset; 
          width: 55%;
          }
          
td      {   
          border: 0px;
          vertical-align: top;
          border-color: pink;
          border-style: groove; 
          }
       
td.null  {   
          border: 0px;
          vertical-align: top;
          border-style: groove; 
          }
          

table.admin{                     
          font-size: smaller;
          border: 0px;
          border-style: inset; 
          width: 55%;
          }
td.admin {
          border: 2px;
          border-style: groove;  
          }                    
                    
td.formObject  {     
          width:  35%;
          text-align: right;
          border: 0px;
          }     
         
table.formObjects{
          width: 70%;
          }
                  
           
td.save {  
          text-align: center;
          background-color: none; 
         }  
          
         
td.item {  
          border: 1px;
          text-align: left;
          border-style: groove; 
         }  

/* used by the SiteMap list ... */
.nav   {
          text-decoration: none;
          }
          
.nav:hover { 
          color: white;  
          background-color: #CCCCFF; 
          }
.navPast {
	bXackground-color: #d3d3d3;
	fXont-size: 40px;
	color: green;
	background-color: purple; 
	}

          
          
/* nav2 used in siteMap */
.nav2   {
          color: white;
          background: darkgray;
          }
.nav2:hover   {
          background-color: black;
          }

/* siteMap list finished */


.box {/*this is a box */
  margin: 4px;
  padding: 10px;
  border-color : lightblue;
  border-style : groove;
  border-width : 2px;
  }

.myPhotosBox {
	width: 75%;
}

.X-July7-photosBox {
  padding: 1em 4em 4em 4em;
  background-color: darkgray;
  }
  
.X-July7-photoBox {/*this is a box */
  text-align: center;
  mXargin: 2px;
  border-color : lightblue;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
  }

.warning { 
  font-size:  larger;
  text-align: center;
  color: red;
  }

  
#banner {
	margin: 0em 1em;
}  

#logo {
	float: left;
	max-width: 20%;
}  

/* opera is not a good test for the following.  Seems to never dispaly borders */

#logo img {
	z-index: 55;
	border-width: 0;
	}
/* not really borders, but default behavior of images used a links.  */
/* is and firefox provide about 2px blue 'highlight' */
/* above Width setting is intended to Defeat this default behavior. */
/* for images inside the logo block */

/* calendar stuff                    */
/* --------------------------------- */

.calButton {
	color: #800000;
	border-style: none;
	border-width: 0;
	background-color: yellow;
}
.calButton:hover {
	color: white;
	background-color: #800000;
}

.calendarItem {
 	font-size: x-small;
 }

	/* slightly darker than calendarNam */
.calendarHeader {
	color: #696969;  
	}
	
.calendarNum {
	color: #778899;
	margin: 0;
	padding: 0;
	font-size: smaller;
	float: left;
	}
	
.calendar {
         width: 650px;
          border-style: outset;
          overflow: auto; 
	}

.calendar ul.navlist li a {
	width: 1em;
	background-color: #800000;
	}	
		
.calendarItem ul.navlist li a {
	width: 3em;
	border-width: 1px;
	max-width: 10em;
	/* ie bug.  Must have padding at zero or ugly only ie.   */
	padding: 0;
	margin: .2em 0 .2em 0;
	background-color: purple;
	}
	
.calendarItem ul.navlist li a:hover {
	fXont-size: xx-large;
        background: url('');
        bXackground-color: #800000;
}	


.calendarToday {
	text-align: left;
	font-weight: bold;
	background-color: gainsboro;
	}

	
/*  highlight calendar items */
td.calendar {
	border-color:  #F8F8FF; 
	border-width: 1px;
	text-align: left;
	bXackground-color: lavender; 
	}

/* the events calendar */
#eventsCalendar {
          font-size: smallest;
          /* July 2006 simplification - removed width/height */
          width: 650px;
          Xheight: 750px;
          border: 1px;
          border-style: outset;
	}

#eventsCalendar a {
	color: black;
        background: url('');
	background-color: cyan;
	}
#eventsCalendar a:hover {
	color: white;
	background-color: #800000;
	}
#eventsCalendar a.navPast {
	background-color: #d3d3d3;
	fXont-size: 40px;
	/* at svhs seen only on hover and not in ie */
	color: grey; 
	}
	
#newsT {
	border-width: 0 0 0 0;
	bXackground-color: purple; 
	}
	
#newsT td {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	bXorder-color: cyan;
	bXackground-color: cyan;
}

#dateOutput {
	background-color: gainsboro;
}
.itemDate {
	color: #696969;
	font-size: x-small;
	}

.item input {
/* next three lines July20 */
	clear: left;
	float: right; 
	display: block;
	font-size: small;
	width: auto;
	padding: 0;
	margin: 0;
}


#formsLayout {
	left-margin: 3em;
	width: 65%;
	}

#formsLayout div{
	margin-top: 0em;
	margin-bottom: 0em;
	}

#formsLayout p{
	margin-top: 0em;
	margin-bottom: 0em;
	}

.fieldName {
	float: left:
	background-color: red;
	width: 4em;
	text-align: right;
	}

.fieldData {
	float: left;
        margin-left: 7em;
        width: 5em;
	background-color: purple;
}
	
.formRow {
	margin-left: 7em;
	height: 2em;
	background-color: green;
}

#lastModified {
	font-size: xx-small;
	color: #800000;
	float: right;
	margin: -1em 0 0 0;
	}
/* end css */