/* Revision: 2009-09-06 */
/* =================================================================== */
/* GENERAL REFERENCE */
/*----------------------------------------------------------------*/
body{font-family:arial;	font-size:12px;}
p{font-family:arial;	font-size:12px;}
	
/* Top Right Bottom Left */
/* 1-3 Effects level 1-3  (effects cells) */
/*	background:#000; (use as a reference) */
/*	padding:1px; (gives space and helps alignment of submenus)(!!!!0 is good too for no borders) Top Right Bottom Left */
/*	margin-right:0px; */



/*===========================================================*/
/*  PICUTRE POP UP  */
/*===========================================================*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: gray;*/
padding: 5px;
left: -1000px;
border: 3px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 3;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
border: 3px;
top: 0px;
left: -90px; /*position where enlarged image should offset horizontally */

}





/*===========================================================*/
/* SITE MAP BULLET LIST */
/*===========================================================*/
ul.smbul {
	list-style-type:square;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}
		
li.smbul {
	/*background-image:url(arrow.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 5px;*/
	padding-left:1px;
	font-family: arial;
	font-size:13px;
	/*line-height:15px; */
	text-align:left;
	text-decoration:none; color:#000;  /*Normal-Black*/
	}

p.smheader {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:24px;
	font-weight:bold;
	line-height:20px; 
	text-align:left;
	text-decoration:none; color:#000; 	 /*Normal-Black*/
	/*text-transform:uppercase*/
	}

p.sm {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:13px;
	line-height:15px; 
	text-align: left;
	text-decoration:none; color:#000;  /*Normal-Black*/
	}

a.smlink {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:13px;
	line-height:15px; 
	text-align: left;
	text-decoration:underline; color:#000;  /*Normal-Black*/
	}

a.smlink:hover { 
	text-decoration:underline; color:#008DD3;  /*Light Blue*/
   } 


/*===========================================================*/
/* CENTER BULLET LIST */
/*===========================================================*/
ul.cbul {
	list-style-type:square;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}
		
li.cbul {
	/*background-image:url(arrow.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 5px;*/
	padding-left:1px;
	font-family: arial;
	font-size:12px;
	/*line-height:15px; */
	text-decoration:none; color:#000; 	text-align:left; /*Normal-Black*/
	}

a.cbul {
	/*background-image:url(arrow.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 5px;*/
	padding-left:1px;
	font-family: arial;
	font-size:11px;
	/*line-height:15px; */
	text-decoration:none; color:#4A9F3E; 	text-align:justify; /*Dark Green*/
	}

a.cbul:hover {
	text-decoration:underline; color:#99cc00; /*Light Green*/
	}


/*===========================================================*/
/* CENTER HEADER */
/*===========================================================*/
p.ch {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:15px;
	font-weight:bold;
	line-height:20px; 
	text-decoration:none; color:#000; 	text-align:center; /*Normal-Black*/
	/*text-transform:uppercase*/
	}

p.clh {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	text-decoration:none; color:#000; /*Normal-Black*/
	}

a.clink {
	font-family: arial;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	text-decoration:underline; color:#005B9B;  /*Dark Blue*/
	}

a.clink:hover { 
	text-decoration:underline; color:#008DD3;  /*Light Blue*/
   } 

a.clink11 {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:11px;
	/*font-weight:bold;*/
	line-height:13px; 
	text-decoration:underline; color:#4A9F3E; /*Dark Green*/
	}

a.clink11:hover { 
	text-decoration:underline; color:#99cc00; /*Light Green*/
   } 







/*===========================================================*/
/* RIGHT MENU BULLET LIST */
/*===========================================================*/
ul.rmenubul {
	list-style-type:square;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}
		
li.rmenubul {
	/*background-image:url(arrow.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 5px;*/
	padding-left:1px;
	font-family: arial;
	font-size:11px;
	/*line-height:15px; */
	margin:0px 0px 0px 10px; 
	padding:0px 0px 0px 0px;
	text-decoration:none; color:#4A9F3E; 	text-align:left; /*Dark Green*/
	}

li.rmenubul:hover {
	text-decoration:none; color:#99cc00; /*Light Green*/
	}

a.rmenubul {
	/*background-image:url(arrow.gif);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 5px;*/
	padding-left:1px;
	font-family: arial;
	font-size:11px;
	/*line-height:15px; */
	text-decoration:none; color:#4A9F3E; 	text-align:left; /*Dark Green*/
	}

a.rmenubul:hover {
	text-decoration:underline; color:#99cc00; /*Light Green*/
	}


/*===========================================================*/
/* RIGHT MENU HEADER */
/*===========================================================*/
p.rmenuh {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:12px;
	font-weight:bold;
	line-height:25px; 
	text-decoration:none; color:#005B9B; 	text-align:left; /*Dark Blue*/
	text-transform:uppercase
	}

a.rmenuh {
	display:block; 
	margin:0px 0px 0px 0px;
	font-family: arial;
	font-size:12px;
	font-weight:bold;
	line-height:25px; 
	text-decoration:none; color:#005B9B; 	text-align:left; /*Dark Blue*/
	text-transform:uppercase
	}

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




/*===========================================================*/
/* RIGHT MENU SPACE 1pt for paragraph */
/*===========================================================*/
p.rmenusp {
	font-family: arial;
	font-size:1px;
	line-height:1px; 
   }





/*===========================================================*/
/* TELL ME MORE */
/*===========================================================*/
a.tellme {
	display:block; 
	font-family: arial;
	font-size:12px;
	text-decoration:none; color:#FFF; 	text-align:center; 
	line-height:25px; 
	background:#4A9F3E;  /*Dark Green*/
	}

a.tellme:hover {
	text-decoration:underline; 
	background:#99cc00;  /*Light Green*/
	}





/*===========================================================*/
/*===========================================================*/
/* LEFT NAV MENU */
/*===========================================================*/
/*----------------------------------------------------------------*/
.menu ul li {
	float:center; 
	position:relative;
	padding:0px;
	}

/*----------------------------------------------------------------*/
/*1-3 Effects level 1-3 *//*WHITE FONT - LBLUE BGND*/
/*	margin:0px 0px 4px 0px; padding: (effects text) */
/* 	border-width:0px 0px 0px 0px; (Note: border of menu */

.menu ul li a, .menu ul li a:visited {
	display:block; 
	font-size:12px;
	line-height:25px; 
	text-decoration:none; color:#FFF; 	text-align:left; 
	width:160px; 
	height:30px; 
	border:0px solid #fff; 
	border-width:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	background:#008DD3; 
	padding:0px 0px 0px 15px;
	} 

/*1-3 Effects levels 1-3; If "hover" on 1; always on 2 and 3 *//*WHITE FONT - LIGHT GREEN HOVER*/
.menu ul li:hover a {
	color:#FFF; 
	background:#99cc00;
	} 



/*----------------------------------------------------------------*/
/*1 Effects level 1; not 2 and 3; (IF not specify font-family: times new roman) */
/*	width:120px; height:150px; 	margin:0px 0px 0px 0px; position:relative; (relative is important)  */

.menu {
	font-size:14px; 
	font-family: arial;
	position:relative; 
	}

/*1 Effects level 1; not 2 and 3 */
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	}

/*----------------------------------------------------------------*/
/*1 Level 1 not level 2 or 3 *//* DARK GREEN - MAIN HEADING */
.menu ul li a.green {
	background:#4A9F3E;
	}

/*----------------------------------------------------------------*/
.menu ul li a.greenlink {
	background:#4A9F3E;
	}

.menu ul li a.greenlink:hover {
	text-decoration:underline; 
	background:#99cc00;
	}
/*----------------------------------------------------------------*/

.menu ul li a.sublink:hover {
	text-decoration:underline; 
	background:#99cc00;
	}
/*----------------------------------------------------------------*/




/*----------------------------------------------------------------*/
/*2 If 2nd level has a 3rd level; effects level 2 not level 1 or 3 *//* HIDE */
/* background:#dfc184 = pinkbrown; #008DD3=LBlue (Note: This is the color it defaults to if there is a Level3 */
/*	background:#008DD3; */
.menu ul li:hover ul li a.hide {
	color:#FFF;
	}

/*2 If 2nd level has a 3rd level; effects level 2 not level 1 or 3 *//* HOVER */
.menu ul li:hover ul li:hover a.hide {
	width:150px;
	} 



/*----------------------------------------------------------------*/
/*2-3 Effects level 2 and 3; not level 1; default display: none; if set to block it shows all levels 2 and 3 by default with font specification */
.menu ul li ul {	display: none;}

/*2-3 Effects level 2 and 3; not level 1; absolute position left is for Level 2 */
/*Level2 menu -- NOTE: position: absolute;=menu cascading; relative=push down */
.menu ul li:hover ul {
	display:block; 
	position:relative; 
	top:0; 
	left:-35px; 
	width:105px;
	}

/*2-3 Effects level 2 and 3; not level 1 */
/*	background:#b3ab79=lightbrown; #008DD3=LBlue; border = cell border white */
.menu ul li:hover ul li a {
	display:block; 
	background:#008DD3; 
	color:#FFF; 
	width:160px; 
	margin:0px 0px 0px 0px; 
	border:1px solid #fff; border-width:0px 0px 0px 0px;
	}

/*2-3 Effects level 2 and 3; not level 1; background:#99cc00 = LIGHT GREEN HOVER */
/*	background:#dfc184;=mauve */
.menu ul li:hover ul li a:hover {
	width:160px; 
	background:#99cc00; 
	text-decoration:underline; 
	color:#FFF;
	} /* HOVER */



/*----------------------------------------------------------------*/
/*3 Level 3 - default - display: none; */
.menu ul li:hover ul li ul {display: none;}

/*3 Effects level 3; not level 1 and 2 */
/* Level3 menu -- absolute */
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:174px; top:0; 
	color:#FFF;
	}

/*3 Effects level 3; not level 1 and 2 */
/*	background:#dfc184;=lightbrown; #008DD3=LBlue */
.menu ul li:hover ul li:hover ul li a {
	display:block; 
	width:200px; 
	background:#008DD3; 
	color:#FFF;
	}
	
/*3 Effects level 3; not level 1 and 2 *//* HOVER */
/*	background:#bd8d5e=mauve; */
.menu ul li:hover ul li:hover ul li a:hover {
	background:#99cc00; 
	color:#fff;
	} 



/*===========================================================*/
/* *****TEST***** - Create a 2nd type of main menu with gif background */
/*===========================================================*/
/*.menu ul li a, .menu ul li a:visited {
	display:block;
	font-size:12px;
	line-height:30px;
	text-decoration:none; color:#FFF; text-align:center;
	width:140px; height:30px; 
	border:0px solid #fff; border-width:0px 0px 0 0; margin:0px 0px 4px 0px;
	background:#0077ab; background:url(../css/bkgd_subnav_leaf.gif) no-repeat;
	} */

/* *****TEST***** - Create a 2nd type of main menu with gif background */
/*1-3 Effects levels 1-3; If "hover" on 1; always on 2 and 3 */
/*.menu ul li:hover a.gif1 {
	color:#000; 
	background:#7bc143; 
	background:url(../css/over/bkgd_subnav_leaf.gif) no-repeat;
	} */