/***********************************************/
/* home.css                            */
/* Use with index.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/*
Hours log:
20091208 thru 1209		- 12 hrs
20091209				- 5 hrs (as of 2am 12/10)
20091210				- 7 hrs (as of 1am 12/11)
----above 3 billed in November = 24 hours for November

20091211				- 10 hrs (as of 5am 12/12)
20091212				- 4 hrs (as of 10pm)
20091213				- 4 hrs

20091215				- 6 hrs as of midnight
20091216				- 12 hrs as of 2:30am 12/17
20091221				- 4 hrs as of midnight
20091222				- 6 hrs as of 7 am
----above 7 days billed in December = 46 hours for December

20100105				- 6 hrs as of 12:30am on 1/6:  January calendar page and template for the rest
20100106				- 3 hrs (January Calendar stuffies)
20100107				- 5 hrs
20100108				- 12 hrs (as of 3:00am 1/9)	
20100109				- 5 hrs as of 7pm
20100111				- 9 hrs (as of 4am on 01/12)
20100112				- 13 hrs as of 5am on 1/13
20100113				- 6 hrs as of 3am on 1/14
20100114				- 13 hrs as of 10am on 1/15
20100115				- 3 hrs after nappy
20100120				- 4 hrs as of 1am on 1/21
20100121				- 8 hrs as of 12:30am on 1/22

20100211				- 4 hrs as of 4:30pm
*/

body{

	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:hover {
/*	color: #006699;									*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
/*	font-family: Arial,sans-serif;					*/
	margin: 0px;
	padding: 0px;
/*2010.01.14,djg, added next two and commented out family above	*/	
	font-variant:small-caps; 
	font-family:'Century Schoolbook'; 

}

h1{
/*2010.01.14,djg, commented out font-family	*/
/* font-family: Verdana,Arial,sans-serif;			*/
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: none;							
/* list-style-type: square;									*/
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #000000;
}

/*
body, html
{
	scrollbar-face-color:  #333333;
	
	scrollbar-shadow-color:  #969696;
	scrollbar-highlight-color: #969696;
	scrollbar-3dlight-color: #969696;
	scrollbar-darkshadow-color: #969696;	
	scrollbar-arrow-color: #969696;	
			
	scrollbar-track-color: #CCCCCC;	

}
*/				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#invisible{
	visibility:hidden;
	vertical-align:top;
}

#masthead{
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
<!--use below for adding Contact Us and Search functions to top parts of page -->
#masthead p{
	padding: 0px 0px 5px 30px;
}

	/**20091209 - banner added    */
	.heading{
	/*2010.01.14,djg, added new styles after text-indent */
	/*	text-indent: 40px;			*/
		text-indent: 70px;	
		
		color:#FFFFFF;
		font-size:220%;		
/*		font-family:'Century Schoolbook';		*/
		font-family:'Goudy Old Style';
		font-weight:bold;		
		font-variant:small-caps;
		background-image:url(images/redCircleSmall.gif);
		background-position: 41px;
		background-repeat:no-repeat;
	}
	.heading img{
		margin-top: 5px;
	}
	
	.heading2{
	/*2010.01.14,djg, added new styles after new text-indent */
	/*	text-indent:52.5%;			*/
		text-indent:355px;
		
		color:#FFFFFF;
		font-style:italic; 
		font-family:'Century Schoolbook';
		font-weight:bold;
	}
	
	.heading3{
	/*2010.01.14,djg, added new styles after new text-indent */
	/*	text-indent:52.5%;		*/	
		text-indent:170px;		
		
		color:#000000;
		font-style:italic; 
		font-family:'Century Schoolbook';
		font-weight:bold;
		font-size: 140%;
	}	
	/* end of added */


#navBar{
float:left;
/*	margin: 0 79% 0 0;										*/
	padding: 0px;					
/*	background-color: #000000;								*/
/*	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
*/	
}

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
/*	float: left;						*/
	padding: 45px 10px 0px 80px;
	/*	padding: 60px 10px 0px 100px;	*/
	margin: 0 5px 5px 0;
}

.feature2 img{
	float: right;								
	padding: 300px 10px 0px 0px;			
	
/*	position:fixed;
	left: 85%;	
	bottom: 9%;								*/
/*	margin: 0 5px 5px 0;					*/
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
/*	color:#006699;		
	20100108, djg, color changed to black per CNYTC	*/
	color:#000000;
	padding: 5px 0px 10px 0px;
/*	margin-top: 0px;				*/
	margin-top: 0px;
	text-align:center;
	
/*	text-indent: 200px;				*/
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a
{
/*	color:#006699;		
	20100108, djg, color changed to black per CNYTC	*/
	color:#000000;
	font-weight:bold;
}


/************* #search styles ***************/

#search{
	float:right;
	padding: 5px 0px 0px 20px;
/*	border-bottom: 1px solid #cccccc;				*/
	font-size: 90%;
}

#search form{
 	margin: 0px;
 	padding: 0px;
}

#search label{
/*	display: block;							*/
	margin: 0px;
	padding: 0px;	
}

#search a
{
	float:right;
	color:  #000000;
	font-weight:bold;
	margin:  0px;
	padding:  6px 20px 0px 0px;
}


/*********** #navBar link styles ***********/

/*#navBar ul a:link, #navBar ul a:visited {display: block;}								*/
/*#navBar ul {list-style: none; margin: 0; padding: 0;}								*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*#navBar li {border-bottom: 1px solid #000000;}									*/

/* fix for browsers that don't need the hack */
/*html>body #navBar li {border-bottom: none;}										*/


/*********** #sectionLinks styles ***********/

#sectionLinks{
/*	position: relative;																																	
	margin: 0px 0px 15px 0px;					
	padding: 0px 0px 0px 0px;					*/													
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-top: 1px solid #FF0000;
/*	border-bottom: 1px solid #FF0000;			*/
	background-color: #000000;
}
#sectionLinks a{
/*	margin: 0px 0px 30px 0px;
	background-color:#000000;
	color:#FFFFFF;
	text-indent: 10px;	
	color: #000000;	
	
	background-color: #969696;
*/	
}
#sectionLinks a:link{

/*	padding: 2px 0px 2px 10px;					*/
/*	border-top: 1px solid #FF0000;				*/
/*	width: 100%;								*/
	
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
/*	border-top: 1px solid #cccccc;				
	background-color: #969696;					*/
/*	padding: 2px 0px 2px 10px;					*/
	border-color: #FF3300;
}

#sectionLinks a:hover{
/*	border-top: 1px solid #cccccc;				*/
	background-color: #969696;
/*	padding: 2px 0px 2px 10px;					*/
	border-color: #FF3300;
}
/*20091209 added   */
#sectionLinks ul
{
	background-color: #000000;	
/*	padding: 0px 0px 0px 0px;				*/
	
}

#sectionLinks li
{

/*	background-color: #969696;				*/
	padding: 25px 0px 10px 0px;				
}

#sectionLinks img
{
/*	background-color: #969696;				*/
	border-color:#000000;
	padding-bottom:  5px;								 
}



