/* CSS Document styles for inner pages  */
/* Keep footer at bottom of window - the settings in THIS css work when there is LOTS of text in the document
   If there's not much text, then check out 'home_shortText.css'  */

/* ZERO MARGINS 
--------------------------------------------------------*/
html, body, p, img, h1, h2, h3, h4, ul, ol, li { margin: 0; padding: 0; border: 0;}
/* sets document size so footer can be stuck at bottom of window */
/* from http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3 */
/* commented backslash hack \*/
html, body { height: 100%; }
/* end hack*/	
html, body { margin: 0; padding: 0; }
body { text-align: center; }
/* this defines the document, which holds all other divs */
#document { min-height: 100%; width: 100%; margin: auto; position: relative; text-align: left;} 	
* html #document { height: 100%;
	width: 100%;/* box model hack for ie5.+*/
	w\idth:100%; }
 
/* LAYOUT
--------------------------------------------------------------------------- */
/* put images in, center layout */
body { text-align: center; min-width: 800px; background-color: #Ffffff;  
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
/* unfortunately I've got a div that does nothing but put the shadow in */	
#shadow { background-image: url(../images/shadow.png);background-position: 50%;background-repeat: repeat-y; 
	}
/* holds everything; probably a duplicate of 'document' div */
#container { margin: 0 auto; width: 700px; text-align: left; background-color: #Ffffff;} 


/* HEADER 
--------------------------------------------------------------------------------- */
#header { padding: 20px 0 0 0; height: 50px; background-color: #Ffffff; } 
#header .strapline { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #999999; text-align: right; display: block;	}	
#header .logo {	float: left; }

/* search form in header
------------------------------------------------------------- */
input.txt {   /*text for searchstring field*/
	color: #769c27; border: 1px solid #769c27; font-family: "Courier New", Courier, monospace; font-size: 8pt;
	padding: 0 0 2px 3px; width: 100px;
	}
input.btn {   /*text for GO button*/
	color: #769c27;	font-size: 7pt; font-weight: bold;
	border-right: 1px solid #769c27; border-bottom: 1px solid #769c27; background-color: #afd865;
	padding: 0 5px 0 4px; width: 28px; margin-left: 5px;
	}	
label.label { /*text for 'search'*/
	color: #666666; font-size: 9pt; padding-right: 5px;
	}
	
/* HEADER LINKS
---------------------------------------------------------- */	
#header a { text-decoration: none;}
#header a:link { color: #666666;}
#header a:visited { color: #999999;}
#header a:hover, #header a:focus { color: #afd865; outline: 0;}	

/* banana 
-------------------------------------------------------------------------------*/
#banana { margin: 30px 0 25px 0; clear: both; overflow: hidden; } 

/* Alphabet area, above the columns*/
#alpha { text-align: center; margin-bottom: 20px; }
#alpha p { font-family:Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #d7ecb2; }

/* Define the columns
------------------------------------------------------------- */
#leftcol { width: 320px; float: left; }
#rightcol { width: 320px; float: right; }

/* Define the items
----------------------------------------------------------- */
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 150%;
	color: #769c27; background-color: #f2f9e5; padding: 0.25em; margin: 0.5em 0;
	}
p {padding: 0.5em; font-size: 9pt;}



/* LINKS 
----------------------------------------------------------- */
#container a, #footer a { text-decoration: none;}
#container a:link, #footer a:link { color: #769c27;}
#container a:visited, #footer a:visited { color: #999999; border-bottom: 1px dashed #999999;}
#container a:hover, #footer a:hover,
#container a:focus, #footer a:focus { color: #afd865; border-bottom: 1px dashed #afd865; outline: 0;}	


/*FOOTER 
------------------------------------------------------------ */
.clear { clear: both; width: 100%; }
#footer { width: 100%; position: relative; border-bottom: solid 5px #afd865; padding-top:20px;
	}	
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666; text-align: center; padding: 0 0 5px 0;
	}