body, td, p, ol, ul, li {font: 11px Helvetica, verdana, arial, sans-serif; color: #9e9e9e;}
body {background: #FFF; margin: 12px 0 0 0; padding: 0;}

h1 {height: 70px; margin: 0; padding: 0; font-size: 11px; text-align: left; white-space: nowrap; line-height: 20px; font-weight: normal;}
h1 span {color: #000;}
h1 span a:link, h2 span a:visited, h2 span a:hover, h2 span a:focus, h2 span a:active {color: #000;}
h3 {margin: 0 0 44px 0; padding: 0; font-size: 24px; text-align: left;}
h3 span {font-size: 16px; font-weight: normal;}

p {margin: 0 0 10px 0;}

a:link, a:visited {color: #9e9e9e; text-decoration: none;}
a:hover, a:focus, a:active {color: #000000; text-decoration: none;}

a.bold:link, a.bold:visited, a.bold:hover, a.bold:focus, a.bold:active {font-weight: bold; color: #000;}

a img {border: none;}

.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.title {background: #D7D7D7; border-bottom: 1px solid #BBB}
.bold {font-weight: bold;}
.copyr {font-size: 11px; text-align: right; margin: 5px 0;}
.copyrhome {font-size: 11px; text-align: left; margin: 5px 0;}
.copyrtop {clear: both; font-size: 11px; text-align: right; margin: 5px 0;}
.contact {padding-top: 70px;}

.fright {float: right;}
.fleft {float: left;}
.cboth {clear: both;}

.thumbimg {float: left; padding: 0 10px 10px 0; height: 180px;}

#logo {height: 70px; text-align: right; padding-left: 50px;}
#logo div {padding-bottom: 10px; border-bottom: 1px solid #BBB;}

#leftside {vertical-align: top; height: 100%; padding-right: 40px; text-align: left;}
#rightside {vertical-align: top; width: 100%; height: 100%; text-align: left;}
#rightside p {margin: 0 0 10px 0;}
#footerleft {vertical-align: bottom; text-align: right; padding-right: 40px;}

#quickmenu {margin: 0; padding: 0 0 0 50px; list-style-type: none;}
#quickmenu li {margin: 0; padding: 0 0 10px 0; text-align: right; white-space: nowrap;}
#quickmenu li.separ {height: 2px; font-size: 2px; margin: 9px 0 15px 0; padding: 0; border-top: 1px solid #BBB;}
#quickmenu li.last {border-bottom: 1px solid #BBB; margin: 30px 0 20px 0; padding: 0 0 4px 0;}
#quickmenu li.keybind {font-size: 10px;}
#quickmenu li.options {overflow: hidden;}
html.ie #quickmenu li.separ {margin: 0 0 10px 0;}
html.ie #quickmenu li.options {height: 1px; overflow: visible;}

#pagebtns {float: right; width: 78px; overflow: hidden; margin: 10px 0 20px 0;}
#prevbtn {display: block; float: left; padding: 0 0 0 10px; background: url(img/prev.gif) top left no-repeat;}
#nextbtn {display: block; float: right; padding: 0 10px 0 0; background: url(img/next.gif) top right no-repeat;}

#photobox {position: relative; width: 800px; height: 100%; text-align: center; display: none;}
body.homepage #photobox {display: block;}
body.homepage #photobox div {position: absolute; top: 0; left: 0; width: 800px; z-index: 8; opacity: 0; filter:alpha(opacity=0); text-align: center;}
body.homepage #photobox div.firstimg {position: relative; z-index: 10;}
body.homepage #photobox div.active {z-index: 10;}
body.homepage #photobox div.last-active {z-index: 9;}

#thumbcontainer {display: none;}
#bigimgcontainer {position: relative; width: 800px; height: 100%;}
#bigimgcontainer div.bigimg {position: absolute; width: 800px; z-index: 8; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); text-align: center; display: none;}
#bigimgcontainer div.active {z-index: 10;}
body.homepage #bigimgcontainer div.active {opacity: 0; filter:alpha(opacity=0);}
#bigimgcontainer div.last-active {z-index: 9;}

#albumname {cursor: pointer;}

.phototext {display: none; clear: both; font-size: 11px; text-align: right; margin: 0 0 20px 0!important;}
