input.action { color: white; font-size: 11px; font-family: Arial, Geneva; background-color: #997677; margin: 1px; padding: 0px; border: solid 1px #006; cursor: hand }
input.actiongrayed { color: white; font-size: 10px; font-family: Arial, Geneva; background-color: #2f4f4f; margin: 1px; padding: 0px; border: solid 1px #006; }
td.linkcolumn { color: white; font-size: 10px; font-family: Arial, Geneva; background-color: #2f4f4f; margin: 1px; padding: 0px; border: solid 1px #006; }
td.linkcolumn2 {color: #2f4f4f; background-color: white; }
#hspnlogo {color: white;  font-size: 10px; font-family: Arial, Geneva; background-color: #2f4f4f; margin: 1px; padding: 0px; border: solid 1px #006; }

/* -- Reset default style -- */
body, h1, p{border:0; margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* ------------ */
/* HEADER */
#header{
padding:6px;
background:#000000;
}
/* PAGE BODY */
#page-body{padding:10px;}
h1{font-size:14px; font-weight:bold;}
h1 a:link, a:visited{color:#000000;}
.tag{font-size:12px; margin-bottom:20px;}
.tag a:link, .tag a:visited{color:#999999;}

/* Content */
#content{padding:3px;}
h1{font-size:14px; font-weight:bold;}
h1 a:link, a:visited{color:#000000;}
.tagC{font-size:12px; margin-bottom:20px;}
.tagC a:link, .tag a:visited{color:#999999;}


/* FOOTER */
#footer{
padding:6px;
border-top:solid 1px #DEDEDE;
color:#999999;
font-size:11px;
}
#footer a:link, #footer a:visited{
color:#666666;
}

#WebWholeField
{
width:1000px;
top:0%;
background-color:#ffffff;
margin-left:20px; 
margin-right:20px;
margin-top:5px;
position:relative;
}


#HomePageLogo{
color:#ffffff;
padding:1px;
top:0%;
position:absolute;
width:25%;
left:75%;
}

#HomePageMajorIcons{
padding:1px;
top:0%;
width:70%;
left:30%;
position:absolute;
}

#HomePageMajorLinks{
font-family:Verdana,Arial;
font-size:14pt;
padding:3px;
position:absolute;
/*width:80%;
left:0%;*/
top:145px;
position:absolute;
width:99%;
left:1%;


}

#HomePagePhotoHolder
{
top:360px;    /* 160 */
position:absolute;
width:100%;
left:0%;
}

#filmstrip1
{
height:200px;
}

#filmstrip2
{

height:200px;
}

#filmstrip3
{

height:200px;
}

#filmstrip4
{

height:200px;
}


#HomePageStatement
{
padding-top:10px;
top:450px;
position:absolute;
width:100%;
left:0%;
z-index:1;
}
#HomePageStatement p
{
background-color:#990000;
font-family:Calibri,Garamond,Verdana;
font-size:12pt;
font-style:normal;
color:White;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 20px;
}

#HomePageStatement a:visited{color:#ffffff;}
#HomePageStatement a:link{color:#ffffff;}


#HomePageBannerAd
{
padding-top:10px;
top:2000px;
position:absolute;
width:100%;
left:0%;
z-index:-1000;
}

#HomePageCapsule
{
padding-top:5px;
top:620px;
position:absolute;
width:30%;
left:0%;
border-style:solid;
border-color:#05173f; 
border-width:1px;
background-color:#000000;
color:white;
}
#HomePageCapsule a:visited{color:#ffffff;}
#HomePageCapsule p{color:white;}

/*#e5fe78;*/
}	

#HomePageWelcomeLinks
{
padding-top:1px;
top:1080px;
position:absolute;
width:30%;
left:0%;
border-style:solid;
border-color:#05173f; 
border-width:1px;
background-color:#000000;
color:white;}

#HomePageWelcomeLinks a:visited{color:#ffffff;}
#HomePageWelcomeLinks a:link{color:#ffffff;}
#HomePageWelcomeLinks p{color:white;}

#HomePageWelcomeLinks ul
{
background-color:#000000;
}

#HomePageWelcomeLinks td
{
background-color:#000000;
}

#HomePageMainContent
{
padding-top:0px;
top:630px;
position:absolute;
width:64%;
left:31%;
padding-left:5%;
font-family:Arial;
font-size:10pt;
font-style:normal;
}

#HomePageAboutUs
{
padding:10px 20px 20px 20px;
top:900px;
position:absolute;
width:35%;
left:70%;
font-family:Garamond,Arial;
font-size:11pt;
font-style:normal;
}

#HomePageBottom
{
padding-top:20px;
top:1360px;
position:absolute;
width:100%;
left:0%;
background-color:#990000;
}

#HomePageBottom p
{
background-color:#990000;
font-family:Calibri,Garamond,Verdana;
font-size:8pt;
font-style:normal;
color:White;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#HomePageBottomdiv
{
background-color:#990000;
font-family:Calibri,Garamond,Verdana;
font-size:8pt;
font-style:normal;
color:White;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
width:86%;
top:0px;
position:absolute;
left:0%;
}

#HomePageBottomdiv2
{
background-color:#990000;
font-family:Calibri,Garamond,Verdana;
font-size:11pt;
font-style:normal;
color:white;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
top:0px;
left:86%;
width:14%;
position:relative;
}

#HomePageBottom a:visited{color:#ffffff;}
#HomePageBottom a:link{color:#ffffff;}


#HomePageLogosHolder{
color:#ffffff;
padding:1px;
top:1500px;
position:absolute;
width:100%;
left:0%;
}

#HomePageMainContent2
{
padding-top:0px;
top:630px;
position:absolute;
width:64%;
left:31%;
padding-left:5%;
font-family:Arial;
font-size:10pt;
font-style:normal;
}

#HomePageMainContent3
{
padding-top:0px;
top:630px;
position:absolute;
width:64%;
left:31%;
padding-left:5%;
font-family:Arial;
font-size:10pt;
font-style:normal;
}

#HomePageBigStory
{
top:450px;    /* 160 */
position:absolute;
width:70%;
left:0%; border-width:thin; 
z-index:-1;
margin-right:1em;
}
.HomePageBigStory a:link, .tag a:visited{color:#999999;}

#HomePageBigStory p 
{
	font-family:Arial;
	font-size:12px;	
}

P.HomePageBigStory:first-letter {font-size: 110%; float:left; font-family:Verdana,Bookman Old Style;}

#HomePagePrevNav
{
	position:absolute;
	padding:0 em;
	left:5px;
	top:420px;
	z-index:-5;
}  

#HomePageNextNav
{
	position:absolute;
	padding:0 em;
	left:63%;
	top:420px;
	z-index:-5;
} 

#HomePagePrevNavBottom
{
	position:absolute;
	padding:0 em;
	left:5px;
	top:830px;
	z-index:-5;
}  

#HomePageNextNavBottom
{
	position:absolute;
	padding:0 em;
	left:63%;
	top:830px;
	z-index:-5;
}

#HomePageNextStories
{
    padding-top:10px;
    top:900px;
    position:absolute;
    width:69%;
    left:0%;
    z-index:1;
    font-family:Bookman Old Style;
    font-size: 12px;
    background-color: #ffffff;
    color:#05173f;
}

#HomePageNextStories h1
{
	font-family:Calibri, Bookman Old Style;
	font-size: 1.5em;
	background-color: #05173f;
	color:White;
}	

#HomePageNextStories h2
{
	font-family:Bookman Old Style;
	font-size: 1em;
	background-color: #ffffff;
	color:#05173f;
}


#HomePageStatement2011
{
padding-top:10px;
top:465px;
position:absolute;
width:30%;
left:70%;
z-index:1;
}

#HomePageStatement2011 p
{
background-color:#990000;
font-family:Calibri,Garamond,Verdana;
font-size:12pt;
font-style:normal;
color:White;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

#HomePageStatement2011 a:visited{color:#ffffff;}
#HomePageStatement2011 a:link{color:#ffffff;}




#ArticlePageMainContent
{
padding-top:0px;
top:300px;
position:absolute;
width:69%;
left:31%;
padding-left:5%;
font-family:Arial;
font-size:10pt;
font-style:normal;
}

#ArticlePageBannerAd
{
padding-top:10px;
top:3300px;
position:absolute;
width:100%;
left:0%;
z-index:-1000;
}

#ArticlePagePhotoHolder
{
top:160px;
position:absolute;
width:100%;
left:0%;
font-family:Franklin Gothic Medium;
font-size:32pt;
font-weight:bold;
padding:0 20% 0 20%;
z-index:1;
}

#ArticlePageCapsule
{
padding-top:5px;
top:520px;
position:absolute;
width:30%;
left:0%;
border-style:solid;
border-color:#05173f; 
border-width:1px;
background-color:#000000;
color:white;
}
#ArticlePageCapsule a:visited{color:#ffffff;}
#ArticlePageCapsule p{color:white;}



#ArticlePageWelcomeLinks
{
padding-top:5px;
top:680px;
position:absolute;
width:30%;
left:0%;
border-style:solid;
border-color:#05173f; 
border-width:1px;
background-color:#e5fe78;
}

#ArticlePageWelcomeLinks ul
{
background-color:#e5fe78;
}

#ArticlePageWelcomeLinks td
{
background-color:#e5fe78;
}


#ArticlePageAboutUs
{
padding:20px 20px 20px 20px;
top:800px;
position:absolute;
width:35%;
left:0%;
font-family:Garamond,Arial;
font-size:11pt;
font-style:normal;
}

#ArticlePageSide
{
padding-top:20px;
left:0%;
background-color:#ffffff;
top:1040px;
width:30%;
position:absolute;
}

#ArticlePageSide p
{
background-color:#ffffff;
font-family:Calibri,Garamond,Verdana;
font-size:8pt;
font-style:normal;
color:White;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#ArticlePageSidediv
{
background-color:#ffffff;
font-family:Calibri,Garamond,Verdana;
font-size:8pt;
font-style:normal;
color:White;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
top:0px;
position:absolute;
}

#ArticlePageSidediv2
{
background-color:#05173f;
font-family:Calibri,Garamond,Verdana;
font-size:11pt;
font-style:normal;
color:#ffffff;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
top:-200px;
position:absolute;
left:0px;
}

#ArticlePageSide a:visited{color:#05173f;}
#ArticlePageSide a:link{color:#05173f;}

#ArticlePageSidediv2 a:visited{color:#ffffff;}
#ArticlePageSidediv2 a:link{color:#ffffff;}



#ArticlePageLogosHolder{
color:#ffffff;
padding:1px;
top:1500px;
position:absolute;
width:100%;
left:0%;
}

#ArticlePageLogo{
color:#ffffff;
padding:1px;
top:0%;
position:absolute;
width:30%;
left:70%;
}

#ArticlePageMajorLinks{
font-family:Verdana,Arial;
font-size:14pt;
padding:3px;
top:200px;
position:absolute;
width:40%;
left:60%;
}


#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	padding: 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */
	width: 58em;				/* <-- use this for a set width */
	background-color: #ffffff;
	}
 	
#contentBigStory
	{
	padding:1em;
	margin-bottom: 0;
	}

#contentBigStory h1
	{
	color:#05173f;
	font-weight: bold;
	font-size: 1.5em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
	
#contentBigStory h2
	{
	color:black;
	font-weight: bold;
	font-size: .9em;
	font-family: Garamond, helvetica, geneva, arial, sans-serif;
	}		
#contentBigStory p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	overflow:hidden;
	margin-right: 1em;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url('tlc.gif');
	background-position: 0% 0%
	}

#trc
	{
	background-image:url('trc.gif');
	background-position: 100% 0%
	}
	
#blc
	{
	background-image:url('blc.gif');
	background-position: 0% 100%
	}

#brc
	{
	background-image:url('brc.gif');
	background-position: 100% 100%
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url('tb.gif');
	background-position: 0% 0%
	}

#bb
	{
	background-image:url('bb.gif');
	background-position: 50% 100%
	}
	
#rb
	{
	background-image:url('r.gif');
	background-position: 100% 0%;
	background-repeat: repeat-y
	}

#lb
	{
	background-image:url('l.gif');
	background-position: 0% 100%;
	background-repeat: repeat-y
	}
		
	#ArticlePageMainContentwithID
{
padding-top:0px;
top:240px;
position:absolute;
width:80%;
left:20%;
padding-left:5%;
font-family:Arial;
font-size:10pt;
font-style:normal;
border-width:thin; 
z-index:-1;
margin-right:1em;
}

#ArticlePageSideComments
{
font-family:Calibri,Garamond,Verdana;
font-size:11pt;
font-style:normal;
color:#05173f;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
width:20%;
top:200px;
position:absolute;
left:0px;
z-index:-2;
}
a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

#HomePageMoreStories { 
position : absolute; 
padding : 0; 
left : 33%; 
top : 440px; 
z-index : -6; 
}