/* begin reset styles - default */

* {padding:0;margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0}    
li, dd {margin-left:5%}       
.left{ float:left}   
.right{ float:right}
.clear{ clear: both}
a img{border:none}
 
 /* end reset styles - default */

body {width:100%;margin:0;padding:0;background-color:#eee}

.clear {clear:both}

#mainContain {width:750px;margin:0 auto;padding:0;border:2px solid #000;background-color:#fff; height:100%}

#header {margin:0; padding:0; height:100%}

#contentHome {background-image:url(../img/logo.gif); background-repeat:no-repeat; background-position:center; height:305px}

#contentPage {width:100%; height:100%}

div.footer {width:100%; margin-bottom:10px}
		
div.footer-in {padding:20px 5px 20px 5px}
		
li.footer-in {display:inline; margin:0 5px 0 5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
		
ul.footer-in {list-style-type:none; vertical-align:middle; text-align:center; font-weight:bold}


/*gallery */

.gallerycontainer{position: relative; float:left; margin:0 0 0 20px; height:575px/*Add a height attribute and set to largest image's height to prevent overlaying*/}

.thumbnail img{border: 1px solid #000;margin: 0 5px 5px 0}

.thumbnail:hover{background-color: transparent}

.thumbnail:hover img{border: 1px solid white}

.thumbnail span{ /*CSS for enlarged image*/position: absolute;background-color: #000;padding: 5px;left: -1000px;border: 1px solid gray;visibility: hidden;
color:#fff; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; 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:220px;left:150px; /*position where enlarged image should offset horizontally */z-index: 50}


 /* font styles */
 
.txtBlack {font-family:Arial, Helvetica, sans-serif; font-size:12px}

.headline {color:#CC0000; font-size:36px; text-align:center; font-family:arial narrow; text-decoration:underline overline; margin-bottom:10px}

 /* nav styles */
 
div#navbar {height:30px; width:100%; margin-bottom:20px}

div#navbar ul {margin:-6px 0 0 50px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; white-space:nowrap}

div#navbar li {list-style-type:none; display:inline; margin:0; padding:5px 3px 3px 5px; border:1px solid #000; border-top:0; text-align:center}