/* CSS Document */
html { height: 100%; font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }
body { margin: 0; padding: 0; background-image: url(images/f22-bg.jpg); background-repeat:no-repeat; background-position: center top; height: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 100%; font-size: 11px; }

#container { margin: 0 auto; position: relative; padding: 0 39px 0 40px; width: 888px; height: 100%; background-image:url(images/f22-logo-bg.gif); background-repeat:no-repeat; }
#left { position: absolute; top: 0; left: 0; width: 41px; height:100%; background-image: url(images/f22-left-shadow.jpg); background-repeat:no-repeat; }
#right { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background-image: url(images/f22-right-shadow.jpg); background-repeat:no-repeat; }

#container #column1 { position: absolute; top: 26px; left: 41px; width: 240px; padding: 24px; margin: 168px 46px 0 0; background-color: white; }
#container #column2 { position: absolute; top: 26px; left: 375px; width: 500px; padding: 0 52px 0 0; color: #666666;}

#container #column2 a:link { color: #FF660F; text-decoration: none; }
#container #column2 a:visited { color: #FF660F; text-decoration: none; }
#container #column2 a:hover { color: #FF660F; text-decoration: none; font-weight: bold; }
#container #column2 a:active { color: #FF660F; text-decoration: none; font-weight: bold; }


#container #lbcolumn1 { position: absolute; top: 26px; left: 41px; width: 264px; margin: 168px 46px 0 0; background-image: url(images/f22-nav-bg.gif); background-repeat:repeat-y; padding: 0 0 0 24px;}
#container #lbcolumn2 { position: absolute; top: 26px; left: 375px; width: 552px; padding: 0;}




.navs ul { list-style-type: none; margin: 0; padding: 0; }
.navs li { margin: 0; padding: 0; list-style-type:none;}

.navs li.active a:link,.navs li.active a:visited,.navs li.active a:hover,.navs li.active a:active { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #FF660F; font-weight: bold; }

.navs a.active:link,.navs a.active:visited,.navs a.active:hover,.navs a.active:active { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #FF660F; font-weight: bold; }
.navs a:link { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #666666; }
.navs a:visited { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #666666; }
.navs a:hover { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #333333; }
.navs a:active { display: block; text-align: right; padding: 0px 18px 10px 18px; text-decoration: none; color: #FF660F; font-weight: bold; }

#col1twonavs table { width: 264px; }
.col1 { width: 104px; padding: 30px 16px 30px 0; vertical-align: top;  }
.col2 { width: 144px; padding: 30px 0 30px 0; vertical-align: top; }

#pagetitle { width: 554px; height: 133px; }
#credits { height: 35px; background-image: url(images/f22-credits-bg.jpg); background-repeat:no-repeat; line-height: 35px; padding: 0 10px 0 10px;}

#credits h3 { margin: 0; padding: 0; color: #6E6E6E; font-size: 13px; font-weight: bold; }

#gallery { width: 496px; background-image:url(images/f22-gallery-bg.gif); background-repeat: repeat-y; }
#gallery a.photo { width: 50px; height: 50px; padding: 0 12px 18px 0; float: left; display: block;}
#gallery a.photo:hover { width: 50px; height: 50px; padding: 0 12px 18px 0; float: left; background-image: url(images/lb-hover-bg.gif); background-repeat:no-repeat; background-position: left 50px; display: block;}

#desc { visibility: hidden; font-size: 10px; color: #898989;}
#desc table { margin: 10px 0; height: 35px;}
#desc td {padding: 1px 15px 1px 5px; vertical-align:top;  color: #909090;}
#desc th { padding: 1px 5px 1px 0; text-align: right; font-weight: bold; vertical-align:top; }