body
	{
	background: #C7D3CF;
	margin: 0 auto;
	padding: 0 auto;
	
	font-family: Arial, sans-serif;
   	font-size: 12px;
	font-weight: normal;
	line-height: 1.6;
    	color: #000;
	text-align: center;
	}
	
p  { margin: 10px 0 0 0; padding: 0; }
.clear { clear: both; font-size: 0px; line-height: 0px; }
a img { border: none; }
a { color: #336FBC; text-decoration: none; }
a:hover { text-decoration: underline; }
	
h1
	{
	float: right;
	font-family: Georgia, 'Times New Roman', serif;
	color: #B7D1E8;
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
	margin: 0;
    	padding: 0;
	text-indent: -7000px;
	}

h2
	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 ;
    	padding: 0;
	border: 0;
	}
	
h3
	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 ;
    	padding: 0;
	border: 0;
	}
	
h4
	{
	font-family: Georgia, 'Times New Roman', serif;
	color: #46347B;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin: 0 ;
    	padding: 0;
	border: 0;
	}

	
/* PAGE */

#pageframe
	{
	background: #fff url(../images/imgHCSO/bgr.gif) repeat-y top left ;
	width: 777px;
	margin: 0 auto;
    	padding: 0 1px 0 1px;
	}

	
/* THIS STYLE AND ITS BGR IMAGE ARE NO LONGER NEEDED
#pageframewide
	{
	background: #fff url(../images/imgHCSO/bgrwide.gif) repeat-y top left ;
	width: 777px;
	margin: 0 auto;
    	padding: 0 1px 0 1px;
	}
 */
	
/* HEADER */

#header
	{
	background: #fff ;
	position: relative;
	float: left;
	display: inline;
	width: 777px;
	height: 136px;
	margin: 0 ;
    	padding: 0 ;
	text-align: left;
	}
	
#logo
	{
	position: relative;
	float: left;
	display: inline;
	width: 289px;
	top: 30px;
	margin: 0;
    	padding: 0 ;
	}
	
#header .line
	{
	position: relative;
	float: left;
	display: inline;
	width: 30px;
	height: 85px;
	top: 30px;
	margin: 0;
    	padding: 0 ;
	border-right: 1px #9383C8 solid;
	}
	
#header .links
	{
	position: relative;
	float: left;
	display: inline;
	width: 445px;
	height: 92px;
	top: 23px;
	margin: 0;
    	padding: 0 ;
	}
	
#header .links a  { color: #473192; text-decoration: none; }	
#header .links a:hover  { color: #473192; text-decoration: underline; }	
#header ul { margin: 13px 0 0 15px ; padding: 0 ; }	
#header li { list-style-type: none; margin: 0; padding: 0; }

#subhead
	{
	background: #fff ;
	position: relative;
	float: left;
	display: inline;
	width: 762px;		/*    WIDTH for IE    */
	height: 35px;
	margin: 0 ;
    	padding: 0 0 0 15px ;
	text-align: left;
	}
	
#subhead .questions
	{
	position: relative;
	float: left;
	display: inline;
	width: 373px;	/*    WIDTH HAS BEEN ADJUSTED    */
	margin: 0 ;
    	padding: 0;
	text-align: left;
	}
	
#subhead .sponsor
	{
	position: relative;
	float: left;
	display: inline;
	width: 374px;	/*    WIDTH HAS BEEN ADJUSTED    */
	margin: 0 ;
    	padding: 0;
	text-align: right;
	}
		
#subhead2 .questions	/*	WHAT ARE THESE FOR ???	*/
	{
	position: relative;
	float: left;
	display: inline;
	width: 475px;
	margin: 0 ;
    	padding: 0;
	text-align: left;
	}
	
html>body #subhead2 .questions		/*	WHAT ARE THESE FOR ???	*/
	{
	position: relative;
	float: left;
	display: inline;
	height:0px;
	width: 1px;
	margin: 0 ;
    	padding: 0;
	text-align: left;
	}
	

#headline
	{
	background: #fff url(../images/imgHCSO/subheadBgr.gif) repeat-x bottom left ;
	position: relative;
	float: left;
	display: inline;
	width: 777px;
	height: 50px;
	margin: 0 ;
    	padding: 0 0 0 0;
	text-align: center;
	}



/* HOME PAGE CONTENT */


	
.error  { color: #FF9A38; font-weight: bold; text-decoration: none; }

#content
	{
	width: 777px;
	margin: 0;
	padding:  0;
	text-align: left;
	}

	

/*    COLUMN 1    */


	
#column1
	{
	background: #E7E7E9;
	position: relative;
	float: left;
	display: inline;
	width: 185px;
	margin: 0;
	padding:  0;
	text-align: left;
	}
	
#column1 .title
	{
	background: #B0C4DE;
	position: relative;
	float: left;
	display: inline;
	width: 154px;
	margin: 0 ;
	padding: 7px 15px;
	text-align: left;
	border-top: 1px  #fff solid;
	border-right: 1px  #fff solid;
	border-bottom: 1px  #fff solid;
	}
	
#column1 .links
	{
	position: relative;
	float: left;
	display: inline;	
	width: 155px;
	margin: 0 ;
	padding:  15px 15px 30px 15px;
	text-align: left;
	}

	

/*    COLUMN 2    */



#column2
	{
	position: relative;
	float: left;
	display: inline;
	width: 296px;
	margin: 0;
	padding:  0;
	text-align: left;
	}
		
#column2 .title
	{
	background: #B0C4DE;
	position: relative;
	float: left;
	display: inline;
	width: 265px;
	margin: 0 ;
	padding: 7px 15px ;
	text-align: left;
	border-top: 1px  #fff solid;
	border-right: 1px  #fff solid;
	border-bottom: 1px  #fff solid;
	}
	
.blog
	{
	position: relative;
	float: left;
	display: inline;	
	width: 260px;
	margin: 0 ;
	padding:  15px 15px 30px 15px;
	text-align: left;
	}
	
/*  THIS STYLE IS NO LONGER NEEDED
 #column2wide .blogwide			
	{
	position: relative;
	float: left;
	display: inline;	
	width: 500px;
	margin: 0 ;
	padding:  15px 15px 30px 15px;
	text-align: left;
	border-bottom: 0px #000 solid;
	}
*/
	
#column2 .hr
	{
	position: relative;
	float: left;
	display: inline;
	width: 295px;
	height: 1px;
	border-top: 1px #C5C5CB dashed;
	}
	

/*    COLUMN 3    */

	
#column3
	{
	background: #E7E7E9;
	position: relative;
	float: left;
	display: inline;
	width: 296px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#column3 .title
	{
	background: #B0C4DE;
	position: relative;
	float: left;
	display: inline;
	width: 266px;
	margin: 0 ;
	padding: 7px 15px ;
	text-align: left;
	border-top: 1px  #fff solid;
	border-bottom: 1px  #fff solid;
	border-right: 0;
	border-left: 0;
	}
	
	
/* 	THIS IS NO LONGER NEEDED.  Columns 2 and 3 are equal widths and they they now share the Blog style
 .qotw
	{
	position: relative;
	float: left;
	display: inline;	
	width: 266px;
	margin: 0 ;
	padding: 15px 1px 30px 15px;
	text-align: left;
	}
 */		

p .title { font-style: italic; }

/* FOOTER */

#footer
	{
	background: #B0C4DE;
	width: 777px;
	height: 85px;
	margin: 0 ;
	padding: 15px 0 0 0 ;
	font-size: 11px;
	text-align: center;
	border-top: 1px #fff solid;
	}
	
#footer a { color: #3E3266; text-decoration: none; }	
#footer a:hover { text-decoration: underline; }
#footer .space { margin: 0 5px 0 5px ; padding: 0; }
	
.popupstyle { cursor: pointer; }	

.popupstyle a:hover { text-decoration: underline;}

.editlink {  cursor: pointer; color:Red;	}
.editlink:hover { text-decoration: underline;}

.bloglink {  cursor: pointer;	}
.bloglink:hover { text-decoration: underline; }

/* comments */
#cmtentry
{
	padding:2px 5px 2px 25px;
	background-color:silver ;
	margin:2px 5px 3px 5px;
}
#cmttitle
{
	font-weight:bold;
	padding:2px 5px 2px 0px;
}
#cmtsig
{
	font-style:italic;
}

#adminbar
	{
	background: #fff ;
	position: relative;
	float: left;
	display: inline;
	width: 762px;		/*    WIDTH for IE    */
	margin: 0 ;
    padding: 0 0 0 15px ;
	text-align: left;
	background: LightYellow;
	
	}
	
#adminbar #adminbarleft
	{
	position: relative;
	float: left;
	display: inline;
	width: 373px;	/*    WIDTH HAS BEEN ADJUSTED    */
	margin: 0 ;
    padding: 0;
	text-align: left;
	}
	
#adminbar #adminbarright
	{
	position: relative;
	float: left;
	display: inline;
	width: 374px;	/*    WIDTH HAS BEEN ADJUSTED    */
	margin: 0 ;
    	padding: 0;
	text-align: right;
	}