@import url("include.css");


BODY    { 
	background-image: url("../graphics/background.gif"); 
	background-repeat: repeat-x; 
	text-align: center; 
	margin: 0; 
	color: #000000; 
}
#header.campaignHdr {
	height: 80px;
	background: #fff;
}
#headerImg{
	width: 300px;
	/*height: 100px;*/
	text-align: left;
	/*background: white url("../graphics/top_corner.jpg") no-repeat bottom right;*/
}
#campaignBanner {
	display:none;
}

#campaignContainer   {
	display: block; 
	margin: auto; 
	padding: 25px 0 0 0; 
	width: 746px; 
	text-align: center;
}

*HTML #campaignContainer    { 
	background-repeat: repeat-x; 
	text-align: left; 
	width: 746px; 
	margin:0px; padding:0px;
	}
#campaignNav    { 
	color: #000000; 
	font-size: 11px; 
	font-weight: 600; 
	text-align: center; 
	padding: 0; 
	margin:0;
	height:190px;
}
*HTML #campaignNav  { 
	width: 746px;
	padding: 0; 
	margin:0;}
	
#campaignNav UL  { 
	list-style-type: none; 
	margin: 0px; 
	padding: 0 ;
}
#campaignNav LI     { 
	background-image: url("../graphics/co_bg.gif"); 
	background-repeat: repeat-x; 
	text-align: center; 
	list-style-position: outside; 
	margin: 0 2px 0 2px; 
	width: 180px; 
	height: 150px; 
	float: left; 
	border: solid 1px #999;
	padding: 0;
}
#campaignNav LI img {
	height: 72px;
}
* HTML #campaignNav LI img {
	margin: 10px 0 0 -10px;
}

#campaignNav A  { 
	color: #253e49; 
	font-size: 12px; 
	font-weight: 100; 
	text-decoration: none; 
}
#campaignNav A:hover  { 
	color: #5c5c5c; 
	font-size: 12px; 
	text-decoration: underline 
}
#campaignNav H1   { 
	color: #666; 
	font-size: 13px; 
	font-weight: 700; 
	background-color: #f6f6f6; 
	display: block; 
	margin: 4px 8px; 
	padding: 4px 0 6px 4px; 
	border-top: 1px solid #bebebe; 
	border-bottom: 1px #999 
}
#campaignContent     { 
	color: #333333; 
	font-size: 12px; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	min-height: 260px;
	width: 100%;
	background-color: #fff;
}
*HTML #campaignContent {
	float: right;
}
#campaignContent H1    { color: #999; font-size: 12px; text-align: center; margin: 0 0 8px; padding: 4px 0 0 }
#campaignContent H3  { 
	color: #5E9EBF;
	font-size: 13px; 
	font-weight: 700; 
	text-transform: capitalize; 
	display: block 
}

#campaignGraphic { 
	text-align: center; 
	margin-top: 0; 
	padding: 0 0 0;
 	/*height: 375px;*/
	width: 746px;
}
#campaignBody {width: 100%; background-color: #fff; margin: 0; padding: 0;}
#campaignDesc H1 { color: 5E9EBF; font-size: 16px; font-weight: bold; text-align: left; margin: 0 0 8px 0; padding: 4px 0 0 0;}
#campaignDescSmall     { 
	background-color: #fff; 
	text-align: left; 
	padding: 10px 0 0 10px; 
	width: 355px; 
	float: left;
	vertical-align: top;
}
#campaignDescLarge{
	width: 726px;	
	float: left;
	padding: 10px 0 0 10px;
	text-align: left;
	}
#campaignDescLarge H1{
	text-align: left;
}
#campaignForm    { 
	color: #333333; 
	background-color: #fff; 
	text-align: left; 
	padding: 10px 0 0 10px; 
	width: 360px; 
	float: right }

.formRow {
	color: #333333; 
	padding-bottom: 2px;
}

.label  { color: #333333; font-weight: 100; padding: 4px 0 0 0; width: 125px; float: left; clear: left }
.labelFullRow {
	width: 350px;
	float: left;
	clear: left;
	padding: 4px 0 0 0;
	font-weight: 100;
	}
.checkboxLabel {
	width: 325px;
	float: right;
	padding: 3px 0 3px 0;
	vertical-align: middle;
	height: 20px;
	font-weight: 100;
}
.checkbox {	
	height: 25px;
	width: 10px;
	padding: 0 0px 0 0px;
	float: left;
	clear: left;

}
.control input {
	width: 175px;
	}

.control select {
	width: 135px;
	}

.required {
	color: red;
	}

.submitBtn {
	text-align: center;
	width: 100%;
	padding-top: 5px;
	}

#noFlash.hidden {
	display: none;
}
#noFlash.show {
	vertical-align: center;
	padding: 30px 0 0 0;
	margin: 0;
	text-align: center;
}
.skip a {
	color: #333333; 
	font-size: 12px; 
	font-weight: 100; 
	text-decoration: none; 
}
.skip a:hover  { 
	color: #5c5c5c; 
	font-size: 12px; 
	text-decoration: underline 
}
.skip {
	padding: 0px 50px 0 0;
	float: right;
	background-color: #fff;
}
#flash.hidden {
	display: none;
}
.hidden {
	display: none;
}
#flash.show {
	background-color: transparent;
	text-align: center;
}
* html #flash.skip {
	padding: 10px 150px 0 0;
}
* html #flash.show {
}

.heightHack
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	/*width: 100%;
	border-color: transparent;
	margin-bottom: -1px;*/
	clear: both;
	margin:0;
	border:none;
	
}

.header {
	font-weight: 600;
}

a { 
	color: #5b97b1;
}

a:hover { 
	color: #97b2a3; 
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}


TD {
	color: #333333; 
}

div.document .attribution {
	margin: -15px 0 0 0;
}