/*Box enclosing mega-dropdown menu*/
#dropbox{
background-color: #005A9C;
/*width:1000px;*/
/*changed for blog */
width:800px;
height:30px;
display:block;
/*changed for blog */
margin-left:100px;
/*margin-left:auto;*/
/*margin-right:auto;*/
}

.dropdown, .dropdown ul {
        font-size:12px;
        text-align:center;
	padding: 0;
	margin:0;
	list-style: none;
}

.dropdown a {
padding-top:3px;
padding-bottom:1px;
color:#ffffff;
text-decoration:none;
display:block;
}

.dropdown > li {
/*JCT 1/10/2013 makes outline on hover extend all the way down.*/
height:20px;
}

.dropdown > li:after {
margin-left: 5px; content: '\25BC';
}

.privacy a:hover {
text-decoration:underline;
}

/*Style list element tha is top of For The Public dropdown*/

/*Take care of IE css jitter problem when hovered elements change size in any way. */
/*Border always there with color same as background, changes color when hovered.*/
.dropdown li {
float:left;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius:10px;
border-top: 3px solid #005A9C;
border-right: 3px solid #005A9C;
border-left: 3px solid #005A9C;
}

.dropdown li:hover {
border-top: 3px solid #FDB93C;
border-right: 3px solid #FDB93C;
border-left: 3px solid #FDB93C;
}

/*dropPublic is the dropdown associated with For The Public.*/
.dropdown #dropPublic {
        background-color:#FFFFFF;
	position: absolute;
	z-index:9999;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:408px;
        left: -9999px;
	float:none;
	color:#000000;
        /*border:5px solid #FDB93C;*/
	border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

/*Puts the little arrow thing after For The Public*/
.dropdown #dropPublic:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:125px;
height:3px;
background-color:white;
}

.dropdown #dropPublic a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropPublic li{
text-align:left;
border:none;
}
.dropdown #dropPublic a:hover {
text-decoration:underline;
}

.dropdown #dropResearchers {
        background-color:#FFFFFF;
	position: absolute;
        z-index:9999;
	text-align:left;
	margin-left:-3px;
        margin-top:4px;
        width:530px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropResearchers:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:145px;
height:3px;
background-color:white;
}

.dropdown #dropResearchers a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropResearchers li{
text-align:left;
border:none;
}
.dropdown #dropResearchers a:hover {
text-decoration:underline;
}

.dropdown #dropAffiliates {
	position: absolute;
        z-index:9999;
        background-color:#FFFFFF;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:272px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropAffiliates:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:119px;
height:3px;
background-color:white;
}

.dropdown #dropAffiliates a {
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropAffiliates li{
text-align:left;
border:none;
}
.dropdown #dropAffiliates a:hover {
text-decoration:underline;
}


.dropdown #dropBSL {
	position: absolute;
        z-index:9999;
        background-color:#FFFFFF;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:213px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropBSL:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:73px;
height:3px;
background-color:white;
}

.dropdown #dropBSL a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropBSL li{
text-align:left;
border:none;
}
.dropdown #dropBSL a:hover {
text-decoration:underline;
}


.dropdown li li {
	float:none;
}

.dropdown li:hover #dropPublic {
left:0px;
}
.dropdown li:hover #dropResearchers {
left:0px;
}
.dropdown li:hover #dropAffiliates {
left:0px;
}
.dropdown li:hover #dropBSL {
left:0px;
}
