a {outline:none;text-decoration:none;}
a:link {color:#a4e1ff;text-decoration:none;}
a:link img {border-color: #0000ff;}
a:visited {color:#a4e1ff;}
a:hover img {border-color:#ff0000;}
a:hover {color:#ff80ff;text-decoration:none;}
a:active {color:#a4e1ff;text-decoration:none;}
unknown {text-decoration:none;}
html,body {
height:100%;
width:100%;
margin:0;
padding:0;
background:#436d8f;
font-family:arial,helvetica,verdana,sans-serif;
overflow-x:hidden;
overflow-y:auto;
}

a.enter {
display:block;
background:url('graphics/enter.gif') no-repeat;
}

a.enter:hover {
display:block;
background:url('graphics/enterdown.gif') no-repeat;
}

#indexwrapper {
width:100%;
height:360px;
text-align:center;
color:#98bbe7;
position:absolute;
top:50%;
margin-top:-180px;
left:0px;
}

#index_welcometo {
font-size:14pt;
margin-bottom:5px;
text-align:center;
color:#98bbe7;
margin:0 auto;
}

#big_indexlogo {
width:326px;
height:46px;
}

#index_closest {
font-size:12pt;
padding-top:5px;
color:#98bbe7;
}

#index_sizemessage {
font-size:11pt;
text-align:center;
color:#ffffff;
}

#index_enterbutton {
width:149px;
height:30px;
position:absolute;
top:60%;
left:50%;
margin-left:-75px;
text-align:center;
}

#index_noscript_message {
font-size:12pt;
width:100%;
text-align:center;
color:#ffff80;
position:absolute;
bottom:55px;
left:0px;
}


#statcountercode {
position:absolute;
top:0px;
left:0px;
z-index:100;
visibility:hidden;
}

.pagelogo {
width:216px;
height:30px;
position:fixed;
top:5px;
left:7px;
z-index:1;
}

.images_from, .closest_thing {
font-size:12pt;
position:fixed;
top:19px;
left:230px;
color:#98bbe7;
}

.tickerholder {
height:18px;
width:700px;
position:absolute;
top:0px;
right:5px;
}

.menustrip {
width:100%;
height:18px;
margin:0px;
background:#436d8f;
position:fixed;
top:42px;
left:0px;
z-index:2000;
}

.menuholder {
width:700px;
height:18px;
margin:0 auto;
}

.mainholder {
background:#436d8f;
width:100%;
position:absolute;
top:60px;
left:0px;
z-index:0;
margin:0px;
padding:0;
border:0px;
}

td.sidecolumn {
vertical-align:top;
position:fixed;
width:125px;
padding:0;
}

td.undercolumn {
width:125px;
}

.homepic_label {
font-size:10pt;
text-align:center;
color:#ffffff;
position:absolute;
z-index:2;
}

.blackpanel {
background:#000000;
text-align:center;
vertical-align:top;
}

.homethumbtable {
margin:0 auto;
width:100%;
}

.homethumbtable td {
width:25%;
text-align:center;
vertical-align:top;
color:#ffffff;
font-size:9pt;
font-weight:bold;
}

img.widethumb {
width:100%;
height:auto;
}

img.squarethumb {
width:176px;
height:132px;
}

.overpic_adbarholder {
width:728px;
height:90px;
padding:5px 0 5px 0;
margin:0 auto;
}

.pictitle {
display:inline;
float:left;
padding-left:1%;
text-align:left;
font-size:12pt;
color:#ffffff;
}

.reloadform {
display:inline;
float:right;
padding-right:1%;
text-align:right;
width:30%;
}

.reloadtext {
text-align:right;
font-size:10pt;
color:#ffffff;
background-color:transparent;
}

.countdown {
background-color:transparent;
border:0px;
margin-top:0px;
margin-bottom:0px;
font-size:10pt;
font-weight:bold;
color:#ff0000;
}

#youlden_holder {
height:510px;
}

.youldenpic{
height:auto;
width:680px;
padding-top:25px;
}

#pic-in-pic {
width:192px;
height:144px;
position:absolute;
top:190px;
right:50%;
margin-right:-378px;
z-index:1;
}

#pic-in-pic:hover {
width:320px;
height:240px;
}

.panoramabox {
height:600px;
width:704px;
border:0px;
margin:0 auto;
overflow:auto;
}

.pan_content {
white-space:nowrap;
background:#000000;
height:574px;
}

.navclick {
display:block;
text-align:center;
height:18px;
line-height:18px;
border:0px;
width:100%;
background-color:#436d8f;
font-size:8pt;
font-weight:bold;
color:#ffffff;
cursor:pointer;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

.slidebutton {
width:90px;
}

a.navclick:hover {
background-color:#c9d3e7;
color:#000000;
}

a.navclick:link, a.navclick:visited {
color:#ffffff;
}

a.navclick:hover {
color:#000000;
}

.underpic_blurb {
font-size:10pt;
width:90%;
padding:5px 0 5px 0;
color:#ffffff;
margin:0 auto;
}

/* menu styling begins */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:700px;
height:18px;
font-size:11px;
position:relative;
z-index:1000;
border-right:1px solid #000000;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:140px;
}

/* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu li {
float:left;
width:140px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
padding:0;
font-size:11px;
line-height:18px;
text-decoration:none;
color:#ffffff;
width:139px;
height:18px;
vertical-align:middle;
border:1px solid #400080;
border-width:0 0 0 1px;
background:#436d8f;
font-weight:bold;
text-align:center;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
text-align:center;
background:#436d8f;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
background:#c9d3e7;
}

.menu ul ul :hover > a.drop {
background:#c9d3e7;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
color:#000000;
background:#c9d3e7;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#e7eef5;
}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:18px;
left:0;
width:140px;
border-top:1px solid #000000;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:140px;
top:-1px;
width:140px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-140px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a:active {
background:#436d8f;
color:#ffffff;
height:auto;
line-height:1em;
padding:5px 0 5px 0;
width:139px;
border-width:0 1px 1px 1px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

/* style the top level hover */
.menu a:hover {
color:#000000;
background:#c9d3e7;
}

/* IE only top row */
.menu ul ul a:hover {
color:#000000;
background:#c9d3e7;
}

/* IE only drop-downs */
.menu :hover > a {
color:#000000;
background:#c9d3e7;
}

/* Other browsers top row */
.menu ul ul :hover > a {
color:#000000;
background:#c9d3e7;
}

/* Other browsers drop-downs */
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
visibility:visible;
}