/* some useful classes */

.floatleft { float: left; margin-right: 10px; padding-bottom:5px;}
.floatright {float :right ; margin-left :10px ;}
.nodisplay { display : none ;}
.centered { text-align : center ;}
.leftjustify { text-align : left ;}
.nowrap { white-space: nowrap ;}
div.clear {clear :both; }


/*---------------overall page style  -----------------------------*/
*{margin:0;padding:0;}   /*remove all default margins and padding so we can add our own */

body	{
	background-color : white; 					            /* background color white */
	font-family: verdana, arial, helvetica, sans-serif;		/* set the font to be verdana by preference */
	color : black;						                    /* standard text color is black */
	margin: 10px 0px 10px 0px; 
	}


/*---------------- standard paragraph style -----------------------*/

p, ol, ul { font-size:90% ;margin-top : 1em; margin-bottom: 0em; }      /* standard paragraphs - top margin 10px, text size 90% of browser standard */ 

blockquote p{
		margin : 0;
		padding : 0.5em 2em 0.5em 2em;
		font-style:italic;
	   }
/*--------------- style for title area -----------------------------*/


h1  {					/* style for title text */
	font-family:arial narrow;font-style:italic;
	font-size:150% ;
	height:89px;
	vertical-align:middle;
	}

h1 img {					/* style fo title image */
	vertical-align:middle;
	padding-right:20px;
	padding-left:10px;
	}


/*----------------------styles for picture borders-----------------*/

#page {
   width:100%;
}


#container {
	width:100%;
	float:left;
	margin-right:-150px;
	margin-top:10px;
	}

#main {
	margin-right:160px;
	border: 1px solid white; 
	}
	
#content {
	margin-left:160px;
	}
	
#right {
	width:150px;
	float:right;
	margin-top:10px;
	}

#left {
	width:150px;
	float:left;
	}

	 
#contentnoborder {
	margin-left:15px;
	margin-right :15px;
	}
	
#footer {
        clear: both;
	padding-top: 1em;
	text-align: center;
	}


/*--------------- other headingbstyles  -----------------------------*/
	 
h2	{ font-size:110% ; margin:0px;   /*page heading  */
	  margin-top: 1em;
          bottom-padding:1px;
          /* border-bottom:1px solid #FF6600; */
          }  
h3	{ font-size:100% ; margin:1em 0em 0em 0em;}			   /*first subheading - slightly larger size than paragraph, top margin 10px */
h4	{ font-size:90%; margin: 0.5em 0em 0em 1em;}			   /*second subheading - same size as paragraph - indented 10px */


/*--------------------- other general styles ------------------------*/

ol, ul { padding: 0px; margin-left:1em}                                /* No additional padding on lists */ 

li { margin : 0em 0em 0.5em 1em; padding: 0em;}				/* for items within a list a n indent of 10px and a bottom margin of 5 px */

p.address { margin-left:2em;}

div.homepage {
	clear:both;
    }

/*--------------------- styles for the menu-------------------------*/

#navsite p {
	display: none;  /* if css is not supported then the "site navigation" heading will be displayed */
}

#navsite ul {				/*padding and margins for whole ul box */
	padding: 3px 20px;
	border-bottom: 1px solid #669;   /* horizontal line below tabs */
	font: bold 12px Verdana, sans-serif;
	margin-left:0px;
}

#navsite ul li {
	list-style: none;
	margin: 0;
	display: inline;   /*browser now lays out list items as it would text or other inline elements */
}

#navsite ul li a {         /*now create the tab effect */
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #669;
	border-bottom: none;
	background: #ccf;
	text-decoration: none;
}

#navsite ul li a:link {
	color: #339;
}

#navsite ul li a:visited {
	color: #339;
}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000;
	background: #AAE;
	border-color: #336;
}

#navsite ul li a#current {
	background: white;
	border-bottom: 1px solid white;
}


/*--------------------styles for the picture gallery----------------*/


#gallery {				/*padding and margins for whole ul box */
	width: 90% ;      
	margin: 0 auto;
}

#gallery img {
	border:none;
}

#gallery a {
	text-decoration:none;
}


.th_outer {
	float:left;
	width: 150px;
	height: 200px; 
	font-size:90%;  
}

.th_inner {
	text-align: center;
	vertical-align :top; 
	padding:0px;
	/*border:2px solid red; */
}



/*--------------------styles for tables----------------------------*/

table {
	width :100%;
}

td {
	border: none;
	font-size:90%;
	padding-right:10px;
	padding-left:10px;
}