/**********************************************/
/****            	lizard.css 		       ****/
/**** 		  Gathman Graphics Design	   ****/
/**** Template use as of September 1, 2006 ****/
/**********************************************/

/**********************************************/
/****           HTML tag styles            ****/
/**********************************************/


body
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.10;
	margin-top: 20px;
	padding: 0;
	background-image: url(images/bg2.gif);
	background-repeat: repeat-x;
	background-color: #cccc99;
	/**border: 1px solid #ffffff;**/
	
}


a:link, a:visted
{
	text-decoration: underline;
	color: #003300;
}

a:hover
{
	text-decoration: underline;
}


.header
{
	font-size: 22px;
	font-weight: bold;
	color:#003300;
}


.smallinfo
{
	color: #333333;
	font-size: 10px;
}

#GG
{
	font-size: 10px;
	text-align: right;
		color: #333333;

}

#GG a:link, #GG a:visited
{
color: #333333;
text-decoration: none;
}

#GG a:hover
{
color: #333333;
text-decoration: underline;
}


/**
 #navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 14em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}


#navlist li a
{
display: block;
padding: .25em 0.5em 0.25em 0.75em;
border-left: 1.5em solid #AAB;
background: #CCD;
text-decoration: none;
}


#navlist li a:link { color: #448; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

**/



.titleblock
{
	background-color: #003300;
	color: #FFFFFF;
	font: bold 20px Verdana, sans-serif;
	/**width: 512px;**/
	/**border: 6px solid #eeeeee;**/
	border-top: 1px solid #eeeeee;
	border-bottom: 6px solid #eeeeee;
	border-left: 8px solid #eeeeee;
	border-right: 0px solid #eeeeee;
	padding: 4px 4px 4px 8px;
	text-align: top;
}

.bodytext
{
	color: #333333;
	font: 12px Verdana, sans-serif;
	width: 512px;
	padding: 0px 8px 8px 16px;
}
.bodytext-topic
{
	color: #8fbc64;
	font: 14px Verdana, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	width: 215px;
}




#border
{
	/**color: #003366;
	background: #f5f7f7;**/
	border-top: 1px solid #003300;
	border-left: 1px solid #003300;
	border-bottom: 1px solid #003300;
	border-right: 1px solid #003300;
}





#links a:link, #links a:visited
{
color: #003300;
text-decoration: none;
}

#links a:hover
{
color: #003300;
text-decoration: underline;
}

#links
{
	border-bottom: 1px solid #666666;
	width: 500px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#links2 a:link, #links2 a:visited
{
color: #003300;
text-decoration: dotted;
}

#links2 a:hover
{
color: #003300;
text-decoration: underline;
}

#links2
{
	padding-bottom: 10px;
	padding-top: 10px;
}







/**********************************************/
/****           Left Side - Lizard         ****/
/**********************************************/

.lizard
{
	color: #003300;
	font: 13px Verdana, sans-serif;
	padding: 11px;
	background-color: #8fbc64;
}
.lizardTITLE
{
	color: #003300;
	font: 20px Verdana, sans-serif;
	font-weight: bold;
}
.lizardTOPIC
{
	color: #003300;
	font: 14px Verdana, sans-serif;
	padding: 1px;
}
.lizardfacts
{	
	color: #003300;
	font:  12px Verdana, sans-serif;
	padding: 11px;
}








/*******************************/
/**      Forms Input          **/
/*******************************/

.formred{
	font-family: Verdana, sans-serif;
	font-size: 100%;
	color: #000000;
	/**background-color: #ffcccc;**/
	background-color: #ffffff;
	border: #8fbc64 solid 1px;
}


.submit
{
	background-color: #003300;
	font-weight: bold;
	font-size: 12px;
	color: #ffffcc;
	border: #8fbc64 solid 1px;
}


fieldset
{
border: #333333 solid 1px;
width: 20em;
padding: 8px 16px 12px 16px;
}

legend
{
background: #fff;
/**border: #26a solid 1px;**/
padding: 10px 10px 10px 10px;
}









/********************/
/** Link: color change :: Use this**/


#navcontainer ul
{
margin-left: 2em;
padding-left: 0;
list-style-type: none;
font: bold 12px Verdana, sans-serif;
vertical-align: top;
}

#navcontainer a
{
display: block;
padding: 4px;
padding-left: 14;
width: 160px;
background-color: #8fbc64;
vertical-align: text-top;
}
.navcontainer
{	
border-bottom: 1px solid #666666;
width: 168px;
vertical-align: text-top;
}

#navcontainer a:link, #navlist a:visited
{
color: #333333;
text-decoration: none;
vertical-align: top;
}

#navcontainer a:hover
{
/***color: #006600;**/
color: #ffffff;
}

.navlink
{
	color: #ffffcc;
}



/*************/
/** Link: Background Image  **/

/**
 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}

**/


#eventscontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
vertical-align: top;
}

#eventscontainer a
{
padding: 4px;
padding-left: 0;
}

.eventscontainer
{	
border-bottom: 1px solid #666666;
width: 99%;
padding-bottom: 20px;
padding-top: 20px;
}

.eventsname
{
	font: bold 13px Verdana, sans-serif;
	color: #003300;
}

#linkspage a:hover
{
	color: #003300;
	text-decoration: underline;
}


#eventsname a:link, a:visited
{
	color: #003300;
	text-decoration:underline;
}



.linkspage
{
	font: 12px Verdana, sans-serif;
	color: #003300;
}



#linkspage a:hover
{
	color: #666666;
	text-decoration: underline;
}

.eventlinks
{
	font: 13px Verdana, sans-serif;
	color: #003300;
}



#eventlinks a:hover
{
	color: #666666;
	text-decoration: underline;
}



/*****************************/
/**    :: Table Hover ::    **/
/** color change when hover **/
/*****************************/


#tr { background-color: #ffffff}
  .initial { background-color: #DDDDDD; color:#000000 }
.normal { background-color: #ffffff }
.highlight 
  { 
  background-color: #999966
  font:Arial, Helvetica, sans-serif;
  color: #ffffff;
  }

.highlight A:link {color: #ffffff}
.highlight A:visited {color: #ffffff}
.highlight A:hover {color: #688E23; font-weight: bold}
.highlight A:active {color:#ffffff }












#content1 img
{
	float: left;
	padding: 0px;
	margin: 2px 4px 0px 0px;
	border: 1px solid #666666;
}