html, body, #wrapper {
height: 100%;
}
body > #wrapper {height: auto; min-height: 100%;}
#presentation {
width: 1050px;
background-color: #ffffff;
left: 0;
right: 0;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
height: 1150px;
position: relative;
padding-bottom: 150px;
}
#wrapper {
margin:0 0 0 0;
height:100%;
overflow:auto;
}
#Section1 {
min-height:auto;
padding-right: 15px;
padding-left: 0px;
width:715px;
position:absolute;
left: 285px;
top: 248px;
background-color: #FFFFFF;
float:right;
}
#container {
width: 1050px;
height: 236px;
background-repeat: no-repeat;
bottom: 0px;
padding: 0px 0px 0px 0px;
background-image: url(img/header_new_slider-2.png);
background-repeat: no-repeat;
background-color: #000000;
z-index:5;
}
/* FONT SIZE */
ul, li {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
line-height: 21px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
#menu {
list-style:none;
width:1050px;
margin:-46px 0px 0px 0px ;
height: 40px;
padding: 0px 0px 0px 0px;
/* ROUNDED CORNERS OUTTER BODY */
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
/* BACKGROUND COLOR and GRADIENTS */
background: #15426A;
/* BORDERS */
border-bottom: 1px solid #ffffff;
-moz-box-shadow:inset 0px 0px 1px #edf9ff;
-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
box-shadow:inset 0px 0px 1px #edf9ff;
}
#menu li {
float:left;
text-align:right;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:0px;
margin-top:0px;
border:none;
}
#menu li:hover {
border: 0px solid #777777;
padding: 4px 10px 4px 10px;
margin-right:0px;
height:32px;
/* Background color and gradients */
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
/* Rounded corners */
-moz-border-radius: 0px 6px 0px 0px;
-webkit-border-radius: 0px 6px 0px 0px;
border-radius: 0px 6px 0px 0px;
}
#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #EEEEEE;
display:block;
outline:0;
text-decoration:none;
text-shadow: 1px 1px 1px #000;
}
#menu li:hover a {
color:#161616;
text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
padding-right:21px;
background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
background:url("img/drop.png") no-repeat right 7px;
}
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
margin:4px auto;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:10px 5px 10px 5px;
border:1px solid #777777;
border-top:none;
/* Gradient background */
background:#F4F4F4;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
/* Rounded Corners */
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;
}
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
left:-1px;
top:auto;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
#menu .menu_right {
float:right;
margin-right:0px;
}
#menu li .align_right {
/* Rounded Corners */
-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
left:auto;
right:-1px;
top:auto;
}
#menu p, #menu h2, #menu h3, #menu ul li {
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
font-size:12px;
text-align:left;
text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
font-size:21px;
font-weight:400;
letter-spacing:-1px;
margin:7px 0 14px 0;
padding-bottom:14px;
border-bottom:1px solid #666666;
}
#menu h3 {
font-size:14px;
margin:7px 0 14px 0;
padding-bottom:7px;
border-bottom:1px solid #888888;
}
#menu p {
line-height:18px;
margin:0 0 10px 0;
}
#menu li:hover div a {
font-size:12px;
color:#015b86;
}
#menu li:hover div a:hover {
color:#029feb;
}
.strong {
font-weight:bold;
}
.italic {
font-style:italic;
}
.imgshadow { /* Better style on light background */
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:5px 15px 5px 5px;
}
#menu li .black_box {
background-color:#333333;
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:4px 6px 4px 6px;
/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* Shadow */
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
list-style:none;
padding:0;
margin:0 0 12px 0;
}
#menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px;
}
#menu li ul li:hover {
background:none;
border:none;
padding:0;
margin:0;
}
#menu li .greybox li {
background:#F4F4F4;
border:1px solid #bbbbbb;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:116px;
/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu li .greybox li:hover {
background:#ffffff;
border:1px solid #aaaaaa;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}
#footer {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
background-color: #666;
width: 1050px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
position: relative;
height: 50px;
clear: both;
}
#inner_footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
vertical-align: bottom;
margin-top: 14px;
height: 18px;
width: 415px;
position: absolute;
color: #FFFFFF;
text-align: left;
font-variant: normal;
text-decoration: none;
float:right;
left: 655px;}
#addthis {
vertical-align: bottom;
margin-top: 12px;
height: 20px;
width: 1px;
position: absolute;
left: 20px;
color: #FFFFFF;
text-align: left;
}
#presentation .Section1 {
padding-right: 25px;
padding-left: 5px;
width:695px;
position:absolute;
left: 295px;
top: 255px;
background-color: #FFFFFF;
margin:0;
float:right;
}
#presentation .Section4 {
padding-right: 30px;
padding-left: 40px;
top: 236px;
position: relative;
}
#presentation .Section5 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section6 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section7 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section8 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section9 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section10 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section11 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section12 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section13 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section14 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section2 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section16 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section17 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section18 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section19 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section20 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section21 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section22 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section23 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section24 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section25 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section26 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section27 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section28 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section29 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section30 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section31 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section32 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section33 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section34 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section35 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section36 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section37 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section38 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section39 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section40 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section41 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section42 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section43 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section44 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section45 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section46 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section47 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section48 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section49 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section50 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section51 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section52 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section53 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section54 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section55 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section56 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section57 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section58 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section59 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section60 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section61 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section62 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section63 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section64 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section65 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section66 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section67 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section68 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section69 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section70 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section71 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section72 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section73 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section74 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section75 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section76 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section77 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section78 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section79 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section80 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section81 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section82 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section83 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section84 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section85 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section86 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section87 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section88 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section89 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section90 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section91 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section92 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section93 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section94 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section95 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section96 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section97 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section98 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section99 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section100 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section101 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section102 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section103 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section104 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section105 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section106 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section107 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section108 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section109 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section110 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section111 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section112 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section113 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section114 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section115 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section116 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section117 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section118 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section119 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section120 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section121 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section122 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section123 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section124 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section125 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section126 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section127 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section128 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section129 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section130 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section131 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section132 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section133 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section134 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section135 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section136 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section136 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section137 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section138 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section139 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section140 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section141 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section142 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section143 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section144 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section145 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section146 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section147 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section148 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section149 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section150 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section151 {
padding-right: 30px;
padding-left: 40px;
}
#presentation .Section152 {
padding-right: 30px;
padding-left: 40px;
}
#navigation {
position:relative;
top:0px;
display: inline;
position: absolute;
top: 265px;
width: 235px;
float: none;
left: -35px;
float:left;
}
#heading {
position:relative;
width:225px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom:5px;
left: 60px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#666666;
}
#sArchives_menu ul, li{
list-style-type:none;
list-style-position:inside;
padding-left: 0;
display:block;
padding: 0px;
left: 0px;
position: relative;
float:none;
}
#sArchives_menu li {
list-style-position: inside;
list-style-image: url(../graphics/bullets.gif);
text-indent: 10px;
padding: 0 0 0 15px;
margin: 0;
float: none;
}
#sArchives_menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display:block;
width: 225px;
color:#000000;
padding-top:4px;
padding-bottom:4px;
padding-left:0px;
text-decoration:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
float:none;
}
#sArchives_menu a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#0066CC;
background-image:url(../graphics/bullet_bkgd.gif);
background-repeat: repeat-x;
float:none;
}
#sArchives_menu a:active {
color:#000000;
font-weight: normal;
float:none;
}
#museum_heading {
position:relative;
top: 0px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom:5px;
width: 225px;
left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#666666;
margin-top: 50px;
margin-bottom:0px;
}
#preview {
height: 870px;
width: 1050px;
margin-right: auto;
margin-left: auto;
left: auto;
right: auto;
position: absolute;
background-color: #000000;
background-repeat: no-repeat;
top: 10px;
background-image: url(../graphics/Preview_Message2.png);
}
#presentation #wrapper #Section1 {
float: right;
}