/***********************************************************
base.css
**********************************************************/
@import url("reset.css");
@import url("forms.css");
@import url("tables.css");
@import url("components/components.css");

/*  common styles
**********************************************************/	
body { background-color: #9589ba; }
	#mainContent h2 {
		margin: 0 0 .3em 0;
		color: #252525;
		font-size: 2.2em;
		font-weight: bold;
	}
	#mainContent.alt h2 { color: #422a80; }
	
	#mainContent h2.alt,
	#mainContent.alt h2.alt { 
		color: #252525; 
		border-bottom: 1px solid #dfe7e7;
		padding: 0 0 .3em 0;
		margin: 0 0 .7em 0;
	}
	
	#mainContent h4.common {
		font-size: 1.6em;
		font-weight: bold;
		color: #252525;
		_display: inline;
	}
		#mainContent h4.common em { 
			color: #422a80;
			font-style: normal;
			margin: 0 .2em;
		}
		#mainContent h4.common a {
			color: #7969a7;
			font-weight: normal;
			font-size: .7em;
		}	
			#mainContent h4.common a.topZipChange {
				color: #663399;
			}
	
	p {
		font-size: 1.2em;
		line-height: 1.5em;
		color: #4f4f4f;
	}
	
	a:link, a:visited, a:active { color: #006699; }
	a:hover { 
		color: #2b9008; 
		text-decoration: underline;
	}
	/* a.common:hover { border-bottom: 1px solid #bccae8; } */
	a.alt { color: #9486ba; }
	a.alt:hover { 
		color: #c0b7d8;
	}
	
	img.loader { 
		position: fixed; 
		left: 50%;
		top: 50%;
		z-index: 100;
	}
	
/*  #container
**********************************************************/	
#container {
	width: 95.8em;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
	#container #wrapper {}
	
/*  #header
**********************************************************/	
#header { 
	background: #422a80;
	padding: 4.0em 0;
}

/*  #footer
**********************************************************/	
#footer {}	
	#footer #subversion {
		font-size: 1.1em;
		color: #333;
		text-align: center;
		padding: 0 0 2.0em 0;
	}	
	
/*  #content
**********************************************************/
#content { padding: 0 0 2.0em 0; }

/*  #content (2 column layout)
**********************************************************/
#content.col2 {}
	#content.col2 #sidebar {
		width: 15.8em;
		float: left;
	}
	#content.col2 #mainContent { 
		float: left;
		width: 80.0em;
	}
	
	/* .main */
	#content.col2 .main,
	#contentData.col2 .main,
	#contentData.col2Narrow .main,
	#contentData.col3 .main {
		float: left;
		width: 56.5em;
		background-position: 100% 0;
		background-image: url(/images/bg/bg_columnFade_white.gif);
		*z-index: -1;
	}
	#contentData.col2 .main { width: 71.8em;  }
	#contentData.col2Narrow .main { 
		width: 66.2em;  
		background: none;
	}
	
	#content.col2 .main,
	#contentData.col2 .main,
	#contentData.col2Narrow .main,
	#contentData.col3 .main { padding: 0 2.6em 2em 1.8em; }

		#contentData.col2 { padding-top: 2.3em; }
		#contentData.alt{ padding-top: 0; }
			#contentData.alt .main { padding-top: 2.3em; }
			#content #contentData.alt .related { padding-top: 2.3em; }
	
		/* .mainLead */
		#contentData.col2 .main .mainLead,
		#contentData.col2Narrow .main .mainLead,
		#contentData.col3 .main .mainLead {
			margin: 0 0 1.8em 0;
			width: 100%;
		}
			#contentData.col2 .main .mainLead p,
			#contentData.col2Narrow .main .mainLead p,
			#contentData.col3 .main .mainLead p { 
				color: #797c80;
				margin: 0 0 .6em 0;
			}
			#contentData.col2 .main .mainLead p,
			#contentData.col2Narrow .main .mainLead p { margin: 0; }
			#contentData.col3 .main .mainLead .btn,
			#contentData.col3 .main .mainLead .btn  * { color: #230f57; }
			#contentData.col3 .main .mainLead .btn strong {
				font-size: 1.3em;
				width: 11.0em;
				line-height: 1.5em;
			}
			#contentData .mainLead .colB { float: right; width: 16.6em; }
		
		/* #pageHead */
		#contentData #pageHead { margin: 0 1.8em; }
			#contentData #pageHead .btn { 
				font-size: 1.1em;
				line-height: 1.5em;
				width: 9.3em;
				float: right;
			}
				#contentData #pageHead .btn img { margin: 0 .6em 0 0; }


	/* .related */
	#content.col2 .related {
		float: left;
		padding: 0 1em 0;
		width: 16.2em;
		background-position: 0 0;
	}	
	
	/* #contentData (tabs) */
	#contentData { padding-top: 2.3em; }
		#contentData.col3 #sidebar { 
			float: left; 
			width: 15.8em;
		}
		#contentData.col2 .related,
		#contentData.col3 .related {
			float: left;
			width: 18.2em;	
		}
		#contentData.col2Narrow .related {
			float: left;
			width: 24.5em;
		}
			#contentData.col2 .related .wrap,
			#contentData.col2Narrow .related .wrap,
			#contentData.col3 .related .wrap { padding: 0 1.5em; }
	
	
/* #mainContent
**********************************************************/
#mainContent {  }
	#mainContent #mainContentWrap { padding: 1.7em 0 0 1.9em; }
	#mainContent.alt #mainContentWrap { padding: 0 .1em; }
	#mainContent #mainContentTop { position: relative; }
	#mainContent.alt #mainContentTop {
		background: url(/images/bg/bg_mainContentTop_alt.gif) repeat-x left bottom;
		padding: 2.0em 1.8em 6.0em 1.8em;
	}
	
/*  #footer
**********************************************************/	
#footer {}