/***********************************************/
/* HA_styles.css                               */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


@media screen{
	body{
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		line-height: 1.166;	
		margin: 0px;

		padding: 0px;
/*		background: #891734 url("../images/bg_grad_hai.jpg") fixed;*/
		background-image: url("/images/bg_grad_hai_2k5.jpg") fixed;

	}
	
	img { border: none; }
		
	/******* hyperlink and anchor tag styles *******/
	
	a:link{
/*		color: blue; */
		color: #891734; 
		text-decoration: none;
	}
	
	a:visited{
		/*color: #005FA9;*/
		color: #891734;
		text-decoration: none;
	}
		
	a:hover{
		text-decoration: underline;
	}
		
	/************** header tag styles **************/
		
	h1{
	 font: bold 130% Arial, Helvetica, sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
	}
		
	h2{
	 font: bold 114% Arial, Helvetica, sans-serif;
	 color: #006699;
	 margin: 0px;
	 padding: 0px;
	}
		
	h3{
	 font: bold 100% Arial, Helvetica, sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
	}
		
	h4{
	 font: 100% Arial, Helvetica, sans-serif;
	 color: #333333;
	 margin: 0px;
	 padding: 0px;
	}
		
	h5{
	 font: 100% Arial, Helvetica, sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
	}
	
	h6{
	 font: bold 120% Arial, Helvetica, sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
	}
		
	/***********************************************/
	/* Layout Divs                                 */
	/***********************************************/
	#pagecell1{
		position: absolute;
		top: 164px;

width: 100%;
min-width: 900px;
max-width: 900px;
                min-height: 650px;
		background-color: #ffffff;    
	}



		
	#tl {
		position:absolute;
		top: -1px;
		left: -1px;
		margin: 0px;
		padding: 0px;
		z-index: 100;
		visibility: visible;
	}
		
	#tr {
		position:absolute;
		top: -1px;
		right: -1px;
		margin: 0px;
		padding: 0px;
		z-index: 100;
		visibility: visible;
	}
		
	#masthead{
		position: absolute;
		top: 0px;
/*
		left: 2%;
		right: 2%;
		width:95.6%;

left: 10%;
right: 10%;
width: 80%;
max-width: 1000px;
*/
min-width: 900px;
max-width: 900px;
		
	}
		
	#pageNav{

		float: right;
		width:178px;
		background-color: #FFFFFF;
		border-left: 1px solid #cccccc;
		font: small Verdana,sans-serif;
	}
		
	#content{
		padding: 0px 10px 0px 0px;
		margin:0px 0px 0px 0px;
		border-right: 1px solid #ccd2d2;
                min-height: 600px;
 
	}
		

	/***********************************************/
	/* Component Divs                              */
	/***********************************************/
        #logotxt{
		color:#ffffff;
		margin-left:0px;
		margin-top:-10px;
		width:380px;
		text-align:left;
        }

	#logotxt a{
		text-decoration:none;
		color: #ffffff;
	}


	#logotxt #siteName{
		margin: 0px;
                margin-left:-50px;
		padding: 5px 10px 5px 2px;
		text-align: center;
	}
	.BiggerCap {
		font-family: Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 56px;
	}
	
	.SmallerCap{
		font-family: Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 38px;
	}

	#subtitle{
		font-family: Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin-top:-7px;
	}
		
	/************** utility styles *****************/
	
	#utility{
		font: 75% Verdana,sans-serif;
		position: absolute;
		top: 16px;
		right: 0px;
		color: #919999;
	}
	#utility22{
		font: 75% Verdana,sans-serif;
		position: absolute;
		top: 16px;
		right: 0px;
		color: #919999;
	}
		
	#utility a{
		color: #ffffff;
	}
		
	#utility a:hover{
		text-decoration: underline;
	}
		
	/************** pageName styles ****************/
		
	#pageName{
		padding: 0px 0px 6px 10px;
		margin: 0px;
		border-bottom:1px solid #ccd2d2;
	}
		
	#pageName h2{
		font: bold 175% Arial, Helvetica, sans-serif;
		color: #000000;
		margin:0px;
		padding: 0px;
	}
		
	#pageName img{
		position: absolute;
		top: 0px;
		right: 6px;
		padding: 0px;
		margin: 0px;
	}
		
	/************* globalNav styles ****************/
	

	#globalNav{
		position: relative;
		width: 100%;     
		min-width: 900px;
		max-width: 900px;
                font: 90% Times New Roman, Verdana,sans-serif;
                line-height: 22px;

		height: 32px;
		color: #cccccc;
		padding: 0px;
		margin: 0px;
		background-image:  url("glbnav_background.gif");
	}

		
	#globalNav img{
		margin-bottom: 0px;
	}

	#gnl {
		position: absolute;
		top: 0px;
		left:0px;
	}
		
	#gnr {
		position: absolute;
		top: 0px;
		right:0px;
	}


	#globalLink{
		position: absolute;
		color: #000000;
		top: 6px;
		height: 22px;
		min-width: 140px;
		padding: 0px;
		margin: 0px;
		right: 10px;
		z-index: 100;

/*
border: 1px solid grey;
*/
	}
		

	a.glink, a.glink:visited{

        padding: 3px 15px;
	color: rgb(0,0,0);
	/*background-color: RGB(200,200,200);*/
        background-image:  url("glbnav_background2.gif");
	text-decoration: none;
	}
		
	a.glink:hover{
	color: #fff;
	/*background-color: #369;*/
        background-image:  url("BG_NAV_selected.JPG");
      
        text-decoration: none;
	}


	.skipLinks {display: none;}



		
	/************ subglobalNav styles **************/

	.subglobalNav{
	position: absolute;
	top: 115px;
	right: 6px;
	min-width: 110px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	color: #aaaaaa;
	visibility: hidden;
	}
		
	.subglobalNav a:link, .subglobalNav a:visited {
		font: 85% Times New Roman, Verdana,sans-serif;
		color: rgb(200,200,200);
	}
		
	.subglobalNav a:hover{
		color: #cccccc;
	}
	
	.subglobalNav2{
	position: absolute;
	top: 129px;
	right: 6px;
	min-width: 140px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	color: #ffffff;
	visibility: hidden;
	}
		
	.subglobalNav2 a:link, .subglobalNav2 a:visited {
		font-size: 80%;
		color: #ffffff;
	}
		
	.subglobalNav2 a:hover{
		color: #cccccc;
	}
	
	/************** feature styles *****************/
	
	.feature{

		padding: 0px 0px 10px 10px;
		font-size: 80%;
		min-height: 200px;
		height: 200px;
	}
	
	html>body .feature {height: auto;}


.bodyText  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #333333;
	line-height : 18px;
	padding-right : 40px;
	padding-bottom : 1px;
	display : block;
        //margin-left:10px;
        padding-left: 20px;
}
	
ul.bodyText {
list-style:none;
margin-left:20px;
}	
	.feature h3{
		font: bold 175% Arial, Helvetica, sans-serif;
		color: #000000;
		padding: 30px 0px 5px 0px;
	}
		
	/**************** page break *********************/
	.pagebreak {
		page-break-after: always;
	}
		
	/**************** henryadams text size *********************/


	/**************** page break *********************/
	.indentLine {
		padding: 0px 0px 0px 7px;
	}
		
	/*************** story styles ******************/
		
	.story {
		padding: 10px 0px 0px 10px;
		font-size: 80%;
	}
		
	.story h3{
		font: bold 125% Arial, Helvetica, sans-serif;
		color: #000000;
	}
		
	.story p {
		padding: 0px 0px 10px 0px;
	}
		
	.story a.capsule{
		font: bold 1em Arial, Helvetica, sans-serif;
		/*color: #005FA9;*/
		color: #000000;
		display:block;
		padding-bottom: 5px;
	}
		
	.story a.capsule:hover{
		text-decoration: underline;
	}
		
	td.storyLeft{
		padding-right: 12px;
	}
		
		
	/************** siteInfo styles ****************/
	
	#siteInfo{
		clear: both;
		border-top: 1px solid #cccccc;
		font-size: small;
		color: #666666;
		padding: 10px 10px 10px 10px;
		margin-top: -1px;
	}
		
	#siteInfo img{
		padding: 4px 4px 4px 0px;
		vertical-align: middle;
	}
		
		
	/************ sectionLinks styles **************/
	#sectionLinks{
		background: #891734;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 0px 0px;
		color: #E8E9EB;
		display: block;
	}
		
	#sectionLinks h3{
		padding: 10px 0px 2px 10px;
		border-bottom: 1px solid #808080;
	}
		
	#sectionLinks a{
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cccccc;
		background: #E8E9EB;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		padding: 7px 0px 7px 10px;
	}
	#sectionLinks a:link{
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cccccc;
		background: #E8E9EB;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		padding: 7px 0px 7px 10px;
		color:#000000;
	}
	#sectionLinks a:visited{
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cccccc;
		background: #E8E9EB;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		padding: 7px 0px 7px 10px;
		color:#000000;

	}
	 		
	#sectionLinks a:hover{
		border-top: 1px solid #cccccc;
		background: #D5ADB6;
		color: #000000;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		display: block;
	}
		
		
	/************* relatedLinks styles **************/
		
	.relatedLinks{ 
		margin: 0px;
		padding: 0px 0px 10px 10px;
		border-bottom: 1px solid #cccccc;
		overflow: auto;
		text-indent: 0px;
		vertical-align: middle;
	}
		
	.relatedLinks h3{
		padding: 10px 0px 2px 0px;
	}
	
	.relatedLinks a{
		display: block;
		overflow: auto;
		text-indent: 0px;
		vertical-align: middle;
	}
		
		
	/**************** advert styles *****************/
	
	#advert{
		padding: 10px;
		left: 100px;
	}
		
	#advert img{
		display: block;
	}
	
	.footer{
      bgcolor: #660000;
      color: white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;


      }	

	.space { clear:both;}
		
	/********************* end **********************/
	
}