/* CSS Document */
body, p, ul, li, h1, h2, h3, h4, h5, h6, #topNav, #masthead, #content, #footer{
	margin: 0px;
	padding:0px;
	}

body {text-align: center; font-family: verdana, tahoma, Arial,sans-serif;	color: #000; background:#929fa5 url(../../images/bg/bg_grad.gif) repeat-x;}
#container {width: 770px;	position: relative;	margin: 0px auto;	background-color: #fff;	text-align:left;	border:5px solid #fff; margin-bottom:10px;}

/*text styles*/
p, ul, td{font-size:0.8em}
a:link, a:visited {text-decoration:none; color:#00f;}
a:hover, a:active {text-decoration:underline; color:#00f;}
.cb {clear:both;}
.cl {clear:left;}
.fl {float:left; margin:0px 10px 10px 0px;}
.fr {float:right; margin:0px 0px 10px 10px;}
.border {padding:4px; border:1px solid #aaa;}
.clickPrompt {font-variant:small-caps; color:#333; background:#fff url(../../images/bg/smallLinkImage.jpg) no-repeat 0px 67%;; padding-left:15px;}

 /* top nav */
#topNavHolder {background:#fff url(../../images/masthead/titleBar.gif) no-repeat; height:130px; position:relative; }
#topNavHolder h1 {text-indent:-3000px}
#topNav {position:absolute; top:82%; background:transparent; width:100%}
	#topNav ul{margin: 0; font-size: 0.8em; border-bottom: 1px solid #071541;list-style-type: none;padding: 3px 10px 3px 10px;}	
		#topNav ul li{display: inline;}
			#topNav ul li a{padding: 3px 4px; /* topand bottom needs to be same as bottom in above declaration */border: 1px solid #fff; background-color:#fff; color: #000;margin-right: 0px; text-decoration: none;border-bottom: none;}
			#topNav ul li a:link, #topNav ul li a:visited{	text-decoration:none;	color:#000;}
			#topNav ul li a:hover, #topNav ul li a:active {background-color:#069; color:#fff; }
				#topNav ul li.selected { border-bottom: none; }
				#topNav ul li.selected a { background-color: #069; color: #fff!important; border-left:1px solid #071541; border-right:1px solid #071541; border-top:1px solid #071541; border-bottom:1px solid #069; position: relative; top: 1px; padding-top: 3px; 
				/* padding-top needs to change repectively */	}
	
/*masthead*/
#attention{width: 100%; background:#069; border-bottom:1px solid #036;}
	
	.attentionContent {padding:10px; color:white; font-size:16px; height:72px;}
		.attentionContent h2 {font-size:16px; color:#FFFF99}
		.attentionContent img{float:right; margin-left:10px;}
		.attentionContent p {margin-top:5px;}
		.attentionContent a {color:#FF9; font-weight:bold; }
		.attentionContent a:hover {text-decoration:underline;}
		
/*contentGlobal*/
#content{width: 100%; padding-top:5px; height:auto;}
#content h2{margin:0 0 0px 9px; font-size:1.3em; font-family:Geneva, Arial, Helvetica, sans-serif; color:#069;}
#content h3{font-family:Geneva, Arial, Helvetica, sans-serif;}
	#content .content ul{ margin: 3px 0 0 10px; list-style-type:none;}
	#content .content ul.contentListLink{ margin: 3px 0 0 0px; list-style-type:none;}
	#content .content ul li a{padding-left:10px; background:#fff url(../../images/content/General/doubleChevron.gif) no-repeat 0px 56%;}
		
	#content .backToTop {text-align:right; font-size:0.6em;}
	#content .backToTop img{margin-right:4px;}		

	/*contentLeft*/
	#content .leftCol{margin-right:28%;}
	#content .leftCol .content{ margin-left:10px;}
	#content .leftCol .content .contentSection{margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #aaa;}
	#content .leftCol .content .last{border-bottom:none;}
		#content .leftCol .content h3{margin:0px 0 5px 0; font-size:0.9em;padding-top:5px;}
		#content .leftCol .content h4{margin:5px 0 0px 0; font-size:0.8em;}
		#content .leftCol .content p{margin:0px 1px 10px 0px;}
		#content .leftCol .content img.jobSmall{float:left; padding:4px; margin:5px 7px 5px 0px; border:1px solid #aaa;}
		#content .leftCol .content a:link img.jobSmall{border:1px solid #ddd;}
		#content .leftCol .content a:visited img.jobSmall{border:1px solid #ddd;}
		#content .leftCol .content a:hover img.jobSmall{border:1px solid #000;}
		#content .leftCol .content a:active img.jobSmall{border:1px solid #000;}
		
		#content .leftCol .adobe{border-top:1px dotted #ccc; margin:10px 0px 10px 0px; padding-top:8px;}
		#content .leftCol .adobe img{float:left; margin-right:5px;}
		#content .leftCol .adobe p{font-size:0.7em;}

	/*contentRight*/
	#content .rightCol{	float:right; width:25%; border-left:1px solid #aaa;}
	#content .rightCol .content{ margin:0 8px 0 10px;}
	#content .rightCol .content p{margin-left:10px; font-size:0.8em;}
		#content .rightCol .content .rhsSection{margin-bottom:10px; padding-bottom:15px;border-bottom:1px dotted #ccc;}
		#content .rightCol .content .last{border-bottom:none;}
		#content .rightCol .content .rhsSection h4{font-size:0.9em; letter-spacing:-0.5px; margin-bottom:2px;}
		#content .rightCol .content .rhsSection img{float:right; margin:0 10px 20px 0;}
		#content .rightCol .content .adobe p{font-size:0.7em;}
		#content .rightCol .content .adobe img{border:none;}		

	/*contentForms*/
	.error, .mandatory {color:red;}
	.messageReview {color:#03C; font-style:italic; margin-top:-5px!important;}
	table {margin-bottom:10px;}
	h2.msgSent {color:#C33!important; margin-left:0px!important;}

/*footer*/
#footer{
	margin-top:5px;
	padding-top:3px;
	font-size:0.8em;
	text-align:right;
	border-top:1px solid #ccc;
	}


