/*  TemplateName=CustomStyle.tpt */

/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */

/*
	These are the styles peculiar to this site. Any styles
	specified in this file will override the baseline
	styles for the Convio product. The styles	must be in
	this file so that they will be available in th
	Internet Exporer WYSIWYG HTML editor as well as in the
	Page Wrapper.

	Convio does not maintain this file once it has been
	delivered to the client.
*/

/* this starts the styles for the blueprint wrapper */

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Verdana;
	font-size:12px;
	color:#000000;
}


body {  
	font-family: Lucida Grande, Arial, Verdana;
	color: #000000;
}


hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}


a.topNav:link,
a.topNav:active,
a.topNav:visited {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Lucida Grande, Arial, Verdana;
}

a.topNav:hover {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Lucida Grande, Arial, Verdana;
}


a, a:link, a:visited {
	text-decoration : underline;
	font-family: Lucida Grande, Arial, Verdana;
	font-size:12px;
}

a:hover, a:active {
	text-decoration : underline;
	font-family: Lucida Grande, Arial, Verdana;
	font-size:12px;
}
.SectionHead {
	font-family: Lucida Grande, Arial, Verdana;
}

p.cstmTitle {
	font-size: 14pt;
	font-family: Lucida Grande, Arial, Verdana;
}

.ObjTitle {
	color: #039;
	font-size: 12pt;
	font-family: Lucida Grande, Arial, Verdana;
}

div.appArea { 
        margin-left: 20px;
}

.ProgressBox {
	font-family: Lucida Grande, Arial, Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.ProgressBoxCurrent {
	font-family: Lucida Grande, Arial, Verdana;
	font-size: 8pt;
	font-weight: bold;
}

table.ProgressBox {
	padding-right : 4px;
	padding-left : 4px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:visited {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:hover {
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}

.Instructions {
	color: white;
	background-color : #069;
	background-image: URL(../images/sp.gif);
	font-family: Lucida Grande, Arial, Verdana;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}


a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: white;
	font-family: Lucida Grande, Arial, Verdana;
	font-size: 9pt;
}

.FormBox {
	font-family: Lucida Grande, Arial, Verdana;
	font-size: 8pt;
	background-color: white;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: white;
}

.FormBoxNoWidth .Divider {
	background-color: white;
}

.FormBox .dividerHeading {
	background-color: white;
}

.FormBoxNoWidth .dividerHeading {
	background-color: white;
}

/* this ends the styles for the blueprint wrapper */



body {
	margin:0;
	padding:0;
	font: 0.7em Lucida Grande, Arial, Verdana;
	color: #535353;
	background: url(../images/content/pagebuilder/10447.jpg) no-repeat center top;
} 
body#tell {
	margin:0;
	padding:0;
	font: 0.7em Lucida Grande, Arial, Verdana;
	color: #535353;
	background: #E4EAEF url(none) no-repeat center top;
}  
#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/content/pagebuilder/10443.gif) repeat-y;
	padding-bottom: 15px;
}
p, ul, ol, li, form, h1, h2, h3, h4, h5, h6, dt, dl, dd/*, td, th*/ {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size:12px;
}


ul {
	list-style: none;
}
ol {
	margin: 0px 0px 0px 17px;
	padding: 0px;
}
ol li {
	padding-bottom: 3px;
}
p {
	margin-bottom: 10px;
}
.required {
	font-weight: bold;
	color: #c1495d;
}
#trtable, #tdtable {
	margin-bottom: 15px;
}
#trtable .odd {
	background: #F9E7B9;
}
#trtable .even {
	background: #FBF3DC;
}
#trtable td {
	padding: 3px;
	border-bottom: 1px solid #FFFFFF;
}
#trtable td {
	padding: 3px;
	border-bottom: 1px solid #FFFFFF;
}

#tdtable .odd {
	background: #F9E7B9;
	padding: 8px;
}
#tdtable .even {
	background: #FBF3DC;
	padding: 8px;
}
.link {
	background: #F3D072;
	text-align: right;
	padding: 8px;
	border-top: 1px solid #FFFFFF;
}
p.arrow-right, p.arrow-left {
	margin: 0px;
	padding: 0px;
}
#middle .copy table/*, #bottom table*/ {
	width: 99%;
}
.divider table {
	margin-bottom: 20px;
}
#list table {
	margin: 0px;
	padding: 0px;
}




/*********************/
/* LEFT STYLES */
/*********************/

#left{
	width:200px; 
	float:left; 
}
.logo {
	padding: 14px 0px 14px 15px;
}
#left .left {
	margin-right: 35px;
	margin-left: 10px;
	border-bottom: 1px solid #EDC760;
	margin-top: 15px;
}
#left .component {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #EDC760;
}
#left .left li {
	padding-bottom: 10px;
	padding-left: 13px;
}




/*********************/
/* RIGHT STYLES */
/*********************/

#right {
	width:202px; 
	/*float:right; */
}
#right .right {
	margin-right: 10px;
	margin-left: 25px;
	border-bottom: 1px solid #97A9BC;
	margin-top: 15px;
}
#right .right li {
	padding-bottom: 10px;
	padding-left: 13px;
}
#right .component {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #97A9BC;
}
.utilnav, .search, .enews, .print {
	margin-bottom: 10px;
	margin-right: 8px;
	margin-left: 20px;
}
.utilnav {
	text-align: right;
	font-size:10px;
	padding-top: 8px;
}
.utilnav a:link {
	font-size:10px;
}
.search {
	background: url(https://img.getactivehub.com/gv2/custom_images/thewhitehouseproject/searchwhp.gif) no-repeat;
	padding-top: 12px;
}
.enews {
	background: url(https://img.getactivehub.com/gv2/custom_images/thewhitehouseproject/signupforenews.gif) no-repeat;
	padding-top: 12px;
}
.search strong, .enews strong {
	display: none;
}
.textfield {
	width: 145px;
	border: 1px solid #A7ACB0;
	margin-right: 5px;
	font-size: 11px;
	color: #666666;
	height: 14px;
}
.textarea {
	border: 1px solid #A7ACB0;
	width: 300px;
	font: 12px Lucida Grande, Arial, Verdana;
	margin: 0px;
	padding: 0px;
}
#right .print li {
	padding-bottom: 10px;
}
#right .join {
	border-top: 1px solid #BDCAD5;
	border-bottom: 1px solid #BDCAD5;
	padding-bottom: 15px;
}
#right .join div {
	border-bottom: 1px solid #B3BCC8;
	padding: 10px 0px;
	margin-right: 12px;
	margin-left: 12px;
}
#right .join li {
	padding-bottom: 5px;
	padding-left: 13px;
	font-weight: bold;
}




/*********************/
/* MIDDLE STYLES */
/*********************/

/* Month Grid Styles */
#cal_event_calendar TABLE.month {
width: 600px;
}

#twocols {
	width:760px; 
	float:right; 
} 
#middle {
	float: left;
	display:inline;
	width:556px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#flash {
	margin-bottom: 20px;
}
#tag {
	background: #EEBC35;
	margin-bottom: 20px;
}
#full #tag {
	margin: 0px;
	padding: 0px;
}
#tag p {
	background: url(../images/content/pagebuilder/10510.gif) no-repeat right;
	height: 23px;
	margin: 0px;
	padding: 0px;
	width: 208px;
}
#tag strong {
	display: none;
}
#middle .copy {
	margin-left: 30px;
	margin-right: 30px;
}
#middle ul, #bottom ul {
	margin-bottom: 10px;
}
#middle .copy ul li, #bottom ul li {
	padding-bottom: 5px;
	padding-left: 10px;
}
#middle .copy h1, #bottom h1 {
	color: #2c4e76;
	background: url(../images/content/pagebuilder/10444.gif) repeat-x left bottom;
	padding-bottom: 3px;
	font: 215% Georgia, Times New Roman, Times, serif;
	margin: 0px;
}
#middle .copy h4, #bottom h4 {
	font-size: 130%;
	color: #233C62;
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight: bold;
}
#middle .copy h5, #bottom h5 {
	font-size: 115%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
#middle .copy h6, #bottom h6 {
	font-size: 100%;
	color: #2c4e76;
	padding-bottom: 5px;
	font-style: italic;
}
#middle .copy .component {
	margin: 0px 0px 20px;
	padding: 0px;
}
#middle .copy .divider {
}
#middle .copy #copyleft {
	padding-right: 25px;
	width: 220px;
	padding-bottom: 10px;
}
#middle .copy #copyright {
	padding-left: 20px;
	padding-bottom: 10px;
}
#middle .copy .thirdlvlnav-margin, #bottom .thirdlvlnav-margin {
	margin: 0px 0px 15px;
}
#middle .copy .thirdlvlnav, #bottom .thirdlvlnav {
	background: #57637D;
	margin: 5px 0px 0px;
	padding: 5px 0px;
}
.thirdlvlnav td {
	font: 0.7em Lucida Grande, Arial, Verdana;
}
#middle .copy .thirdlvlnav ul, #bottom .thirdlvlnav ul {
	margin: 0px;
	padding: 0px;
}
#middle .copy .thirdlvlnav li, #bottom .thirdlvlnav li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#middle .copy .thirdlvlnav p, #bottom .thirdlvlnav p {
	margin: 0px;
	padding: 0px;
}
#middle .copy #list, #bottom #list {
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #B9C8D4;
}





/*********************/
/* FOOTER STYLES */
/*********************/

#footer {
	background: url(../images/content/pagebuilder/10444.gif) repeat-x;
	margin-top: 15px;
	padding-top: 10px;
	font-size: 90%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}




/*********************/
/* FULL WIDTH STYLES */
/*********************/

#full #container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/content/pagebuilder/10442.gif) repeat-y;
	padding-bottom: 15px;
} 
#full #right {
	float: right;
	width: 759px;
	border-left: 1px solid #FFFFFF;
	*border-left: 0px solid #FFFFFF;
}
#full #right #top {
	background: url(../images/content/pagebuilder/10443.gif) repeat-y right;
	height: 137px;
	margin: 0px;
	padding: 0px;
} 
#full #right .left {
	float: left;
	border-right: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#full #right .right {
	margin: 0px;
	padding: 0px;
	float: right;
	border-style: none;
}
#full #right #bottom {
	margin-right: 35px;
	margin-left: 30px;
	clear: both;
	margin-top: 35px;
}
#full #bottom ul, #full #bottom li {
	list-style: none;
}
#full dl {
	padding-bottom: 10px;
	border-bottom: 1px solid #A7ACB0;
	padding-top: 10px;
}
#full .pagination {
	padding-top: 10px;
}
#full ul#quotes li {
	font: italic 125% Georgia, Times New Roman, Times, serif;
	color: #354459;
	padding-bottom: 25px;
}
#tell tr.iam td {
	padding-bottom: 15px;
}
#tell th {
	color: #435266;
	font-size: 105%;
}
#tell .textfield, #tell .textarea {
	font-size: 11px;
	color: #666666;
}
.sitemaptitle {
	font-size: 125%;
	font-weight: bold;
}
ul.sitemap2 {
	margin-left: 15px;
	margin-bottom: 15px;
}

/*********************/
/* CLEARING STYLES */
/*********************/

.clearfix {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#nav {
	background: url(../images/content/pagebuilder/10446.gif) no-repeat;
	padding: 12px 0px 0px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
}
/*********************/
/* NAV MENU */
/*********************/

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
	
#nav li { /* all list items */
	position : relative;
	line-height : 22px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 156px;
}
#nav li ul.off { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 200px;
	margin-top : -31px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#nav li a {
	width: 200px;
	w\idth : 200px;
	display : block;
	color:#FFFFFF;
	text-decoration : none;
	margin-top: 1px;
	height: 31px;
}
	

#nav a strong {
	visibility: hidden;
}
#nav ul li {
	background: url(../images/content/pagebuilder/10445.gif) repeat-y;
}






/*********************/
/* MAIN NAV STYLES */
/*********************/

#nav .voterunlead a {
	background: url(../images/content/pagebuilder/11883.gif) no-repeat;
}

#nav .enterprising a {
	background: url(../images/content/pagebuilder/10458.gif) no-repeat;
}

#nav .calendar a {
	background: url(../images/content/pagebuilder/11884.gif) no-repeat;
}

#nav .epic a {
	background: url(../images/content/pagebuilder/11829.gif) no-repeat;
}

#nav .culture a {
	background: url(../images/content/pagebuilder/10452.gif) no-repeat;
}

#nav .training a {
	background: url(../images/content/pagebuilder/10519.gif) no-repeat;
}

#nav .political a {
	background: url(../images/content/pagebuilder/political.gif) no-repeat;
}

#nav .corporate a {
	background: url(../images/content/pagebuilder/corporate.gif) no-repeat;
}

#nav .join a {
	background: url(../images/content/pagebuilder/10475.gif) no-repeat;
}

#nav .marie a {
	background: url(../images/content/pagebuilder/11705.gif) no-repeat;
}

#nav .ourleadership a {
	background: url(../images/content/pagebuilder/ourleadership.gif) no-repeat;
}

#nav .newsroom a {
	background: url(../images/content/pagebuilder/10493.gif) no-repeat;
}

#nav .about a {
	background: url(../images/content/pagebuilder/10434.gif) no-repeat;
}



#nav .political a:hover, #nav .corporate a:hover, #nav .about a:hover, #nav .newsroom a:hover, #nav .join a:hover, #nav .training a:hover, #nav .culture a:hover, #nav .marie a:hover, #nav .ourleadership a:hover, #nav .epic a:hover, #nav .enterprising a:hover, #nav .voterunlead a:hover, #nav .calendar a:hover {
	background-position: 0 -31px;
}

#nav .political a.on, #nav .political a.on:hover, #nav corporate a.on, #nav .corporate a.on:hover, #nav .about a.on, #nav .about a.on:hover, #nav .newsroom a.on, #nav .newsroom a.on:hover, #nav .join a.on, #nav .join a.on:hover, #nav .training a.on, #nav .training a.on:hover, #nav .culture a.on, #nav .culture a.on:hover, #nav .marie a.on, #nav .marie a.on:hover, #nav .ourleadership a.on, #nav .ourleadership a.on:hover, #nav .epic a.on, #nav .epic a.on:hover, #nav .enterprising a.on, #nav .enterprising a.on:hover, #nav .voterunlead a.on, #nav .voterunlead a.on:hover, #nav .calendar a.on, #nav .calendar a.on:hover {
	background-position: 0 -62px;
	height: 25px;
}


#nav .political ul.off a, #nav .corporate ul.off a, #nav .voterunlead ul.off a, #nav .enterprising ul.off a, #nav .epic ul.off a, #nav .culture ul.off a, #nav .training ul.off a, #nav .join ul.off a, #nav .marie ul.off a,  #nav .ourleadership ul.off a, #nav .newsroom ul.off a, #nav .about ul.off a, #nav .calendar ul.off a {
	background: url(none) repeat-y;
}

#nav li ul.off a {
	display: block;
	margin: 0px;
	text-decoration: none;
	background: url(none) repeat-y;
	color: #FFFFFF;
	width: auto;
	height:auto;
	padding: 3px;
	border-bottom: 1px solid #FFF;
}
#nav li ul.off li {
	background-color: #8899B9;
	background: url(none) repeat-y;
	line-height : 12px;
}
#nav li ul.off ul { /* third-and-above-level lists */
	left: -999em;
	background: url(none) repeat-y;
}	
#nav ul li ul li a:hover, #nav li ul.off a:hover {
	color : white;
	background-color: #57637D;
}
#nav li:hover ul.off ul, #nav li:hover ul.off ul ul, #nav li.sfhover ul.off ul, #nav li.sfhover ul.off ul ul {
	left: -999em;
}
#nav li:hover ul.off, #nav li li:hover ul.off, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color: #8899B9;
}

/*********************/
/* SUBNAV STYLES */
/*********************/

#nav ul.on {
	background: #DAE1EB url(../images/content/pagebuilder/10509.gif) repeat-y;
	padding-bottom: 10px;
	position: relative;
	margin: 0px;
	width: 200px;
}
#nav ul.on li {
	padding-left: 11px;
	*padding-left:0px;
	border: none;
	line-height: 11px;
	padding-right: 35px;
	*padding-right: 0px;
	padding-bottom: 4px;
	*padding-bottom: 0px;
	background: url(none) repeat-y;
	*left:10px;
}
#nav ul.on li a:link, #nav ul.on li a:visited {
	display: inline;
	margin: 0px;
	text-decoration: none;
	background: url(none) repeat-y;
	color: #112e50;
font-size:11px;
height:15px;
}
#nav ul.on li a:hover, #nav ul.on li a:visited:hover {
	text-decoration: underline;
	background: url(none) repeat-y;
}
#nav ul.on li a.on:link, #nav ul.on li a.on:visited {
	display: inline;
	margin: 0px;
	text-decoration: underline;
	background: url(none) repeat-y;
	color: #112e50;
	font-weight: bold;
}
#nav ul.on li a.on:hover, #nav ul.on li a.on:visited:hover {
	text-decoration: underline;
	background: url(none) repeat-y;
}


#right a:link, #right a:visited, #footer a:link, #footer a:visited, #middle a:link, #middle a:visited {
	color: #B0002E;
	text-decoration: none;
}
#right a:hover, #right a:visited:hover, #footer a:hover, #footer a:visited:hover, #middle a:hover, #middle a:visited:hover {
	text-decoration: underline;
}
#left .left a:link, #left .left a:visited {
	color: #574410;
	text-decoration: none;
}
#left .left a:hover, #left .left a:visited:hover {
	text-decoration: underline;
}
#right a.arrow-right, #middle a.arrow-right {
	padding-right: 8px;
}
#left a.arrow-right {
	padding-right: 8px;
}
#right .print a:link, #right .print a:visited {
	color: #233C62;
	text-decoration: none;
}
#right .print a:hover, #right .print a:visited:hover {
	text-decoration: none;
}
#right .print a.printicon {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#right .print a.printicon:hover {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #B0002E;
}
#right .print a.emailicon {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#right .print a.emailicon:hover {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #B0002E;
}
#middle .copy .thirdlvlnav a, #bottom .thirdlvlnav a {
	color: #FFFFFF;
	display: inline;
	padding: 0px 8px 0px 7px;
}

.georgia_large, p.georgia_large {
	font: italic 19px Georgia, Times New Roman, Times, serif;
	color: #1c324c;
	margin: 0px 0px 8px;
	padding: 0px;
}
.georgia_medium, p.georgia_medium {
	color: #53657a;
	font: italic 17px Georgia, Times New Roman, Times, serif;
	margin: 0px 0px 8px;
	padding: 0px;
}
.georgia_large_title, p.georgia_large_title {
	color: #13344d;
	font: 18px Georgia, Times New Roman, Times, serif;
	margin: 0px;
	padding: 0px;
}
.imgright-noborder {
	margin-bottom: 10px;
	margin-left: 15px;
}
.imgright-border {
	margin-bottom: 10px;
	margin-left: 15px;
	background: #E4EAEF;
	padding: 5px;
	border: 1px solid #B9C8D4;
}
.imgleft-noborder {
	margin-bottom: 10px;
	margin-right: 15px;
}
.imgleft-border {
	margin-bottom: 10px;
	margin-right: 15px;
	background: #E4EAEF;
	padding: 5px;
	border: 1px solid #B9C8D4;
}
.arrow-right {
	font-weight: bold;
	padding-right: 8px;
}
.arrow-left {
	font-weight: bold;
}
p.date {
	font-style: italic;
	color: #666666;
	margin: 0px 0px 3px;
	padding: 0px;
	font-size: 90%;
}
.link {
	font-weight: bold;
}
#footer p a:link, #footer p,  #footer a:visited {
/* font-size:13px; */
font-size: 90%;
font-family: Verdana;
background:transparent;
}

.ga-homeSideBar div h1 a:link, .ga-homeSideBar div h1 a:visited, .ga-homeSideBar div h1 a:hover, .ga-homeSideBar div h1 a:active {
font-family: Georgia, Times New Roman, Times, serif;
font-size:24px;
}

#bottom table {
	*width: 98%;
}
#full #right #bottom {
	margin-right: 5px;
	margin-left: 15px;
	clear: both;
	margin-top: 35px;
}

/*overrides for the grey box on homepage ~ EMM */
#bottom div h1, .ga-homeSideBar div h1 a:link, .ga-homeSideBar div h1 a:visited, .ga-homeSideBar div h1 a:hover, .ga-homeSideBar div h1 a:active {
font-family: Georgia, Times New Roman, Times, serif;
font-size:16px;
}

.eventtitle {
	font-size: 11pt;
}

.NetscapeFix {
        float: left;
        position: static;
}

legend.surveyLegend {
        float: left;
}