/*42nd_Street Page Styles*/
/* hide from IE mac \*/
body {
background-image: url(images/page_bottom.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
/* end hiding from IE5 mac */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333333;
background-color: #FFFFFF;
margin: 0;
padding: 0;
min-width: 770px;
}
#masthead {
background-image: url(images/masthead_bg.gif);
}
#logodiv {
width: 770px;
height: 100px;
}
/* hide from IE mac \*/
#logodiv img {float: left;}
/* end hiding from IE5 mac */
#wrap_outer {
margin: 30px auto 0 auto;
padding: 0;
width: 770px;
background-image: url(images/wrapper.gif);
background-repeat: repeat-y;
}
#wrap_inner {
background-image: url(images/sidebar_tile.jpg);
background-repeat: repeat-y;
background-position: right top;
}
#nav_wrapper {
width: 90px;
float: left;
}
#mainbox {
width: 488px;
float: left;
}
#sidebox {
width: 192px;
float: left;
background-image: url(images/sidebar_top.jpg);
background-repeat: no-repeat;
position: relative;
top: -8px;
}
.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
#nav_wrapper img {border: 0;}
#nav_wrapper ul, #nav_wrapper li {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav_wrapper ul ul {
background-color: #FFFFFF;
border: 1px solid;
border-color: #FFFFFF #000000 #000000 #FFFFFFF;
padding: 2px 3px 3px 3px;
display:none;
}
#nav_wrapper ul ul, #nav_wrapper ul ul li {
width: 12em;
}
.p7exp_root {
filter: alpha(opacity=60);
opacity: 0.60;
}
#nav_wrapper a {
display: block;
text-decoration: none;
margin: 0 0 10px 0;
}
#nav_wrapper ul ul a {
padding: 4px 10px;
background-color: #666D9B;
color: #CCCCCC;
margin: 0;
border: 1px solid #666D9B;
font-size: 0.75em;
}
#nav_wrapper ul ul a:hover {
background-color: #525252;
color: #FFFFFF;
border-top-color: #333333;
border-bottom-color: #7D89B0;
}
#nav_wrapper {position: relative;}
#nav_wrapper ul li:hover ul, #nav_wrapper ul li.p7hvr ul {
display: block;
}
.p7expsubmenus {
position: absolute;
left: 40px;
}
#p7exp_sub2 {top: 50px; z-index: 20000;}
#nav_wrapper ul li:hover a, #nav_wrapper ul li.p7hvr a,
#nav_wrapper ul li a:focus, #nav_wrapper ul li a:active {
filter: alpha(opacity=100) !important;
opacity: 1.0;
}
#maincontent {
font-size: 0.8em;
line-height: 1.75em;
padding: 0 24px 20px 32px;
}
#sidecontent {
font-size: 0.75em;
line-height: 1.5em;
padding: 36px 30px 24px 24px;
}
h1, h2, h3 {
font-size: 1.5em;
margin: 0;
}
h2, h3 {
margin: 30px 0 0 0;
}
#sidecontent h3 {
font-size: 1.75em;
margin: 0 0 10px 0;
color: #000000;
font-weight: normal;
}
p {margin: 12px 0;}
#sidecontent #side_nav, #sidecontent #side_nav li {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidecontent #side_nav a {
font-size: 1.1em;
display: block;
background-color: #56628C;
color: #ECE9D8;
border: 1px solid;
border-color: #717DA8 #000000 #000000 #717DA8;
padding: 2px 6px;
filter: alpha(opacity=60);
opacity: 0.60;
text-decoration: none;
}
#sidecontent #side_nav a:hover, #sidecontent #side_nav a:active, #sidecontent #side_nav a:focus {
background-color: #333333;
color: #FFFFFF;
border-color: #333333 #000000 #000000 #333333;
filter: alpha(opacity=75);
opacity: 0.75;
}
#footer {
background-color: #000000;
color: #FFFFFF;
filter: alpha(opacity=70);
opacity: 0.70;
}
#footerwrap {width: 770px;}
#footercontent {
padding: 12px;
font-size: 0.7em;
}
#maincontent a:link {color: #0000FF;}
#maincontent a:visited {color: #993300;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
background-color: #4A4A4A;
color: #CCCCCC;
text-decoration: none;
}
#sidecontent a:link {color: #FFFFFF;}
#sidecontent a:visited {color: #DEDEDE;}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
color: #0000FF;
}
#footercontent a:link {color: #FFFFFF;}
#footercontent a:visited {color: #ABABAB;}
#footercontent a:hover, #footercontent a:active, #footercontent a:focus { color: #0099FF; }