/*COLORS ______________________________ 
manila: #ffffdb
orange: #ff9f50
dk blue: #3c5073
lt blue: #506482
lime: #bddb62
*/
/* GENERAL ______________________________ */
body{
background:#ffffdb url("../images/tabLeft.gif") 0 180px no-repeat;
}
/* LAYOUT DIVs ______________________________ */
#logo a{
position:absolute;
top:0;
left:13px;
width:310px;
height:135px;
background:url("../images/NAPOLogoWeb.gif" ) 0 0 no-repeat;
text-indent:-9999px;
}
#header{
position:relative;
height:180px;
background:#3c5073 url("../images/skyline2.gif") 100% 0 no-repeat;
}
#wrapper{
position:relative;
padding:0 0 30px 0;
margin:40px 0 0 0;
width:950px;/* content width + left margin + secondNav width + left spacing */
}
#content{
margin-left:100px;
width:625px;
min-height:491px;/* for good browsers */
_height:491px;/* for less than IE7 */
}
.admin #content{
margin-left:50px;
width:675px;
}
.admin #wrapper{
background:transparent url("../images/admin.gif") 15px 0 no-repeat;
}
.about #wrapper, .default #wrapper{
background:transparent url("../images/about.gif") 40px 0 no-repeat;
}
.find #wrapper{
background:transparent url("../images/find.gif") 40px 0 no-repeat;
}
.join #wrapper{
background:transparent url("../images/join.gif") 40px 0 no-repeat;
}
.faq #wrapper{
background:transparent url("../images/faq.gif") 40px 0 no-repeat;
}
.for-members #wrapper{
background:transparent url("../images/members.gif") 40px 0 no-repeat;
}
.contact #wrapper{
background:transparent url("../images/contact.gif") 40px 0 no-repeat;
}
.guide #wrapper{
background:transparent url("../images/guide.gif") 40px 0 no-repeat;
}
#footer{
margin:40px 0 0 100px;
padding:3px 5px 0 0;
width:625px;
text-align:right;
border-top:1px solid #ff9f50;
}
.admin #footer{
margin-left:50px;
width:675px;
}
/*SECONDARY NAVIGATION (for members_only and admin) ______________________________ */
#secondary-nav{
float:right;
margin-top:2em;/* same as h1 line-height */
width:190px;
padding:0;
border-top:1px solid #bddb62;
}
#secondary-nav a{
display:block;
padding:4px 10px;
color:rgb(100,100,100);
text-decoration:none;
border-bottom:1px solid #bddb62;
}
/*current and hover styles */
#secondary-nav li.curSec a,
#secondary-nav li.curArt a,
#secondary-nav a:hover{
color:black;
background-color:#bddb62;
}
#secondary-nav li#adminLogin a:hover{
background-color:#ff9f50;
}
/* PRIMARY NAVIGATION STYLES  ______________________________ */
#primary-nav {
position:absolute;
right:10px;
top:149px;
font-family:"Trebuchet MS", Arial, sans-serif;
background-color:#3c5073;
}
#primary-nav li{
float:left;
height:30px;
padding:0 0 0 15px;
background:#e6e6e6 url("../images/tabLeft90.gif") left top no-repeat;
border-bottom:1px solid #3c5073;
}
#primary-nav li a{
float:left;
height:26px;
padding:4px 15px 0 0;
color:#646464;
text-decoration:none;
background:url("../images/tabRight90.gif") right top no-repeat;
}
/* Dark tab sides for about and find */
li#about, li#find{
background:#e6e6e6 url("../images/tabLeft.gif") left top no-repeat;
}
li#about a{
background:#e6e6e6 url("../images/tabRight.gif") right top no-repeat;
}
/* Top border */
#primary-nav span{
float:left;
border-top:3px solid #646464;
padding:4px 2px 0 2px;
cursor:pointer;
text-transform:uppercase;
}
/* primary-nav current and hover styles */
#primary-nav li.curSec{
background-color:#ffffdb;
border-color:#ffffdb;
}
#primary-nav .curSec a{
color:black;
background-color:#ffffdb;
}
#primary-nav a:visited span{
border-color:#bbb;
}
#primary-nav .curSec a span, #primary-nav a:hover span{
border-color:#bddb62;
color:black;
}
/* PRIMARy SUB-NAV styles */
#primary-nav ul{
height:auto;
position:absolute;
top:35px;
padding:0;
display:none;
font-size:.8571em;/*12*/
}
/*displays sub navigation for appropriate section */
#primary-nav .curSec ul{
display:block;
}
#primary-nav ul li{
display:inline;
padding:0;
height:auto;
background-color:transparent;
background-image:none;
border:0;
position:static;
}
#primary-nav ul li a, #primary-nav .curSec li a{
padding:4px;
margin:2px;
height:auto;
color:#646464;
background-color:transparent;
background-image:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* Sub nav current styles */
#primary-nav ul li.curArt a,
.default #primary-nav ul li:first-child a,
/* Sub nav hover styles */
#primary-nav ul li a:hover{
color:black;
background-color:#bddb62;
}
/* LIGHT BOX STUFF
__________________________________________*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a, #jquery-lightbox a img { border: 0; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; border:0}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}