body, html {text-align: center; top:0px; left: 0px; padding: 0px; margin:0; border: 0px; font-size:11px; font-family:arial, verdana; background:#fff;}
#all { text-align: center; width:900px; margin:0px auto;color:#ccc;overflow:hidden;}
#page {width:900px;margin:15px 0 0 25px; text-align: left; position: relative; top: 0px;}

a:link, a:visited {color:#999;text-decoration:none;}
a:hover {text-decoration:none;}
a:active {color:#660;}

#header {width:350px;position:relative;float:left;text-align:right;}
#header h1 {font-size:40px;padding:0;margin:0;}
#header a:link, #header a:visited {color:#e5e5e5;text-decoration:none;}

.title {position:relative;float:right;text-align:left;font-size:12px;width:150px;margin:2px 0 0 0;}
.meh {margin:70px 0 0 0;float:left;width:270px;}


#right-nav {width:180px;float:left;position:relative;font-family:arial;}
#right-nav ul {padding:0;margin:6px 0 0 0;}
#right-nav li {list-style-type:none;font-size:14px;margin:0 0 0 10px;}
#right-nav li a:link, #right-nav li a:visited  {text-decoration:none;color:#ccc;}
#right-nav li a:hover {color:#111;text-decoration:none;}
#navigation {float:left;width:825px;}
.last-link {border:0 !important;}
.first-link {padding:0 10px 0 0 !important;}
.darker {color:#c0c0c0 !important;}


#bookmark {width:180px;float:right;margin:10px 30px 0 0;}

#top {display:none;}

#main-container {width:854px;float:left;position:relative;margin:0 0 0 38px;z-index:0;height:500px;}

/*------gallery styling --- Credits: Dynamic Drive CSS Library --- URL: http://www.dynamicdrive.com/style/------*/
/*------Add a height attribute and set to largest image's height to prevent overlaying------*/
.gallerycontainer {position:relative;float:right;width:802px;margin:20px 55px 0 0;height:500px;text-align:right;z-index:0;}
.thumbnail img {border:1px solid #ccc;z-index:0;}
.thumbnail:hover {background-color:transparent;z-index:0;}
.thumbnail:hover img {border:1px solid #ccc;z-index:0;}
/*------CSS for enlarged image------*/
.thumbnail span {position:absolute;padding: 5px;left:-1000px;visibility:hidden;color:#ccc;text-decoration:none;color:#999;text-align:right;font-size:11px;z-index:0;}
.thumbnail span img {border:1px solid #ccc !important;padding:0;margin:-5px 0 0 0;z-index:0;}
/*------position where enlarged image should offset horizontally------*/
.thumbnail:hover span {visibility:visible;top:0;left:0;z-index:1;}

#footer {float:right;position:relative;text-align:right;width:500px;margin:10px 54px 0 0;}

#mainNav {z-index:2; float: left; list-style: none; font-weight:400; padding:0; margin:0 0 0 38px;text-align:left;width:600px;z-index:100;}
#mainNav ul {float: left; list-style: none; background-color:#fff; font-weight:400; padding:0; margin:0;text-align:left;width:600px;margin:0;z-index:100;}
#mainNav a {display: block; width: 140px; height:16px; border-left:0px solid #fff; border-right:0px solid #fff; border-bottom:0px solid #fff; border-top:0px solid #fff; color: #ccc; text-decoration: none; padding:2px 0px 0px 2px;z-index:100;}
#mainNav li {float: left; width: 140px;font-size:12px;z-index:100;}
#mainNav li ul {position: absolute; left: -999em; height: auto; width: 140px; font-weight: normal; border-width: 1px; margin: 0;text-align:left;z-index:100;}
#mainNav li li {width: 140px;}#mainNav li ul a {width:140px;z-index:100;} #mainNav li ul a:hover {color:#999;z-index:100;} #mainNav li ul ul {margin: -1.75em 0 0 100px;z-index:100;}
#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {left:-999em;color:#ccc;z-index:100;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {left:auto;z-index:100;}
#mainNav li:hover, #mainNav li.sfhover {}

/* old gallery style to be eventually phased out */

#gallery {width:826px;float:left;position:relative;height:464px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #ccc;padding:1px;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #ccc;padding:1px;}