html, body{ 
height:auto; 
width:800px; 
} 
body{margin-left : auto; 
margin-right : auto; 
background:#112234 url(../images/bg.gif) top right; 
font-size:10px;} 
.bgLeft{background:url(../images/bg_left.gif) repeat-y; width:28px;} 

.mainTable{height:100%; width:100%; background:url(../images/bg_gradient.gif) repeat-x top right;} 
.mainTableRight{padding:6px 25px 0px 4px; height:75%; width:100%;} 
.titleTop{ 
background:url(../images/title_top_bg.gif) top right repeat-x; 
vertical-align:top; 
white-space:nowrap; 
padding-top:10px; 
padding-left:15px; 
width:100%; 
} 
.titleTop a{font-family:"Courier New", Courier, monospace; font-weight:bold; color:#000000; font-size: 24px; text-decoration:none;} 
.titleTop a:hover{color:#022b5d;} 

.titleBottom{background:url(../images/title_bottom_bg.gif) top right repeat-x; vertical-align:top;} 

.matrixBottom{background:url(../images/matrix_b.gif) repeat-x;} 
.matrixLeft{background:url(../images/matrix_l.gif) left bottom repeat-y;} 
.matrixRight{background:url(../images/matrix_r.gif) right bottom repeat-y;} 
.matrixCenter{background:#2e435d; vertical-align:top; text-align:center; padding-top:10px; height:100%; width:100%;} 

.buttonUp{background:url(../images/up_bg.gif) no-repeat; color:#000000; width:109px; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; line-height:20px; white-space:nowrap; left:-8px; position:relative;} 
.buttonUp:hover{background:url(../images/up_bg1.gif) no-repeat; position:relative;} 

.pager{font-size:11px; background:url(../images/pager_bg.gif) repeat-x;} 
.pager td{white-space:nowrap;} 
.pager, .pager a{color:#242424; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;} 
.pager a:hover, .currentPage{color:#0172ff;} 
.nthPage, .currentPage{display:block; width:32px; white-space:nowrap; text-align:center;} 

.photoNameContainer{padding:0px 26px 0px 20px; background:#2e435d;} 
.photoNameContainer div{position:relative; width:100%; margin-top:-23px; z-index:1000;} 
.photoNameContainer div div {position:absolute; width:100%; top:-23px; left:0px;} 
.photoNameContainer .line{background:url(../images/photo_name_line.gif) repeat-x left 3px} 
.photoName, .bigPhotoName{color:#aeacac; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; white-space:nowrap;} 
.bigPhotoName{text-align:center;} 


.pagerButtonEnabled {cursor:pointer;} 
.pagerButtonDisabled {cursor:default;} 
#thumbPagerContainer{position: relative; width:800px; overflow: hidden; text-align:left;} 
.thumbPagerCell, .currentThumbPagerCell {vertical-align:middle; white-space:nowrap; cursor:pointer;} 

.currentThumbPagerCell img{ 
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; 
zoom: 1;} 

.thumbPagerCell img{ 
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; 
zoom: 1; 
} 



.thumbPagerCell{position:relative; margin-top:-8px;} 
.thumbPagerCell a{display:block; text-decoration:none;} 
.thumbPagerCell, .currentThumbPagerCell{text-align:center; vertical-align:middle; white-space:nowrap;} 
.thumbPagerCell a:hover, .currentThumbPagerCell span{display:block; text-decoration:none;} 

.thumbPagerCell a{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ 
-moz-opacity: 0.6; /* Mozilla 1.6- */ 
-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ 
opacity: 0.6; 
zoom:1; 
} 
.thumbPagerCell a: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; 
} 

.frame{background:url(../images/frame_bg.gif) left bottom; width:100%;} 

.frameRight{background:#2e435d url(../images/frame_r_bg.gif) left repeat-y;} 
.frameLeft{background:#2e435d url(../images/frame_l_bg.gif) right repeat-y;} 
.frameTop{background:url(../images/frame_t.gif) repeat-x; vertical-align:top; text-align:left;} 
.frameBottom{background:url(../images/frame_b.gif) bottom repeat-x; text-align:left;} 
.frameCenter{background:url(../images/frame_gradient.gif) left bottom repeat-x; padding:5px 5px 15px 5px; width:100%;} 

.frameCornerTL{position:absolute; left:3px; top:4px;} 
.frameCornerTR{position:absolute; right:8px; top:4px;} 
.frameCornerBL{position:absolute; left:3px; top:-10px;} 
.frameCornerBR{position:absolute; right:8px; top:-10px;} 
.frameLight{position:absolute; top:-1px; left:1px; z-index:100;} 
.frameStar{position:absolute; top:-10px; left:22px; z-index:100;} 

.bigFrameCenter{background:url(../images/big_frame_gradient.gif) left bottom repeat-x; padding:15px; text-align:center; width:100%;} 

.photo{position:relative;} 

.buttonFullsize{color:#a0adb4; text-decoration:none; white-space:nowrap; font-family:Arial, Verdana, Helvetica, sans-serif; top:-5px; left:0; position:absolute; line-height:15px; text-align:center;} 
.buttonFullsize:hover{color:#ffffff} 

.buttonSlideshow{background:url(../images/slideshow_bg.gif) no-repeat; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; text-align:center; white-space:nowrap; width:109px; line-height:20px; display:block;} 
.buttonSlideshow:hover{background:url(../images/slideshow_bg1.gif) no-repeat;} 

.noscriptText{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; text-align:center; font-weight:bold; color:#000000;} 
.noscriptText a{color:#ffffff;} 

.text{font-family:Arial, Verdana, Helvetica, sans-serif; text-align:center; margin:20px 0px 15px 0px; color:#2f445e;} 
.text a{color:#000000; text-decoration:none;} 
.text a span{text-decoration:underline;} 
.text a:hover{color:#ffffff;} 
.text a img{display:inline; vertical-align:middle; border:0; margin-right:2px;} 

.homepageLink{color:#ffa636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; white-space:nowrap; line-height:20px;} 
.homepageLink:hover{color:#ffffff;} 
