/* CSS Document */
body {background-color: #3E3254; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E3254; font-size: 12px;}

#outside_area { width: 700px; height:auto; margin-left: auto; margin-right: auto; border:#ffffff solid 0.25em; padding:0.25em; }
/*border is white, body is grey*/

#header { background-color:#3E3254; height:180px; background-image:url(../images/header01.gif); padding:10px; background-repeat:no-repeat; }
#header h1 { margin:10px 0px 10px 0px; color:#FFFFFF; color:#3E3254;}
html>/* */body #header h1 { margin:10px 0px 10px 0px; color:#3E3254;}

html>/* */body #sub_nav { width:150px; position:absolute; margin: 8px 0px 0px -150px; font-size:12px;}


#sub_nav { width:140px; position: absolute; margin: 12px 0px 0px -150px; font-size:12px;}
#sub_nav ul { margin:0px; padding:0px; }
#sub_nav li { list-style-type:none; margin: 0px 0px 2px 0px; text-decoration: underline; }



#sub_nav a { color: #3E3254; font-weight:bold; }

#sub_nav a:hover {color:#D63C4D; font-weight:bold; }


/*#sub_nav a { background-color: #9c6339; color: #ffffff; font-style:oblique; width:140px; display:block; text-decoration:none; padding:2px; background-image:url(../images/header01.gif); background-position:0px -60px; }

#sub_nav a:hover { background-color:#312349; color:#FFFFFF; text-decoration:none; background-position:0px -0px; }*/


#main_area { background-color: #FFFADF; padding: 10px 10px 10px 160px; text-align:justify; border-top: 2px #312349 solid; font-size: smaller; height:auto; }
#main_area h2 { text-align:left; color:#3E3254; margin:5px 0px 5px 0px;}
html>/* */body #main_area h2 { text-align:left; color:#3E3254; margin:3px 0px 3px 0px; font-size:large; }
#main_area h1 { text-align:left; color:#3E3254; margin:5px 0px 5px 0px; }

#main_area h3 { text-align:left; color:#3E3254; margin:3px 0px 3px 0px; }

#table { font-size:10px}
#table2 { font-size:10px}

#sub_pic { position:absolute; margin: 0px -120px}

/*#footer { background-color: #FFFFFF; }*/
#footer { background-color:#FFFADF; padding: 1px 0px 0px 0px; border-top: ridge; }
#footer a { font-size: 9px; font-style: italic; text-decoration:none; color:#3E3254; }
#footer a:hover { color:#006633; }


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

.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
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: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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: -100;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 0;
}