/* This is the main CSS file for the 2012 redesign of virginiageneralassembly.gov. */
/* This CSS follows a reset in the cascade that's in the same directory. */
/* There are overrides within this stylesheet that overwrite CSS within the JQuery UI CSS framework. */
/* These overrides, and where they occur within the design are commented as such. */
/* Site and imagery Copyright 2013-2014, Commonweatlth of Virginia. */

/* CSS for virginiageneralassembly.gov
   Code and design by Dick Kirkland for the Commonwealth of Virginia
*/

/* F O U C prevention for jQuery UI accordion menus */

.FOUCPrevent #mainNav {
	display:none;
}

/* /F O U C prevention*/

/* M A I N  C O N T A I N E R */

#container {
	margin:0 auto 0 auto;
	max-width:895px;
	min-width:895px;
	min-height:743px;
	border: 1px #afbada solid;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
	margin-top:10px;
	overflow:hidden;
}
a:link, a:visited {
	text-decoration:none;
	color:#213f99;
	background-color:transparent;
}
a:hover, a:active {
	text-decoration:none;
	color:#EC1C24;
	background-color:transparent;
}
/* E N D  M A I N  C O N T A I N E R */

/* M O D U L E S */

#brand {
	float:left;
	width:545px;
	height:103px;
	background-color:none;
	border:none;
	padding:0;
	background-image:url("cssImages/10VgaBrand.png");
	background-repeat:no-repeat;
}
#brand a {
	width: 200px;
	height: 103px;
	display: block;
	text-decoration:none;
	background-color:transparent;
}
#searchArea{
	float:left;
	width:350px;
	height:103px;
	border:none;
	padding:0;
	background-image:url(cssImages/10QuickTabsHolder.png);
	background-repeat:no-repeat;
}
#quicktabsContent {
	float:left;
	width:350px;
	height:103px;
	border:none;
	padding:0;
}

/* B E G I N  G S A  S E A R C H */

#searchArea form fieldset {
	display:block;
	float:right;
	margin:10px 10px 0 0;
	padding:0px;
}
#searchArea form fieldset legend {
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	letter-spacing:.09em;
	color:#213f99;
	float:right;
	clear:both;
	margin-bottom:10px;
}
#GSASearchField {
	float:right;
	margin:0 7px 0 0;
	height:25px;
	width:155px;
	max-height:21px;
	padding-left:6px;
	font-size:12px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border: 1px #a6c9e2 solid;
	font-family:'Oswald',sans-serif;
	letter-spacing:.1em;
	color:#999999;	
}
#GSASearchField:focus {
	background-color: #fff;
	border-color: #448dae;
	color:#026890;
}
#GSASearchField:hover {
	background-color:#79c9ec;	
}
#GSAButtonBox {
	display:block;
	float:right;
	clear:right;
	text-align:center;
}
input.ui-button {
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	padding: 0.3em 1em 0.3em 1em;
	margin-bottom:5px;
}
.helpText {
	display:block;
	margin:1px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
/* E N D  G S A  S E A R C H */

/* A C C O R D I O N  ( M A I N  N A V ) */
#mainNav {
	float:left;
	width:205px;
	height:320px;
	border:none;
	background-repeat:no-repeat;
	position:relative;
}
#VGASubheadText {
	margin:8px 0 0 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	line-height:1.095em;
    color:#afbada;
}
#navAccordion.ui-accordion .ui-accordion-header .ui-icon { 
	position: absolute; 
	left: 155px; 
	top: 50%; 
	margin-top: -8px;
}
#navAccordion .ui-accordion-header a {
    padding-left: 0;
	width: 170px;
	height:40px;
}
#navAccordion.ui-accordion .ui-accordion-content { 
	padding: .75em 1.1em; 
	border-top: 0; 
	margin-top: -2px; 
	position: relative; 
	top: 1px; 
	margin-bottom: 2px;
}
#navAccordion {
	margin-right:15px;
	margin-left:10px;
	width:180px;
	position:absolute;
	bottom:0;
}
#navAccordion .header{
	margin-left:0px;
	font-size:12px;
    max-height:40px;
}
#navAccordion .accordionTitle{
	width:150px;
/*	height:40px;*/
	margin-left:10px;
	margin-top:3px;
}
#navAccordion p.contentDesc {
	max-height:40px;
	margin-left:0;
	margin-bottom:0;
	font-size:10px;
	font-weight:bold;
}
/* E N D  A C C O R D I O N  ( M A I N  N A V ) */


/* T A B S  A N D  M A I N  C O N T E N T  P A N E */
#slideShowContainer {
	float:left;
	width:678px;
	height:318px;
	border-width:1px;
	border-style:solid;
	border-color:#a6c9e2;
	color: #000000;
	border-radius: 5px;
}
#mainContent {
	float:left;
	width:690px;
	min-height:320px;
	border:none;
	position:relative;
}
#mainContentTabs {
	width:680px;
}
#mainContentTabs li {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#mainContentTabs p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.33rem;
}
/* begin in-context link stying for comm.9 change to makes links more visible */
.tabStoryBegin a:link, .tabStoryBegin a:visited, 
.tabStoryBegin a:hover, .tabStoryBegin a:active,
.hiddenStory a:link, .hiddenStory a:visited,
.hiddenStory a:hover, .hiddenStory a:active, 
#capitolCurrent p a:link, #capitolCurrent p a:visited,
#capitolCurrent p a:hover, #capitolCurrent p a:active  {
	text-decoration:underline;
}
/* /in-context link stying */

/* begin fake h1 styles to make additional headers within teasers inline and not block level elements */
/* teaserContent div only allows inline elements or the design breaks */
.addlTeaserHeader {
	color: #213F99;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}   
/* /fake h1 styles */

/* makes a nice box shadow related to the theme, but I'm not using it yet
.relatedLinks {
	border: solid 1px #dbe1e6;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3);
}
*/
/* B E G I N additional content and functionality */
.tabStoryBegin {
	/*min-height: 98px;
	max-height: 98px;*/
	overflow:hidden;
}
#capitolCurrent {
	overflow: hidden;
	max-height: 777px;
}
#capitolCurrent p {
	margin-bottom:16px;
}
#help p {
	margin-bottom:16px;
}
/* "Read More" / "See Less" button and text styling */
.showMoreOrLess {
	position: relative;
    max-width: 76px;
	height: 12px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:3px 32px 0 0;
	float:left;
}
a.showMoreOrLess:link, a.showMoreOrLess:visited {
    color:#ec1c24;
}
a.showMoreOrLess:hover, a.showMoreOrLess:active {
    color:#ec1c24;
}
/* "Read More" / "See Less" button and text styling */
.hiddenStory {
	margin-top:16px;
	/*display:none;*/
}
.hiddenStory p {
	margin-bottom:16px;
}
/* ul formatting */
.hiddenStory ul {
	margin:0px 0px 10px 20px; 
	list-style-type: disc;
	line-height: 1.33rem;
}
.hiddenStory ul li {
    margin-bottom:10px;
}
.alert-bubble {
  padding: 1rem;
  border: 1px solid red;
  background-color: rgba(224, 42, 18, .13);
  color: #ec1c24;
  border-radius: 13px;
  font-size: .89rem !important;
  line-height: 1.47rem !important;
  font-weight: bold;
  text-align: center;
}
/* legible line-height(s) on <p>s that can accommodate them in the original design 
   All <p>s were very tight and hard to read because the original design was to fit on 800px x 600px
   monitors. 
*/
.legible-p {
  line-height: 1.33;
}
#capitolCurrent ul {
	margin:0px 0px 10px 20px; 
	list-style-type: disc;
	line-height: 90%;
}
#capitolCurrent ul li {
    margin-bottom:10px;
}
/* /ul formatting */
p.jfy {
	text-align:justify; 
	width:400px;
}
.addlContent {
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: #afbada dotted 1px;
	height: 15px;
}
/* individual link classes for more and less */
.moreContent {
	position: relative;
	width: 76px;
	height: 12px;
	display: inline-block;
	font-size:12px;
}
.lessContent {
	position: relative;
	width: 76px;
	height: 12px;
	display: inline-block;
	padding-left: 2px;
	font-size:12px;
}

/* styles "Related Links" list items and unordered list */
.addlContent ul, .addlContent ul li {
	display: inline;
	list-style: none;
}
.secondStepBlock {
	position: relative;
	width: 30px;
	height: 12px;
	display: inline-block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	margin-top:1px;
	border-bottom: dotted #EC1C24 1px;
}
.popInTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	color:#213f99;
}
/* UI ICON SPRITES */

/* "More/Less" icons for main nav accodion menuing */
/* link image/buttons are styled on LVHA and are repurposed from the JQuery UI .pngs */
/* background sprite position based on ui-icon-circle-plus */
a:link .moreUiIcon, a:visited .moreUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-repeat: no-repeat;
	background-position: 0 -192px;
	margin-top: -3px;
}
a:hover .moreUiIcon, a:active .moreUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: 0 -192px;
	margin-top: -3px;
}
a:link .lessUiIcon, a:visited .lessUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-repeat: no-repeat;
	background-position: -16px -192px;
	margin-top: -3px;
}
a:hover .lessUiIcon, a:active .lessUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -16px -192px;
	margin-top: -3px;
}
/* "Go" icons for main nav accodion menuing */
/* link image/buttons are styled on LVHA and are repurposed from the JQuery UI .pngs */
/* background sprite position based on ui-icon-circle-triangle-e */
a:link .goToUiIcon, a:visited .goToUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-repeat: no-repeat;
	background-position: -48px -192px;
	margin-top: -3px;
}
a:hover .goToUiIcon, a:active .goToUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -48px -192px;
	margin-top: -3px;
}
/* "Print" icons for areas that require printable pages */
/* link image/buttons are styled on LVHA and are repurposed from the JQuery UI .pngs */
/* background sprite position based on ui-icon-circle-triangle-e */
a:link .printUiIcon, a:visited .printUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-repeat: no-repeat;
	background-position: -160px -96px;
	margin-top: -3px;
}
a:hover .printUiIcon, a:active .printUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -160px -96px;
	margin-top: -3px;
}
/* End link image/buttons */

/* "Related Links" ul positioning */
.relatedLinks {
	float:right;
	margin-top:3px;
}
/* /"Related Links" */

/* "backToInitTab" link device for exiting out of AJAX pop-in content */
/* link image/buttons are styled on LVHA and are repurposed from the JQuery UI .pngs */
/* background sprite position based on ui-icon-circle-triangle-e */
.backToInitTab {
	position: relative;
	float: left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:3px;
}
a:link .backUiIcon, a:visited .backUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-repeat: no-repeat;
	background-position: -80px -192px;
	margin-top: -3px;
}
a:hover .backUiIcon, a:active .backUiIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden; 
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -80px -192px;
	margin-top: -3px;
}
/* NOTE: color override on .spriteRightText to match adjacent ".showMoreOrLess" style */
.spriteRightText {
	margin-left:16px;
	color: #ec1c24;
}
/* /"backToInitTab" link device */

/* Icon classes for information and instructional text */
.worksIcon {
	float:right;
	display: block;
	width:16px;
	height:16px;
	position:relative;
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -192px -112px;
	overflow:hidden;
	margin-top:-5px;
}
.infoIcon {
	float:right;
	display: block;
	width:16px;
	height:16px;
	position:relative;
	background-image: url(custom-vga/images/ui-icons_0078ae_256x240.png);
	background-repeat: no-repeat;
	background-position: -16px -144px;
	overflow:hidden;
	margin-top:-3px;
}
.moreIcon {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	background-image: url("custom-vga/images/ui-icons_213f99_256x240.png");
	background-repeat: no-repeat;
	background-position: -48px -192px;
	overflow: hidden;
	margin-bottom: -3px;
}
/* E N D additional content and functionality */

/* P H O T O  N A V S */
#photoNavContain {
	min-width: 660px;
	max-width: 660px;
	height: 90px;
	margin:7px 0 20px 0;
    display:block;
	clear:both;
}
li.thumbBtn {
	width: 210px;
	height: 48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#213f99;
	display:block;
	border:solid 1px #fff;
	position:relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	margin: 0 5px 5px 0;
	float: left;
}
li.thumbBtn:hover, li.thumbBtn:active {
	border:solid 1px #213f99;
	}
li.thumbBtn img {
	width:34px;
	height:34px;
	border: 2px solid #dbe1e6;
	float:left;
	margin: 3px 0px 3px 3px;
}
ol.btnList {
	margin-top: 5px;
}
ol.btnList li a {
	display: block;
	text-decoration: none;
	border-top: #fff solid 2px;
	border-left: #fff solid 2px;
	border-right: #fff solid 2px;
	background-color:transparent;
}
ol.btnList li a:hover, ol.btnList li a:active {
	position:relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image:url("cssImages/11-thumbBtn-bgrd-6-x-27.png");
	background-repeat:repeat-x;
	color: #213f99;
}
ol.btnList li a span strong {
	display: block;
	padding: 3px 3px 3px 45px;
	font-weight: bold;
	font-size: 11px;
	color: #213f99;	
}
ol.btnList li a span em {
	display: block;
	padding: 1px 3px 3px 45px;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #afbada;	
}
ol.btnList li a:hover span em, ol.btnList li a:active span em  {
	display: block;
	padding: 1px 3px 3px 45px;
	font-weight: normal;
	font-style: normal;
	color: #213f99;	
}
ol.btnList li a:hover img, ol.btnList li a:active img {
	border: 2px solid #213f99;
}
/* E N D  P H O T O  N A V S */

/* B E G I N  custom form elements */
.LISSearches {
	display:block;
	width:82%;
	margin:10px auto 0 auto;
	border-bottom:1px dotted #afbada;
	padding-bottom:7px;
}
.LISSearches input.ui-button {
	display:inline-block;
	font-family:'Oswald', sans-serif;
	font-size:10px;
	padding: 0.3em 1em 0.405em 1em;
	letter-spacing:.1em;
	float:right;
	height:26px;
}
.LISSearches label.LISFormLabel {
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#213f99;
	margin-bottom:3px;	
}
.formInstructText {
    font-size:9px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	color:#213f99;
}
.moduleSearchField {
	margin: 0 7px 2px 0;
	height: 25px;
	width: 60px;
	max-height:21px;
	padding-left:6px;
	font-size:12px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border: 1px #a6c9e2 solid;
	font-family:'Oswald',sans-serif;
	letter-spacing:.1em;
	color:#999999;	
}
.moduleSearchField:focus {
	background-color: #fff;
	border-color: #448dae;
	color:#026890;
}
.moduleSearchField:hover {
	background-color:#79c9ec;
}
.widgetSegments {
	display:block;
	max-width:90%;
	margin:10px auto 3px auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#213f99;
	text-align:center;
/*	overflow:hidden;*/
}
.widgetSegments h1 {
	display:inline-block;
	padding-top:5px;
	margin-bottom:6px;
	font-family:Oswald, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0078ae;
	max-width:90px;
	line-height:1.3em;
	letter-spacing:.03em;
	text-align:center;
}
.widgetSegments h2 {
    margin-top:7px;
}
.widgetSegments h2 a:link, .widgetSegments h2 a:visited  {
	/* twitter branding color */
	color:#1da1f2;
	line-height:1.3em;
	letter-spacing:.03em;
	border-bottom: dotted #EC1C24 1px;
}
.widgetSegments h2 a:hover, .widgetSegments h2 a:active  {
	/* VGA red */	
	color:#ec1c24;
}
#currTruncates {
	border-bottom:1px dotted #afbada;
	margin:0 0 7px 0;
	/*padding-bottom:5px;*/
	text-align:left;
	width:100%;
}
#currTruncates p {
	margin-bottom: 5px;
	color:#003366;
}
#currTruncates a {
	border-bottom: dotted #EC1C24 1px;
}
.widgetSegments input.ui-button {
	display:inline-block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	padding: 0.3em 1em 0.3em 1em;
	letter-spacing:.1em;
	margin: 2px auto 2px auto;
}
.select { 
	width:200px;
}		
.wrap span.ui-selectmenu-item-header, .wrap ul.ui-selectmenu-menu li a { 
	text-decoration: underline !important; 
}
.ui-selectmenu-status {
	color:#fff;
}
.ui-selectmenu-menu li {
	font-size:11px;
}
.ui-selectmenu-menu li a,.ui-selectmenu-status {
	padding: .405em 1.1em .405em 1em;
}
/* E N D custom form elements */

/* JQUERY UI  T H E M E  T A B  O V E R I D E S */
#mainContentTabs .ui-widget-content {
	display: block; 
	border-width: 1px; 
	padding: 1em .75em 8px; 
	background: #fff;
	/*min-height:248px;*/
	min-height:257px;
	/*max-height:777px;*/
}
#mainContentTabs.ui-tabs {
	padding:0;
	border-width:0;
}
#mainContentTabs.ui-tabs .ui-tabs-nav {
	margin-top: 7px; 
	/*padding: .2em .2em 0;*/
	border-width:0;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	padding:0;
	background:#fff;
}
#mainContentTabs .ui-tabs .ui-tabs-nav li {
	min-height:21px;
	max-height:21px;
	display: block;
}
#mainContentTabs.ui-tabs .ui-tabs-nav li a { 
	min-height:21px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding: .4em 1em 0 1em;
	text-decoration: none;
	display: block;
	font-weight:500;
}
/* E N D  JQUERY UI  T H E M E  T A B  O V E R I D E S */

/* E N D  M A I N  C O N T E N T  P A N E  A N D  T A B S */

/* B E G I N  F A Q  M O D U L E  A N D  C O N T E N T */
#faqModule{
	float:left;
	width:320px;
	height:320px;
	border:none;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #fff;
}
#faqHeader {
	height:25px;
	width:284px;
	background-color:#fff;
	float:left;
	margin:14px 20px 0 11px;
	border:1px solid #a6c9e2;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
#staticHeaderText {
	display:inline-block;
	margin:4px auto 0 70px;
	color:#213f99;
	font-family:Oswald, sans-serif;
	font-size:16px;
	text-align:center;
}
#scroll-pane {
	float:left;
	overflow: auto; 
	width: 284px; 
	height:267px;
	position:relative;
	border:1px solid #a6c9e2;
	margin:0 0 10px 11px;
	display:inline;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
#scroll-pane a {
	border-bottom: dotted #EC1C24 1px;
}
#scroll-content {
	position:absolute;
	top:0;
	left:0;
	width:284px;
}
.scroll-content-item {
	background-color:#fcfcfc;
	color:#003366;
	width:270px;
	display:block;
	font-size:12px;
	min-height:64px;
	border:none;
	padding: 7px 10px 7px 7px;
	line-height: 15px;
}
.alternate-scroll-content-item {
	background-color:#ececec;
	color:#003366;
	width:270px;
	display:block;
	font-size:12px;
	min-height:64px;
	border:none;
	padding: 7px 10px 7px 7px;
	line-height: 15px;
}
.scroll-content-item:hover, .alternate-scroll-content-item:hover {
	/* previous VGA .scroll-content-item:hover style coloring */
	/*background-color:#79c9ec;
	color:#fff;*/
	background-color:#a6c9e2;
	width:270px;
	display:block;
	font-size:12px;
	min-height:64px;
	border:none;
	padding: 7px 10px 7px 7px;
	line-height: 15px;
}
/* styles Q&As with a starting span block for "Q:" and "A:" text */
.colorInit {
	color:#EC1C24;
	border: 1px solid #dbe1e6;
	font-weight:600;
	background-color:#fff;
	display:inline-block;
	width:16px;
	height:16px;
	padding:2px 0 0 3px;
	margin-right:1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    -moz-box-shadow: 0 0 3px #dbe1e6;
    -webkit-box-shadow: 0 0 3px #dbe1e6;
    box-shadow:0 0 3px #dbe1e6;
}
/* /Q&A styling */
#slider-wrap {
	float:left;
	margin:-27px 0 0 0;
	background:url(cssImages/vgaRelContentModBgrd.png) no-repeat;
	width:20px;
	height:294px;
	border:1px solid #a6c9e2;
	border-left:none;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
.ui-slider .ui-slider-handle {
	position:absolute;
	z-index:2;
	width:16px;
	height:46px;
	left:-4px;
	display:block;
	position:absolute;
	cursor:pointer;
}
.ui-slider-vertical {
    height:190px;
    margin: 54px auto 0 auto;
    width:10px;
}
#anchors {
	float:left;
	height:100px;
	position:relative;
}
#arrow_up{
	width:16px;
	height:16px;
	overflow:hidden;
	position:absolute;
	bottom:65px; 
	left:-21px;
	background-image:url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-position: 0 0;
	cursor:pointer;
}
#arrow_down{
	width:16px;
	height:16px;
	overflow:hidden;
	position:absolute;
	bottom:-208px; 
	left:-21px;
	background-image:url(custom-vga/images/ui-icons_213f99_256x240.png);
	background-position: -64px 0;
	cursor:pointer;
}
/* /F A Q  M O D U L E  A N D  C O N T E N T */

/* B E G I N  L I S  M O D U L E  A N D  C O N T E N T */
#lisModule {
	float:left;
	/*width:304px;
	height:320px;*/
    width:271px;
	/*height:256px;*/
	border:none;
	/*background-image:url("cssImages/10LisHolder.png");*/
	background-color:#fff;
	background-repeat:no-repeat;
	font-size:10px;
}
#lisWidget {
	/*width:272px;*/
	/*height:294px;*/
	height:242px;	
	/*margin:14px 15px 9px 15px;*/
	margin:14px 10px 0 0;
	display:block;
	border:1px solid #a6c9e2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.customModuleHeader {
	width:100%;
	height:44px;
	box-shadow:0 3px 3px rgba(166, 201, 226, .75);
	text-align:center;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	background-image:url(cssImages/2012-VGA-customModule-Header.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
}
/* internal block divs within scrollable module */
.customModuleSubBlock {
    margin:.33em auto .66em auto; 
	width:100%;
}
.customModuleSubBlock a {
    cursor:pointer;
}
.customModuleTitle {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-top:6px;
	margin-bottom:5px;
	color:#fff;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	letter-spacing:.04em;
}
.customModuleTitle a:link, .customModuleTitle a:visited {
    color:#fff;
	text-decoration:underline;
}
.customModuleTitle a:hover, .customModuleTitle a:active {
    color: #ec1c24;
	text-decoration: underline;
}
/* white subtitles */
.customModuleSubTitle {
	/* font-family:'Oswald', sans-serif; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	font-weight:bold;
}
/* VGA blue in-context subtitles */
/* also serves as a div */
.customModuleSubTitleIC {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:.76em auto .33em auto; 
    color:#213f99; 
    text-align:center; 
    line-height:1.33em; 
    width:85%;
	font-weight:bold;	
}
/* gives spacing to <li>s */
.customModuleSubTitleIC li {
	line-height:1.76em;
}
/* allows for last <li> in order to not style these statically */
.customModuleSubTitleIC li:last-child {
	margin-bottom:1.76em;
}
/* monthly anchor table for designated dates presentation */
.desDates td {
	text-align: center;
	padding: 3px;
	font-family: "Oswald", sans-serif;
	font-size: 14px;
}
#scroll-pane .desDates a {
	display:block;
	text-decoration:none;
	border-bottom: none;
	/*width:100%;*/
}
.desDates td:hover {
	cursor:pointer;
	background:#a6c9e2;
}
.desDates tr:nth-child(odd) {
	background-color: #ccc;
}
/* /monthly anchor table */
.FAQHelpText {
    float:right;
	display:inline-block;
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
.LISHelpText {
	display:inline-block;
	margin:0 auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
.LIABHelpText {
	display:block;
	margin:5px auto 0px auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#EC1C24;
}
/* E N D  L I S  M O D U L E  A N D  C O N T E N T */

/* B E G I N  S O C M E D  M O D U L E  A N D  C O N T E N T */
#socMediaModule {
	float:left;
	/*width:271px;
	height:256px;*/
	width:304px;
	height:320px;
	border:none;
	background-color:#fff;
	background-repeat:no-repeat;	
}
#currEventsWidget {
	width:auto;
	height:294px;
	/*margin:14px 10px 0 0;*/
	margin:14px 15px 9px 15px;
	display:block;
	border:1px solid #a6c9e2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
#senate-twitter {
	background:url(cssImages/twitter-senate-icon.png) no-repeat top center;
	padding-top:29px;
	display:inline-block;
	position:relative;
	float:right;
	font-size:11px;
	text-align:center;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
#senate-twitter span {
	position:absolute;
	display:inline-block;
	top:0; right:0; bottom:0; left:0;
	background:transparent url(cssImages/test-twitter-house-icon-hover.png) no-repeat top center;
	background-color:transparent;
}
#socMedTwitter {
	background:url("cssImages/VGA-X-logo-black.png");
	background-repeat: no-repeat;
  /*padding-top:29px;*/
	/*display:inline-block;*/
	width:38px;
  height:29px;
	float:left;
	/*font-size:11px;*/
	text-align:center;
	text-decoration: none;
  background-position-y: top;
  background-position-x: center;
  background-size: contain;
}
/* /S O C M E D  M O D U L E  A N D  C O N T E N T */

/* B E G I N  F O O T E R  M O D U L E  A N D  C O N T E N T */
#footer {
	float:left;
	width:261px;
	height:64px;
	background-color:none;
	border:none;
}
#footerContainer {
	width:234px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	line-height:13px;
}
#footerContainer a:link,#footerContainer a:visited {
	text-decoration:none;
	color:#213f99;
	background-color:transparent
}
#footerContainer a:hover,#footerContainer a:active {
	text-decoration:none;
	color:#EC1C24;
	background-color:transparent
}
/* E N D  F O O T E R  M O D U L E  A N D  C O N T E N T */

/* E N D  M O D U L E S */

/* JQUERY UI  T H E M E  D I A L O G   O V E R I D E S */
.dialog-modal.ui-widget-content p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:120%;
}
.dialog-modal.ui-widget-content {
	background-image:url("cssImages/10_vga_brand_300px_x_161px.jpg");
	background-repeat:no-repeat;
	background-position: 50% 50%;
	padding-bottom:3px;
}
.dialog-modal-large.ui-widget-content p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:120%;
}
.dialog-modal-large.ui-widget-content table tr td  {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:120%;
	border:#a6c9e2 1px solid;
	padding:1.1em;
	background:#fff;
}
.ui-dialog {
	padding-right:0;
	padding-left:0;
	padding-bottom:15px;
}
.ui-dialog .ui-resizable-se {
	bottom:-3px;
}
div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;	
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.ui-dialog .ui-dialog-content {
    padding-bottom:5px;
}
/* E N D   D I A L O G   O V E R I D E S */

/* B E G I N  H O V E R C A R D  O V E R I D E S */
.hc-details.hc-details-open-left {
	border-color:#a6c9e2;
	box-shadow: 1px 1px 6px 3px #79c9ec;
	-moz-box-shadow: 1px 1px 6px 3px #79c9ec;
	-webkit-box-shadow: 1px 1px 6px 3px #79c9ec;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.hc-details-open-left a:link, .hc-details-open-left a:visited {
	color:#213f99;
	border-bottom: 1px dotted #ec1c24;
} 
.hc-details-open-left a:hover, .hc-details-open-left a:active {
	color:#EC1C24;
	border-bottom: 1px dotted #ec1c24;
}
.hc-details-open-left p { 
	color:#213f99;
	text-align:left; 
}
#GSAButtonBox .hc-preview {
	display:inline-block;
}
#lisWidget .hc-preview {
	display:inline-block;
}
#faqModule .hc-preview {
    display:inline-block;
}
/* E N D  H O V E R C A R D  O V E R I D E S */

/* G O O G L E  W E B  F O N T S */
.oswaldBody{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}
.navAccordionHeader{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: normal;
    /* changed from display:block to allow new <a> integration to position correctly */
    /* see "#navAccordion .ui-accordion-header a rules above for actual element location */	
	display: inline;
	height: 17px;
	width: 100%;
	padding-top: 10px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
/* E N D  G O O G L E  W E B  F O N T S */

/* -- P H O T O  B O X  C L A S S E S */
/* used for in-context photo placement for articles in center pane "#mainContentTabs", etc. */
.photoBox-left{
 float: left;
 margin: 0px 9px 12px 0px;
 text-align: center;
}
.photoBox-center{
 margin:0 auto 12px auto;
 text-align: center;
 clear:both;
}
.photoBox-right{
 float: right;
 margin: 0 0 12px 8px;
 text-align: center;
/* clear:right;*/
 display: block;
}
.teaserPhotoBox{
 float: right;
 display: block;
 margin: 0px 0px 2px 5px;
 width: 128px;
 text-align: center;
}
.hiddenStory img{
  border: 1px solid #dbe1e6;
  padding: 3px;
  line-height: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #dbe1e6;
  -webkit-box-shadow: 0 0 5px #dbe1e6;
  box-shadow:0 0 5px #dbe1e6;    
}
.teaserImage {
  margin: 0 auto 0 auto;
  border: 1px solid #dbe1e6;
  padding: 3px;
  line-height: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #dbe1e6;
  -webkit-box-shadow: 0 0 5px #dbe1e6;
  box-shadow:0 0 5px #dbe1e6;
}
.photoCaption {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: italic; 
 text-align: center;
 margin: 3px auto 0 auto;
 color: #000;
 max-width:200px; 
}
.capCurrentImage {
  margin: 0px;
  border: 1px solid #dbe1e6;
  padding: 3px;
  line-height: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;  
  -moz-box-shadow: 0 0 5px #dbe1e6;
  -webkit-box-shadow: 0 0 5px #dbe1e6;
  box-shadow:0 0 5px #dbe1e6;  
}
/* P H O T O  B O X  C L A S S E S */

/* J C A R O U S E L  C L A S S E S (tango skinning) */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    /*border: 1px solid #afbada;*/
}
/*.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
*/
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: auto;
    height: 80px;
    padding: 7px 5px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100%;
    height: 60px;	
}
.jcarousel-skin-tango .jcarousel-item {
    width: 90%;
    height: 55px;
	line-height: 1.3em;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
ul#capCurrentCarousel li a.toCurrents {
	display:block;
	float:right;
	clear:both;
	margin-top:7px;
	font-weight:bold;
	font-size:11px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
	left: 215px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #fff url("custom-vga/images/ui-icons_213f99_256x240.png") no-repeat -128px -192px;
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background: #fff url("custom-vga/images/ui-icons_0078ae_256x240.png") no-repeat -128px -192px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: -128px -192px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 215px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #fff url("custom-vga/images/ui-icons_213f99_256x240.png") no-repeat -160px -192px;
	overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background: #fff url("custom-vga/images/ui-icons_0078ae_256x240.png") no-repeat -160px -192px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: -160px -192px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background: #fff url("custom-vga/images/ui-icons_213f99_256x240.png") no-repeat -80px -112px;
}
/* /J C A R O U S E L  C L A S S E S */

/* L I V E  H E L P */
#hcIcon {
	display: block;
	float: right;
	margin: 0 0 16px 16px;
	width: 160px;
	height: 146px;
	border: none;
}
/* /L I V E  H E L P */

/* C L E A R F I X  F O R  ".hiddenStory" D I V */
.centContClear:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* /".hiddenStory" C L E A R F I X */

/* center content table styling */
#mainContent table tr td  {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:120%;
	border:#a6c9e2 1px solid;
	padding:1.1em;
	background:#fff;
}
/* /center content table styling */
/* GAB move events content within "#currTruncates" */
/* these overide the defaults above, so moving them out of order would be bad */
#currTruncates h3 {
    margin:9px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:120%;
}
#currTruncates .photoBox-left{
 float: left;
 margin: 0px 10px 8px 0px;
 text-align: center;
}
#currTruncates .photoBox-center{
 margin:0px auto 12px auto;
 text-align: center;
 clear:both;
}
#currTruncates .photoBox-right{
 float: right;
 margin: 0px 0px 8px 8px;
 text-align: center;
}
#currTruncates img {
  border: 1px solid #dbe1e6;
  padding: 3px;
  line-height: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px #dbe1e6;
  -webkit-box-shadow: 0 0 5px #dbe1e6;
  box-shadow:0 0 5px #dbe1e6;
  max-height: 156px;
  max-width: 146px;	
}
/* allows for centered photos to be presented at full height with */
/* two lines of captions */
/* the captions are VGA defaults at max-width: 200px; */
#currTruncates .photoBox-center img {
  max-height: 136px;
  max-width: 256px;
}
/* /move events content within "#currTruncates" */
/* links for areas that are printable with icons */
.printSecondStepBlock {
	position: relative;
	width: 40px;
	height: 12px;
	display: block;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1px 15px 5px 0;
	border-bottom: dotted #EC1C24 1px;
}
/* /links for printables */

/* Member Staff Page */
#member_staff_table .la {
	width: 110px;
}

#member_staff_table .aa {
	width: 125px;
}

/* basic lists for CMS content */
#mainContentTabs ul.basicList {
	list-style: none;
  line-height: 1.33rem;
}
#mainContentTabs .basicList li {
	margin: 1.13rem 0 !important;
}
/* By default there is a rule that takes out underlines for links.
   Keeping this for when consistency is needed. Prior design issue
*/
.basicList a {
  text-decoration: underline;
}