@charset "UTF-8";
/* CSS Document */


/*------------------------------ custum formating -------------------------------*/
/*---   This sets the background colors (add the class where the column class is defined   ----*/
.dark-color {
background-color: #464646;
}
/*---------- Sets the font colors to white when the background color is dark (delete if all the colors are to light for reversed text ------- */ 
.dark-color h1, .dark-color h2, .dark-color h3, .dark-color p, .dark-color a:link, .dark-color a:visited, .dark-color li {
color: #ffffff !important;
}

.dark-fade {
background-image: url(/va/common/images/fade.jpg);
background-repeat: repeat-x;
}

.med-color {
background-color: #2e2c4d;
}
.light-color {
	background-color: #FFFFFF;
}
a.pageheading { color: #666666;}
/*-------------------------------- Heading Colors ---------------*/
#content-container h1,h2,h3,h4,h5,h6 { 
color: #999999;
}

/*------------------------------- Link Colors ---------------*/
#content-container a:link, a:visited {
color: #666666;
}
/*------------ sets the path to the list arrow change in common/images/ ---------*/
#content-container ul li{
list-style-image:url(images/listarrow.gif) !important; 
*list-style-image:url(images/listarrow-ie.gif) !important;
}
/*------------------------------- Template color Formating -----------------------------------*



/*-------------- Top Nav Coloring ----------------- */
#nav-container  a:link, #nav-container  a:visited  {
	color: #ffffff !important;
}

#nav-container  a:hover {
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
}

#nav-container {
	background-color: #464646;
}


/*----------------------------------- Left Navigation colloring -----------------------------------*/
#left-nav-container a:link, #left-nav-container a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 8px;
	color: #037EFC;
}

#left-nav-container a:link {
color: #333333;
}

#left-nav-container a:visited {
color: #333333;
}

#left-nav-container h2 a:link, #left-nav-container h2 a:visited{
	padding-left: 14px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h3 a:link, #left-nav-container h3 a:visited{
	padding-left: 22px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h4 a:link, #left-nav-container h4 a:visited{
	padding-left: 30px;
}

#left-nav-container a:hover{
	background-color: #464646;
	color: #ffffff;
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}


/*set background color of left nav */
#left-nav-container{
	background-color: #ABABAB !important;
}
/* sets the background image which contains the color for the navigation so it the color remains for the full height of the page.*/
#inner-container {
background-image:url(/wpg/common_css/images/nav-color.gif);
background-repeat: repeat-y !important;
}
/*------------------------------ footer Nav Coloring ----------------------------------------- */
#footer-container  a:link, #footer-container  a:visited  {
	color: #ffffff !important;
}

#footer-container  a:hover {
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
}
#footer-container .footer-social-icons a:hover {
	background-color: #464646;
	}
/*set background color of footer */
#footer-container {
	background-color: #464646;
}

/*--- add for non linked text in leftnav */
h3.nav-nolink {
color: #ffffff !important;
padding-left: 22px !important;
padding-top: 8px;
}

h2.nav-nolink {
color: #ffffff !important;
padding-left: 14px !important;
padding-top: 8px;
}
.m24 {
	border-top: 2px solid #ececec;
	margin-bottom: 20px;
}
/*------------------ Old table custom styles ---------------*/
.caption {
 font-size: .6em;
 float: left;
 margin: 2px 10px 10px 0;
}

.current_tab {
font-size: 120%;
}

.reeltime-td {
padding: 4px 0px 10px 20px;
vertical-align: top;
}
.reeltime-tdimg {
padding: 10px 10px 20px 0px;
vertical-align: top;
}
.nomargin {
margin-top: 0px !important;
}
.headingz {
	border: 2px solid #ececec;
	margin: 24px 0px 12px;
	padding: 0px 4px;
	clear: both;
}
.headingz h2, .headingz p {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.left-col2 {
width: 330px;
}

div.headingz {clear: both; margin: 20px 20px 10px 20px; padding: 10px 0px 10px 0px;}

div.headingz h2 a {
	color: #666666 !important;
	text-decoration: none !important;
	
}
#content-container div.headingz h2 {
	padding-top: 0px !important;
}
div.headingz h2 a:visited {
	color: #999999 !important;
	text-decoration: none !important;
}

div.headingz h2 a:hover {
	color: #000000 !important;
	border-bottom: 1px #000000 solid !important;
	padding-bottom: 1px !important;
}
p.small-type {
font-size: 10px !important;
}
.img-left {
	float: left;
	margin: 4px 20px 10px 0px;
	}
.credits {
	font-size: 11px !important;
	text-align: center;
	line-height: 15px !important;
}
.credits-left {
	font-size: 11px !important;
	line-height: 15px !important;
	text-align: left;
}
.exhibits {
	border: 1px #cccccc solid; padding: 0px 0px 10px 0px; margin: 20px 28px 0px 28px;	
}

/*--------- mail chimp newsletter -------------*/
#mc_embed_signup {
	padding: 20px 80px 50px 90px;	
}
#left-nav-container #mc_embed_signup,  .mc-field-group  {
	text-align: left !important;
}
/*.input-group label {
	text-align: left !important;
	font-size: 15px !important;	
	text-transform: uppercase;
	color: #57c54e;
}*/

#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin: 0px 0px 5px 0px; font-size: 11px;}
#mc_embed_signup .mc-field-group select+select  {margin: 0px 0px 15px 0px;}
#mc_embed_signup {font-size: 14px; color: #7b7b7b;}
#mc_embed_signup input  {border-collapse:collapse; border: 2px solid #cccccc; width: 440px;}
#left-nav-container #mc_embed_signup .check-container ul, #content-container #mc_embed_signup .check-container  ul 
{margin: 20px 0px 0px 0px; padding: 0px 20px 0px 0px; list-style:none !important;}

#left-nav-container #inline1 #mc_embed_signup .check-container ul li, #content-container #mc_embed_signup ul li 
{display:block; padding:3px 0; margin:10px 0px 10px 0px !important; list-style:none !important; font-size: 12px;	
	 color: #696969;}
#mc_embed_signup .input-group label {display:inline; color: #333333; font-size: 15px;}
#mc_embed_signup .input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup .button-sub {clear:both; background-color: #666666; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-size:23px; font-weight: bold;  line-height: 32px; margin: 0; padding: 12px 20px 12px 20px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; 
    box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.22);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=235, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=235, Color='666666');
	border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

}
 
#mc_embed_signup .button-sub:hover {background-color:#000;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#content-container #mc_embed_signup p {
	margin: 0px;
 	width: 420px;
}
select.dropdowns {
	width: 180px !important;	
}
input#mce-EMAIL, input#mce-FNAME {
	margin-top: 20px;
	width: 300px !important;
	font-size: 16px;	
	color: #333;
}
input#mce-FNAME {
	margin-bottom: 20px;	
}
.required-indicator {
	font-size: 11px;
	color: #666;	
}
.submitbox {
	padding: 0px;	
}
.error {
	font-size: 16px !important; color: #ff0000 !important;
}
#mc_embed_signup .input-group label.check1 {color: #fd25ca;}
/* hides check box for selecting the maillist */
.email-sections {display: none;}

.vevent {border: none !important;}

h1 em, h1 i, 
h2 em, h2 i, 
h3 em, h3 i, 
h4 em, h4 i {font-weight: bold;}