/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 

body {
	background: url(../images/background_site.png) repeat-x #ffffff;	
	font-family: Helvetica, Arial, sans-serif !important;
} 

.grid-24 {
    display: inline;
    float: left;
	margin-left: 0px !important;
	margin-right: 0px !important;
    position: relative;
} 

.container-24 .grid-24 { 
	width: 100% !important;
}

.grid-8 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px;
	width: 240px !important;
} 

.grid-16 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px;
	width: 480px !important;
} 

#zone-user-wrapper { 
	width: 100%; margin: 0 auto;
}



/* FACEBOOK */
#region-sidebar-first .fb_iframe_widget iframe, #region-postscript-first .fb_iframe_widget iframe, 
#region-postscript-second .fb_iframe_widget iframe, #region-postscript-third .fb_iframe_widget iframe{
    width: 200px !important;
}

/************************************************************
HOMEPAGE ROTATOR
************************************************************/
.view-congress-hprotator.flexslider {
    height: auto; /* RESET HEIGHT FIX FROM NORMAL.CSS FOR IE BROWSERS */
}

#block-views-congress-hprotator-rotator {   
	height: 350px;
	margin: 0 auto; 
}

.view-congress-hprotator.flexslider .view-content{
}

.view-congress-hprotator .views-field-field-congress-featured-media {
	width: 100%;
}

/*.hprotator-text-block {
	background: none repeat scroll 0 0 #000;
	padding: 2%;
	text-align: left;
    width: 96%;
}*/

.hprotator-text-block {
	background: url(../images/background_textblock.png) repeat scroll 0 0 #000;
	height: 120px;
    width:98%;
	float: none;
	display: block;
	color: #fff;
	padding: 1%;
	position: absolute;
	text-align: left;
	top: 240px;
}

.hprotator-text-block h2 { font-size: 14px; margin-bottom: 0px !important; }

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.9);
    cursor: default;
}

.flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    height: 12px;
    text-indent: -9999px;
    width: 12px;
} 

/************************************************************
FLEXSLIDERS ALL CAROUSELS AND ROTATOR
************************************************************/

#block-views-congress-hprotator-rotator .flex-control-nav {  
	display: block;
	left: 20%;
    top: 335px;
    width: 60%;
}

#hp-multi-carousel-wide .slides li { 
}

#block-views-congress-offices-of-noslide .views-row-3 {
	text-align: right;
}

/************************************************************
 SUPERFISH MAIN MENU NONMOBILE
************************************************************/

.sf-menu a {
	font-size: 12px;
    padding: 1.5em 0.25em;
}
.sf-menu li.sfHover > ul, .sf-menu li:hover > ul { /* changes position of dropdown */
	left: 0;
	top: 4em;
}


/************************************************************
 FIX FOR ADDING PRIVACY RELEASE FORM
************************************************************/

#billsearch input.form-text { 
	padding: 8px;
	width: 150px;
}

#boxes-box-congress_newsletter_signup input.form-text {
    height: 35px;
	padding: 8px;
	width: 80%;
}