/*=====================================================*/
/*                 General Page Styles                 */
/*=====================================================*/

#mastheadwrapper {
width: 100%;
height: 130px;
background-color: transparent;
background-image: url(../images/header-background-trans.png);
background-repeat: repeat-x;
}

#masthead {
width: 944px;
margin: 0 auto;
background-color: transparent;
}

/*=====================================================*/
/*                Main Navigation Styles               */
/*=====================================================*/

#mainnavigation {
width: 944px;
height: 31px;
margin: 0;
padding: 0;
background-image: url("../images/main-navigation-trans.png");
background-repeat: no-repeat;
position: absolute;
}

* html #mainnavigation {
background-image: url("../images/main-navigation-trans.gif");
}

#mainnavigation li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}

#mainnavigation li, #mainnavigation a {
height: 31px;
display: block;
border: none;
}

#homebutton, #homebutton a {left: 0px; width: 88px;}
#homebutton a:hover {background: transparent url("../images/main-navigation-trans.png") 0px -31px no-repeat;}
* html #homebutton a:hover {background: transparent url("../images/main-navigation-trans.gif") 0px -31px no-repeat;}

#aboutbutton, #aboutbutton a {left: 88px; width: 80px;}
#aboutbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -88px -31px no-repeat;}

#gallerybutton, #gallerybutton a {left: 168px; width: 97px;}
#gallerybutton a:hover {background: transparent url("../images/main-navigation-trans.png") -168px -31px no-repeat;}

#reviewsbutton, #reviewsbutton a {left: 265px; width: 98px;}
#reviewsbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -265px -31px no-repeat;}

#awardsbutton, #awardsbutton a {left: 363px; width: 93px;}
#awardsbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -363px -31px no-repeat;}

#downloadsbutton, #downloadsbutton a {left: 456px; width: 122px;}
#downloadsbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -456px -31px no-repeat;}

#screeningsbutton, #screeningsbutton a {left: 578px; width: 123px;}
#screeningsbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -578px -31px no-repeat;}

#getinvolvedbutton, #getinvolvedbutton a {left: 701px; width: 135px;}
#getinvolvedbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -701px -31px no-repeat;}

#contactbutton, #contactbutton a {left: 836px; width: 111px;}
#contactbutton a:hover {background: transparent url("../images/main-navigation-trans.png") -836px -31px no-repeat;}

.displace {
position: absolute;
left: -5000px;
}

.aboutsubmenu ul, .getinvolvedsubmenu ul {
display: none;
background-image: none !important;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, .75);
position: absolute !important;
width: 180px !important;
z-index: 500 !important;
margin: 0 !important;
padding: 0 0 5px 0 !important;
top: 31px;
}

.aboutsubmenu ul {
left: -50px;
}

.getinvolvedsubmenu ul {
left: -25px;
}

.aboutsubmenu ul li, .getinvolvedsubmenu ul li {
position: relative !important;
background-image: none !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
text-align: center !important;
border-bottom: none !important;
top: 0 !important;
left: 0 !important;
}

.aboutsubmenu ul li a, .getinvolvedsubmenu ul li a {
display: block !important;
background-image: none !important;
width: 180px !important;
height: auto !important;
margin: 0 !important;
padding: 3px 0 3px 0 !important;
color: #A3882F !important;
text-decoration: none !important;
font-family: DejaVuSansBold;
font-size: 11px !important;
line-height: 16px !important;
font-weight: normal !important;
text-transform: uppercase;
}

.aboutsubmenu ul li a:hover, .getinvolvedsubmenu ul li a:hover {
color: #FED44A !important;
font-family: DejaVuSansBold;
}

.aboutsubmenu:hover ul, .getinvolvedsubmenu:hover ul {
display: block !important;
background-image: none !important;
}

.aboutsubmenu ul li:hover, .getinvolvedsubmenu ul li:hover {
display: block;
background-image: none !important;
}