/* LAYOUT ******************************************************/
#widthrestrictor {
	width: 745px;
	text-align: left;
	margin: 10px auto;
}

#widthrestrictor2 {
	width: 600px;
	text-align: center;
	margin: 10px auto;
}


/* PAGES *********************************************************/

a.ext:link {color: #000000; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 12pt; background-color: #ffffff;}
a.ext:visited {color: #000000; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 12pt; background-color: #ffffff;}
a.ext:hover {text-decoration: underline; color: blue;}
a.ext:active {color: #000000; }

a.blue14:link {color: blue; text-decoration:none; font-weight:bold; font-style:normal; font-family:arial; font-size: 12pt; background-color:#ffffff;}
a.blue14:visited {color: blue; text-decoration: none; font-weight: normal; font-style: normal; font-family:arial; font-size:12pt; background-color:#ffffff;}
a.blue14:hover {text-decoration: underline; color: blue;}
a.blue14:active {color: blue; }

a.white:link   {color:#ffffff; text-decoration:none; font-weight:normal; font-style:normal; font-family:arial; font-size:12pt;}
a.white:visited{color:#ffffff; text-decoration:none; font-weight:normal; font-style:normal; font-family:arial; font-size:12pt;}
a.white:hover  {color:#cccccc; text-decoration:none; font-weight:normal; font-style:normal; font-family:arial; font-size:12pt;}
a.white:active {color:#ffffff; text-decoration:none; font-weight:normal; font-style:normal; font-family:arial; font-size:12pt;}


a.blue:link {color: blue; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 14pt; background-color: #ffffff;}
a.blue:visited {color: blue; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 14pt; background-color: #ffffff;}
a.blue:hover {text-decoration: underline; color: blue;}
a.blue:active {color: blue; }

a.green:link {color: #008000; text-decoration: none; font-weight:normal; font-style: normal; font-family: arial; font-size: 10pt; background-color: #ffffff;}
a.green:visited {color: #008000; text-decoration: none; font-weight:normal; font-style: normal; font-family: arial; font-size: 10pt; background-color: #ffffff;}
a.green:hover {text-decoration: underline; color: #008000;}  /* green */
a.green:active {color: #008000;}  /* green */

a.little:link {color: #000000; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 10pt;}
a.little:visited {color: #000000; text-decoration: none; font-weight: normal; font-style: normal; font-family: arial; font-size: 10pt;}
a.little:hover {text-decoration: underline; color: blue;}
a.little:active {color: #000000; }

div#htext p{text-align:center; background:#ffffff; border:0px; font-weight:bold; font-style:normal; font-family:arial; font-size:32pt;} 

div#normaltext p{text-align:justify; background:#ffffff; border:0px; padding:5px; font-weight: normal; font-style: normal; font-family: arial; font-size: 10pt;} 

div#navigation a{text-align: center; width:100px; height:25px; background:#2E8B57; border:0px; padding:5px; } 
div#member p{left: 100px; width: 690px; padding: 5px; } 


/* vertical_menu ***************************************************/

vertical_menu{}

* html #vertical_menu{ /*IE only */
width: 108px;
}

#vertical_menu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#vertical_menu li {
border-bottom: 1px solid #90EE90;  /* lightgreen */
margin-left: 0; margin-right: 0; margin-top:0; margin-bottom:0;
}

#vertical_menu li a{
display: block;
border-left: 2px solid #008000;    /* green */
border-right: 2px solid #008000;    /* green */
background-color: #008000;       /* green */
color: #ffffff;                 /*white text/
width: 108px;          /* IE width*/
padding-left:8px; padding-right:5px; padding-top:5px; padding-bottom:5px;
text-decoration: none;
}

html>body #vertical_menu li a{ /*Not IE width*/
width: 92px; 
}

#vertical_menu li a:hover{
border-left: 2px solid #00ff00;   /* lime */
border-right: 2px solid #00ff00;  /* lime */
background-color: #2E8B57;        /* seagreen */
color: #ffffff;                   /* white text */
text-decoration: underline;
}

/*horizontal_menu*********************************************/

.horizontal_menu{
margin-bottom: 1em;
}

.horizontal_menu ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family: Arial,sans-serif;
font-size: 10pt;
/*font: bold 12px Verdana;*/
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #006400;   /*dark green */
}

.horizontal_menu li{
display: inline;
margin: 0;
}

.horizontal_menu li a{
text-decoration: none;
padding: 3px 5px 2px 3px; /* 3px 9px 2px 5px */
margin: 0;
margin-right: -2px; /*distance between each tab*/
border-left: 1px solid #006400;   /*dark green */
color: #ffffff;
font-size: 10pt;
background: #008000;    /* green */ 
}

.horizontal_menu li a:visited{
color: #ffffff;
}

.horizontal_menu li a:hover{
background-color: #2E8B57;        /* seagreen */
color: #ffffff;
text-decoration: underline;
}

/* thumbnail image enlarge *********************************************/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #ffffff;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE0;   /* lightyellow */
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -395px;   /*position enlarged image verticalally */
left: -30px; /*position enlarged image horizontally */
z-index: 50;
}

/***********************************************************/