/* CSS Document */

	/* Global Styles */
	
		body { margin: 0px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 0.7em; letter-spacing:normal; color:#000000; line-height: 125%; background: #e5ecf7 url("graphics/newnavGRAPHICS/backgradation0509.gif"); background-repeat: repeat-x; text-align: left; }
		a { color: #019edf; text-decoration: none; }
		a:hover { color: #6c3f99; }

		
		
	/* Top */	
		#layout { margin: 0; padding: 0; border: none; border-collapse: collapse; text-align: left; width: 1007px;}
		#layout td { padding: 0; margin: 0; }
		
		
	/* top navigation */			
		#banner { background-image: url(graphics/newnavGRAPHICS/topswirl2010.gif); background-position: left; background-repeat:no-repeat; height:105px; }
		#banner p { font: 98%; text-align:right; margin: 0px; padding-top: 0 }		
		#banner ul { list-style-type: none; margin: 2px; padding: 0; text-align: right; }
		#banner ul li { display: inline; margin-left: 5px; border-left: none ; padding-right: 25px; }
		#banner ul li a:link, #globalNav ul li a:visited, #globalNav ul li a:active { background-color: none; text-decoration: none; }
		#banner ul li a:hover { color: #6c3f99; background-color: none; }
		
		
	/* main navigation */		
		#mainnavback { background-image: url(../SpryAssets/top_gradation_nav.gif); background-repeat: repeat-x; vertical-align: top; }
		#graydationdown { background-image: url(../SpryAssets/gradationDOWN.gif); background-repeat: repeat-x; padding-bottom:10px;  border: 0px;}
	    #graydationdownNAV { background-image: url(../SpryAssets/gradationDOWN_nav.gif); background-repeat: repeat-x;  border: 0px;}
	

		

		
		

/* LEFT NAVIGATION  */
		#mainNav { width: 177px; font-size: 98%; vertical-align: TOP; background-color: #e5ecf7; height: 20px; }
		
		#mainNav ul { list-style-type: none; 
						margin: 25px 0; 
						padding: 0; 
						letter-spacing:.01em; 
						border-top: none;
						
						}
		
		#mainNav ul li { margin: 0; padding: 0; height: 22px; }
		
		
		/* MAIN ACTIVE HEAD */

		#mainNav ul li.active a:link, #mainNav ul li.active a:active, #mainNav ul li.active a:visited 
									{ padding: 5px 3px 3px 10px; background-image: url(../SpryAssets/hd_gradation_nav.gif);  
									  color: #000000; font-weight: bold; letter-spacing:.01em; height: 16px} 
		
	/* sub rollover color ACTIVE */	
	#mainNav ul li a:link, #mainNav ul li a:active, #mainNav ul li a:visited { 
				display: block; 
				text-decoration: none; 
				color: #335093; 
				background-color: #FFFFFF; 
				height: 16px;
				padding: 5px 3px 3px 10px; 
				border: none;
					}
						
	/* sub link white color */
	#mainNav ul ul li a:link { margin: 0; display: block; border: none; vertical-align: middle; background-color: #FFFFFF; border: none; }
						
		
		/* SUB HOVER*/	
			#mainNav ul li a:hover { 
			color: #000000; 
			font-weight: bold; 
			background-color: #e5ecf7; background-image: url(../SpryAssets/hd_gradation_nav.gif);
			height: 16px;
			padding: 5px 3px 3px 10px; border: none; 
				}
	
		/* sub whole block area*/
		#mainNav ul ul li { margin: 0; background-color: #FFFFFF; color: #000000; display: block; border: none; }
	
		/* navsubs area */
		#mainNav ul ul { margin: 0; padding: 0; border: none; font-size: 94%; height: 16px; display: block; background-color: #FFFFFF;}
		
	
	
	
	
	
		
		
	/* maintext area one column*/	

				
		#homeonecolumn { width: 1007px; vertical-align:top; margin: 0px; padding: 0; text-align: left; display: inline-block; position: relative;}
		#homegraphic { display: block; float: left; margin-right: 0px; padding: 0px; width: 749px; height: 230px;}
		#homegraphicright { display: block; float: left; margin-right: 0px; padding: 0; margin-left: 20px; width: 216px; vertical-align:top; }
	
		
		#homecolumn1 { 
		text-align:left;
		display: block; 
		float: left; 
		margin-right: 15px; 
		padding: 0 5px 0 10px;
		width: 225px; 	
		background-color:#e5ecf7;
		background-image: url(graphics/newnavGRAPHICS/column_graydation.gif); 
		background-repeat: repeat-x; 
		min-height: 400px; 
		overflow: hidden;
		color: #666; 
		line-height: 120%; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
		
		#homecolumn1 h1 { margin: 8px 0 0px 0; padding: 0; font-size: 1em; line-height: 120%; font-style: bold; color: #6c3f99; font: Myriad Pro, Helvetica, Sans Serif }
		#homecolumn1 p { margin: 5px 0 10px 0; padding: 0; line-height: 120%; }
		
		
		
		
		#homecolumn2 {
		text-align:left;
		display: block;
		float: left; 
		margin-right: 15px; 
		padding: 0 5px 0 10px;
		width: 225px; 	
		background-color:#e5ecf7;
		background-image: url(graphics/newnavGRAPHICS/column_graydation.gif); 
		background-repeat: repeat-x; 
		min-height: 400px; 
		overflow: hidden;
		color: #666; 
		line-height: 120%; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
		
		#homecolumn2 h1 { margin: 8px 0 0px 0; padding: 0; font-size: 1em; line-height: 120%; font-style: bold; color: #6c3f99; font: Myriad Pro, Helvetica, Sans Serif }
		#homecolumn2 p { margin: 5px 0 10px 0; padding: 0; line-height: 120%; }
		
		
		
		
				#homecolumn3 {
		text-align:left;
		display: block;
		float: left; 
		margin-right: 15px; 
		padding: 0 5px 0 10px;
		width: 225px; 	
		background-color:#e5ecf7;
		background-image: url(graphics/newnavGRAPHICS/column_graydation.gif); 
		background-repeat: repeat-x; 
		min-height: 400px; 
		overflow: hidden;
		color: #666; 
		line-height: 120%; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
		
		#homecolumn3 h1 { margin: 8px 0 0px 0; padding: 0; font-size: 1em; line-height: 120%; font-style: bold; color: #6c3f99; font: Myriad Pro, Helvetica, Sans Serif }
		#homecolumn3 p { margin: 5px 0 10px 0; padding: 0; line-height: 120%; }

		
		#homecolumn4 { 
		display: block;
		float: right;
		margin-left: 0px; 
		padding: 0 5px 0 10px; 
		width: 225px; 
		background-color:#e5ecf7; 
		background-image: url(graphics/newnavGRAPHICS/column_graydation.gif); 
		background-repeat: repeat-x; 
		color:#666666; 
		line-height: 120%;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		height: 400px;
		}
		
		#homecolumn4 h1 {margin: 5px 0 0px 0; padding: 0; font-size: 1.1em; line-height: 120%; font-style: bold; color: #6c3f99; font: Myriad Pro, Helvetica, Sans Serif }
		#homecolumn4 p { margin: 5px 0 10px 0; padding: 0; line-height: 120%;}
		
		
		
		
		#homecolumnmovie { 
		display: block; 
		float: left; 
		margin-left: 0px; 
		padding: 0;
		width: 240px; 
		}
		
		#homecolumnmovie h1 {padding: 0; font-size: 1.1em; line-height: 120%; font-style: bold; color: #6c3f99; }
		
		
		
		
		
		
		#homecolumnews { 
		display: block; 
		float: left; 
		margin-right: 20px; 
		padding: 10px 10px 10px 10px; 
		width: 728px; 
		height: 1.5em;
		 }
	
		
		
	
		
		
	/* maintext area */	
		#mainText { width: 540px; vertical-align:top; background-color: #FFFFFF; text-align: left; }
		#mainText h1 { margin: 0px 15px 30px 20px; padding: 0; font-size: 1.2em; color: #6c3f99; font-style: bold; font: Myriad Pro, Helvetica, Sans Serif} 
		#mainText h2 { margin: 22px 15px 10px 20px; padding: 0; font-size: 1.05em; color: #6c3f99; font-style: bold; font: Myriad Pro, Helvetica, Sans Serif}
		#mainText h3 { margin: 25px 15px 8px 20px; padding: 0; font-size: 1em; color: #6c3f99; font-style: italic; font: Myriad Pro, Helvetica, Sans Serif}
		#mainText h4 { margin: 20px 15px 8px 20px; padding: 0; font-size: .95em; color: #6c3f99; font-style: italic; font: Myriad Pro, Helvetica, Sans Serif}
		#mainText h5 { margin: 22px 15px 10px 20px; padding: 0; font-size: 1.02em; color: #000; font-style: bold; font: Myriad Pro, Helvetica, Sans Serif}

		#mainText p { margin: 10px 15px 15px 20px; padding: 0 5px 0 0; }
		
		
		#columnleft { display: block; float: left; margin: 0; padding: 0; width: 250px; }
		#columnright { display: block; float: right; margin: 0; padding: 0px ; width: 250px; }
		#resourcepage { margin: 0px 15px 5px 0px; padding: 0; line-height: 155%; }
		
		
		#mainTextonecolumn { width: 820px; vertical-align:top; margin: 0px; padding: 0; background-color: #FFFFFF; text-align: left;}
		#mainTextonecolumn h1 { margin: 0px 15px 30px 20px; padding: 0; font-size: 1.05em; color: #6c3f99; font-style: bold; font: Myriad Pro, Helvetica, Sans Serif}
		#mainTextonecolumn h2 { margin: 35px 15px 5px 20px; padding: 0; font-size: 1em; color: #6c3f99; font-style: bold; font: Myriad Pro, Helvetica, Sans Serif }
		#mainTextonecolumn h3 { margin: 30px 15px 5px 20px; padding: 0; font-size: 1em; color: #6c3f99; font-style: italic; font: Myriad Pro, Helvetica, Sans Serif}
		#mainTextonecolumn h4 { margin: 20px 15px 5px 20px; padding: 0; font-size: 1em; color: #6c3f99; font-style: italic; font: Myriad Pro, Helvetica, Sans Serif }
		#mainTextonecolumn p { margin: 6px 15px 4px 20px; padding: 0;}
	
			
		
		
	/* right news section */	
		
		#mainNews { vertical-align: top; width: 280px; background-color: #FFFFFF; text-align: left;  }
		#mainNews .newstext { margin: 40px 15px 0 15px; padding-top: 0px; color: #6c3f99; text-align: left; }
		.newstextbold { font-weight: bold; color: #6c3f99; }
		.newstext { color: #6c3f99; }
		.newstextblock { color: #45328e; border: 1px solid #c8d7e3; padding: 2px 5px 2px 5px; background-color: #eaf1f7; line-height: 105%; }
	 
	
	
		.hdblockcolorshort { height: 14px; padding: 2px 0 2px 10px; margin: 15px 0px 5px 0; display: block; 
		font: bold, 1em, verdana, Arial, sans-serif; color: #333333; 
						     background-color:#CCCCCC; line-height: 125%; letter-spacing: .25px; width: 270px;  }
							 
		.newsblendboxborder { 
							width: 255px; 
							background: url("graphics/hm_gradbodysmall.gif") ; 
							background-repeat: no-repeat; 
							padding: 5px 10px 10px 10px; 
							margin: 35px 0px 0 15px;
							line-height: 115%; 
							color: #666666; 
							text-align: left;}	
											



	/* subheads */
		.textbold { font-weight: bold;}
		.textboldgreen { font-weight: bold; color: #419639;}
		.textbolditalic {font-weight: bold; font-style: italic; color:#333333;}
		.textitalic {font-style: italic; line-height: 125%;}
		.textboldblack { font-weight: bold; color: #333333; }
		.subHD1 { font-size: 1.2em; font-weight: bold; letter-spacing:.01em; color:#333333;}
								
		.hdgraybordertop { padding: 4px 0px 0px 0px; margin: 55px 0px 0px 0px; display: block; font: bold 1em verdana, Arial, sans-serif; color: #6c3f99; 
						  line-height: 135%; letter-spacing: .15pt; width: 507px; background: url("graphics/hd_gradation.gif");
						   background-repeat: repeat-x;}								 

		.whitepaper { background-image:url(../graphics/hdwhitepaper.gif); background-repeat:no-repeat; 
					  padding: 20px 0px 20px 90px; color: #000000; border: 0; margin: 0; line-height: 115%; font-family: Verdana, Helvetica, Arial, sans-serif; }				  			  
						  
		.newstextblock { font-size: em; color: #333333; border: 1px solid #c8d7e3; padding: 9px; background-color: #eaf1f7; line-height: 115%; }
		.wherewehavebeen { font-size: .9em; color: #5b7e98; line-height: 200%; padding: 0em 0 1em 0em; display: block; }
		.arrowmore { color: #6c3f99; font-weight: bold; font-size: 115%; letter-spacing: .1em}
		.quote { color: #6c3f99; font-size:115%; font-style: italic; line-height: 145%; font-family: palatino, times; letter-spacing: .02em}
			



   		/* bottom area */		
		#graydationup { background-image: url(../SpryAssets/hd_gradation_nav.gif); background-repeat: repeat-x; color: #666666; font-size: 85%; }
		#copyright { color: #666666; font-size: 85%; width: 170px; text-align:right}
		#homecopyright { color: #666666; font-size: 85%; text-align:right}
		#homebottomswish { background-image: url(../SpryAssets/bottomswish.gif); background-position:bottom; background-repeat:no-repeat; height:45px; background-color:#FFF;}

		 #bottomswish { background-image: url(graphics/newnavGRAPHICS/bottomswish2010.gif); background-position:bottom; background-repeat:no-repeat; height:45px; background-color:#FFF;}

		
		
