/* CSS Document styles for home page  */
/* 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;}

 
/* 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;}	


/* BANNER (banana) and NEWS
-------------------------------------------------------------------------------*/

#banana { margin: 20px 0 20px 0; clear: both; overflow: hidden;	}

#newshead { width: 60px; height: 25px; padding: 5px 5px 0px 5px; 
	background:#eed777 url(../images/background_news.jpg) repeat-x;
	color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align:right;
	float:left;	}

#news { width: 625px; height: 25px; padding: 5px 0 0 5px;  margin-bottom: 20px;
	background:#eed777 url(../images/background_news.jpg) repeat-x;
	color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
	float:right;}
	
.news {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
	
/* JS TICKER STYLES for news div  */
/* if dropcontentsubject div isn't present, then the ticker text doesn't display */
/* these are redefined for IE7, conditional comments in home page */
#dropcontentsubject{ width: 1px; height:0px; } 
.dropcontent{ width: 625px; height: 20px; background: transparent; color: #FFFFFF; display:block; overflow: hidden; }

#news a, #news a:link, #news a:visited, #news a:hover, #news a:active { color: #000000; }
#news a:hover { color: #FFFF00; }



/* BODY  -- this will be for the right column
------------------------------------------------------------- */
#body {
	width: 490px; /*490px-125px=340px;*/
	float: right;
	margin: 0 0 20px 0
	}
#body .heading {
	background-image: url(../images/background_heading.jpg); height: 33px;
	background-repeat: repeat-x;
	background-color: #769c27;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	letter-spacing: 0.25em;
	padding: 8px 0 1px 1em;
	margin-bottom: 12px;
	}
#body p {
	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #666666;
	font-size: 9pt;
	line-height: 1.5;
	margin-bottom: 12px;
	padding-left: 1em;
	width: 450px;
	}
#body h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11pt;
	letter-spacing: 0.15em;
	color: #666666;	
	padding: 1.5em 0 0.5em 0;
	}	
.space {padding: 0 10px 5px 0;}
	
/* BODY & FOOTER LINKS 
----------------------------------------------------------- */
#body a, #footer a { text-decoration: none;}
#body a:link, #footer a:link { color: #769c27;}
#body a:visited, #footer a:visited { color: #999999; border-bottom: 1px dashed #999999;}
#body a:hover, #footer a:hover,
#body a:focus, #footer a:focus { color: #afd865; border-bottom: 1px dashed #afd865; outline: 0;}	

/* trying to get the RSS feed buttons to NOT have the dashed underline */
#rss { }
#rss a:link, #rss a:visited, #rss a:hover, #rss a:active {border: 0 none; !important }

/* MENU (in left column)
------------------------------------------------------------- */
#menu {
	width: 185px;
	margin-right: 25px;
	float: left; 
	}
#menu ul {
	padding: 0; margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; font-weight: bold;
	color: #356630;
	}
#menu li {
	padding-bottom: 5px;
	}
#menu li a:link,
#menu li a:visited {
	text-decoration: none;
	color: #356630;
	}
#menu li a:hover,
#menu li a:focus {
	color: #afd865;
	outline: 0;
	}

/*for submenu*/
#menu ul ul {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; font-weight: normal;
	}
#menu ul ul li { 
	padding-bottom: 5px;
	}
#menu ul ul ul li {           /* added for 3rd level list */
	padding-left: 15px;       /* nov 3 2008 */
	}						  /* just watch the word length! */
	
#menu ul ul a:link,            
#menu ul ul a:visited {
	text-decoration: none;
	color: #356630;	
	}
#menu ul ul a:hover {
	color: #afd865;
	outline: 0;
	}


/* SPECIALS
--------------------------------------------------------------- */
.clearit { clear: both; width: 100%; }
/* #body .drupa { font-size: 8pt; line-height: 1.3;}
.drupaname { font-size: 20pt; display: block;} */
.spaceright { padding-right: 10px;}
#box {
	width: 400px;
	border: dashed 1px #999999;
	padding: 5px;
	}
#box .wide { width: 400px; !important }
/* When DR&D is used in heading font, it's ugly. Use this as span to set font for ampersand to verdana  */
.ampfont { font-family: Verdana, Arial, Helvetica, sans-serif; }


/*FOOTER 
------------------------------------------------------------ */
#clearfooter { 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;
	}
#aboutus { margin: 0 auto; width: 580px; text-align: left; }
#aboutus .about{
	padding-bottom: 20px;
	text-align: left;
	font-size: 9pt;
	color: #8D8D8D;
	line-height: 1.3;
	text-indent: -20px;
	}