html, body{height:100%}
body{margin:0px; padding:0px; background: #ffffff; font-size:65.5%}
.topRow{padding-top:20px; vertical-align:top}
.bottomRow{padding-bottom:20px; vertical-align:bottom}

.middleLeft{background: url(../images/middle_left.gif) left repeat-y; padding-left:5px}
.middleRight{background:url(../images/middle_right.gif) right repeat-y; padding-right:5px; padding-bottom:1px}
.bottom{background:url(../images/bottom_bg.gif) repeat-x; height:5px; line-height:5px}

.headerCenter{height:62px; background:url(../images/header_bg.gif) repeat-x}
.headerCL{background:url(../images/header_left.gif) left no-repeat; height:62px}
.headerCR{background:url(../images/header_right.gif) right no-repeat; height:62px; }
.title{text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:3em; color:#BDBFC3; padding-top: 15px;}

.frame{border:1px solid #000000; text-align:center; vertical-align:top; background:#CCD6D8}
.frame div{background:#ffffff}
.bigFrame{text-align:center; vertical-align:middle; width:100%;}

.photo{padding:5px; text-align:center; vertical-align:middle}
.bigPhoto{padding:13px; text-align:center; vertical-align:middle}
 
.photoName{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-align:center; padding-top:3px; background:url(../images/bg_photo_name.gif) repeat-x top; height:16px}

.buttonSlideshow{margin: 17px 30px 14px 10px; display:block; width:31px; height:31px}
.buttonUp{padding: 17px 30px 0px 30px; float:left; width:31px; height:31px}

.fullsizeButton{position:absolute; right:0; top:-14px; text-decoration:none; white-space:nowrap; text-align:right; color:#76808A; font-family:Verdana, Arial, Helvetica, sans-serif;}
.fullsizeButton:hover{color:#000000}
.fullsizeButton img{margin:3px 2px 0px 5px}

.pager {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:1.4em; color:#C5C6C8; font-weight:bold}
.pager a{color:#C5C6C8; text-decoration:none;}
.pager a:hover, .currentPage{color:#48FF00}
.nthPage, .currentPage{display:block; width:33px; white-space:nowrap; text-align:center}
.pager td{vertical-align:middle}
.pagerButton{margin-top:5px}

.slidesButton{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; color:#AEAFAF}
.slidesButton:hover{color:#0E328E;}
.slidesButton img{display:inline; vertical-align:middle}
.thumbPagerCell, .currentThumbPagerCell{display:block}
.thumbPagerCell{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6- */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7;
}
.thumbPagerCell:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
-moz-opacity: 1.0; /* Mozilla 1.6- */
-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
opacity: 1.0;
}

.thumbsContainer{background:#ffffff}
.slideContaner{background:#ffffff}

.noscriptText{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-align:center; color:#000000}
.noscriptText a{color:#192D5F;}

.text{font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:50px 20px 15px 0px; color:#A9AAAF;}
.text a{color:#000000; text-decoration:none}
.text a span{text-decoration:underline}
.text a:hover{color:#48FF00;}
.text a img{display:inline; vertical-align:middle; border:0; margin-right:2px}
