@charset "UTF-8";
/* CSS Document */

html{
height:100%;
}

body  {
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers */
	background:url(images/background-newer.jpg) repeat-y center fixed;
	background-color: #142506;
	overflow-y:scroll; /* overflow:hidden prevents a horizontal scroll bar on the page as long as the browser width is 900px or greater*/
	overflow-x:hidden;
}

#container { 
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	/*text-align: left; /* this overrides the text-align: center on the body element. */
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
} 

img {
border:none;}


#header { 
		height:371px;
	margin:0;
} 

/* this defines properties for the navigation tabs across the top of the page. These tabs are not images, per se - they are text backed by images that adjust to the length of text. */

#navigation {
    float:left;
    width:100%;
    font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:normal;
	position: absolute; top: 325px;
}

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

#navigation a {
float:left;
    display:block;
	background:url("images/transparent-tab-right.png")
      no-repeat right top;
    padding:7px 25px 10px 15px;
	color:#142506;
	text-decoration:none;
    }
	 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navigation a {float:none;}
  /* End IE5-Mac hack */
  
#navigation li {
    float:left;
    background:url("images/transparent-tab-left.png")
      no-repeat left top;
    margin:0;
    padding:0 0 0 10px;
    }
#navigation #current {
    background-image:url("images/green-tab-left.png");
    }
#navigation #current a {
    background-image:url("images/green-tab-right - old2.png");
	padding-bottom:10px;
	color:#FFFFFF;
	font-weight:bold;
    }
#navigation a:hover {
text-decoration:underline;
}

/* this defines the properties of the green horizontal bar that sits underneath the navigation tabs */
#border {
height:40px;
background-color:#142506;
font-family: "Cochin", "Times New Roman", Times, serif;
font-size:1.2em;
text-align:right;
line-height:30px;
color:#FFFFFF;
padding:10px 10px 5px;
}


/* these define the properties of the left-hand navigation */
#sidebar1 {
	float: left; 
	width: 150px;
	padding: 15px 10px 15px 20px; 
}

#sidebar1 p{
font-size:.8em;
}

#sidebar1 a.link {
text-decoration:none;
border-bottom: #142506 dotted thin;
color:#142506;
}

#sidebar1 a:hover {
text-decoration:none;}

#sidebar1 a:visited {
color:#666666;
}

#sidebar1 a.link:visited {
color:#666666;
}

/* these define the properties of the right-hand column, for announcements or other short messages */
#sidebar2 {
	float: right;
	width: 160px;
	padding: 15px 10px 15px 20px;
	}

#sidebar2 p{
font-size:.8em;
}

#sidebar2 a {
text-decoration:none;
border-bottom: #142506 dotted thin;
color:#142506;
}

#sidebar2 a:hover {
text-decoration:none;}

#sidebar2 a:visited {
color:#666666;
}

#sidebar2 a.link:visited {
color:#666666;
}

#mainContent { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 0 20px; 
	border-left: #142506 1px dotted;
} 

#mainContent p { 
line-height:140%;
}


#mainContent a {
text-decoration:none;
border-bottom:thin dotted #3D7112;
color:#3D7112;
}

#mainContent a:hover {
text-decoration:none;
border-bottom:thin solid #3D7112;
}

#mainContent a:visited {
color:#666666;
text-decoration:thin dotted #666666;
}

#mainContent.photo{ 
	margin: 0 40px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 0 10px; 
} 

#mainContent #imagel{
width:175px;
text-align:center;
float:left;
}

#mainContent #imager{
width:175px;
text-align:center;
float:left;
}

#mainContent #image p.caption{
font-size:small;
line-height:100%;
width:200px;
text-align:center;
}

h1 {
font-family:"Papyrus", Verdana, Arial, Helvetica, sans-serif;
color:#142506;
line-height:100%;
}

h2 {
font-family:"Papyrus", Verdana, Arial, Helvetica, sans-serif;
color:#142506;
line-height:100%;
border-bottom:thin dotted #142506;
}

h3{
font-family:"Papyrus", Verdana, Arial, Helvetica, sans-serif;
color:#3D7112;
line-height:100%;
padding-top:15px;
}

hr.dotted {
border:#142506 dotted thin;
}

hr.solid {
border:#142506 solid thin;
}

#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	text-align:center;
} 

#footer p {
	font-size:.7em;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

    /* Widget content container */
#goog-wm {
background-color:#FFFFFF;
    }

    /* Heading for "Closest match" */
   #goog-wm h3.closest-match {font-family:"Papyrus", Verdana, Arial, Helvetica, sans-serif;
color:#142506;
 }

    /* "Closest match" link */
   #goog-wm h3.closest-match a {
   color:#666666;
   text-decoration:underline; }

    /* Heading for "Other things" */
   #goog-wm h3.other-things {
   font-family:"Papyrus", Verdana, Arial, Helvetica, sans-serif;
	color:#142506;
 }

    /* "Other things" list item */
   #goog-wm ul li { }

    /* Site search box */
   #goog-wm li.search-goog { display: list-item; }

