h1 	{			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 7px;
    	font-size: 160%;
	}

h2 	{			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 3px; 
	margin-bottom: 3px;
   	font-size: 130%;
	}

h3 	{			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 2px; 
	margin-bottom: 2px;
   	font-size: 120%;
	}

h4 	{			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 2px; 
	margin-bottom: 2px;
   	font-size: 90%;
	}


BODY 	{
	background: url(../images/TopBackground.jpg) #FFFFFF repeat-x;	/* repeats only left-right */
   	font-family : Arial, Verdana, sans-serif;
	font-size: 80%;
	color : #781414;
	padding-top: 0px; /*for Opera6*/ 
	padding-left: 400px;
	padding-right: 400px;
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
      	}

.expander {
	position: relative;
	margin-left: -400px;
	margin-right: -400px;
	min-width: 800px;
	}
 
/* Used for IE tuning */
	/* \*/
	* html .sizer,
	* html .expander,
	* html .innerwrapper
	{height: 0;}
	/* */ 

.LeftCorner {
	position:absolute; /*The logo corner at the top, positioned absolutely*/
   	top: 0px; 
   	left: 0px;
	margin-left: 0px; 
	margin-top: 0px; 
	}

.Header {
	position:absolute; /*The header at the top, positioned absolutely*/
   	top: 0px; 
   	left: 0px;
	width: 100%;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	}

.Header a:link, .Header a:visited {	/*links in the header*/
	color: #781414; 
  	background: #c9c9a7;
	text-decoration: underline; 
	}

.Header a:hover {			/*hover links in the header*/ 
  	color: #000000; 
  	background: #c9c9a7;
	text-decoration: underline; 
	}

.HeaderContainer 	{			
	position:absolute; /*At the top, under the header positioned absolutely*/
   	top: 0px; 
   	left: 0px;
	width: 100%;
	height: 100%;
   	margin-left: 0px;		
   	margin-right: 0px;		
   	border: 0px; 
	line-height : 120% 		/* for readability */
    	}

.MainContainer 	{			/*this contains the main content area*/
	position:absolute; 		/*At the top, under the header positioned absolutely*/
   	top: 180px; 
   	left: 0px;
	width: 100%;
	height: auto;
   	color: #781414;			/*this is the maroon color*/
   	margin-left: 0px;		
   	margin-right: 0px;		
   	margin-top: 0px;	
   	border: 0px; 
	background: #e7e7d7; 
    	}

.MarginedContainer100 	{		/*this contains the main content area and 100% font*/

	width: 95%;
	height: auto;
   	color: #781414;			/*this is the maroon color*/
   	font-family : Arial, Verdana, sans-serif;
   	font-size: 100%;
   	margin-left: 10px;		
   	margin-right: 10px;		
   	margin-top: 5px;	
   	border: 0px; 
	background: inherit; 
    	}

.MarginedContainer120 	{		/*this contains the main content area and 120% font*/

	width: 95%;
	height: auto;
   	color: #781414;			/*this is the maroon color*/
   	font-family : Arial, Verdana, sans-serif;
   	font-size: 120%;
   	margin-left: 10px;		
   	margin-right: 10px;		
   	margin-top: 5px;
   	border: 0px; 
	background: inherit; 
    	}

.RightHalf	{			/*right half of 2 column centered layout*/
	float:left; 
	color: inherit;
  	background: inherit; 
	width:50%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.LeftHalf	{			/*left half of 2 column centered layout*/
	float:left;
	color: inherit;
  	background: inherit;
	width:49.9%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.LeftThird	{			/*left third of 3 column centered layout*/
	float:left;
	color: inherit;
  	background: inherit;
	width:33%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.LeftTwoThirds	{			/*left two thirds of 3 column centered layout*/
	float:left;
	color: inherit;
  	background: inherit;
	width:65.9%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.clear   {				/* used to fix firefox nested div issues - put a clear div below left and right divs and above footer divs */
    clear: both;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    }

.Div550ToMatchForm	{		/*Used on Evaluation Form for Question Header*/
	float:left;
	color: Black;
  	background: inherit;
	width:550px;
   	margin-top: 15px;
   	margin-bottom: 15px;
	font-size: .9em;	
	}

.RadioLabelLeft	{			/*Used on Evaluation Form for Poor label*/
	float:left;
	color: Black;
  	background: inherit;
	width:125px;
   	margin-top: 15px;
   	margin-bottom: 15px;
   	font-size: .9em;	
	}
	
.RadioLabelRight	{			/*Used on Evaluation Form for Excellent label*/
	float:left;
	color: Black;
  	background: inherit;
	width:70px;
   	margin-top: 15px;
   	margin-bottom: 15px;
	font-size: .9em;	
	}

.RightQuarter	{			/*right quarter of 4 column centered layout*/
	float:left;
	color: inherit;
  	background: inherit;
	width:25%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.MiddleThird	{			/*middle third of 3 column centered layout*/
	float:left;
	color: inherit;
  	background: inherit; 
	width:33%;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.RightThird	{				/*right third of 3 column centered layout*/
	float:left; 
	color: inherit;
  	background: inherit;
	width:32.9%;
	z-index:-1;
   	margin-top: 15px;
   	margin-bottom: 15px;
	}

.General {
	float: none;
	color: inherit;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 5px;
   	font-size: 100%;
	}

.GenMargin	{			/*a best guess margin for pretty good bulleted list centering*/
	color: inherit;
  	background: inherit; 
	margin-left: 25%;
   	margin-top: 10px;
   	margin-bottom: 10px;
	}

.SubMainBlack h1  {			
	color: #000000;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 8px;
   	font-size: 160%;
	}

.SubMainBlack h2 {			
	color: #000000;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 5px;
   	font-size: 130%;
	}

.SubMainBlack h3 {			
	color: #000000;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 4px; 
	margin-bottom: 4px;
   	font-size: 120%;
	}
			
.SubMainMaroon h1  {			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 8px;
   	font-size: 160%;
	}

.SubMainMaroon h2 {			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 5px; 
	margin-bottom: 5px;
   	font-size: 130%;
	}

.SubMainMaroon h3 {			
	color: #781414;
  	background: inherit;
   	font-family : Arial, Verdana, sans-serif;
	margin-top: 4px; 
	margin-bottom: 4px;
   	font-size: 120%;
	}

.Logos 	{				/*a spot for the HBA and Chamber logos*/
	margin-top: 20px;
   	margin-left: 10px;		
   	margin-right: 10px;		
	background: inherit;
	color: inherit;
    	}
					
.Footer {				/*for the bottom-navigation and the copyright will be placed*/
  	background: inherit;
  	color : #781414;
   	font-family : Arial, Verdana, sans-serif;
  	font-size: 70%;
  	padding : 2px;
  	}

					
.Checkbox {				/*for checkboxes, put them in a div with smaller font*/
  	background: inherit;
  	color : #781414;
   	font-family : Arial, Verdana, sans-serif;
  	font-size: 80%;
  	padding : 2px;
  	}


a:link 	{				/*normal links in the text*/
  	color: #781414; 
  	text-decoration: underline; 
  	background: inherit;
	}

a:visited {
  	color: #781414; 
  	text-decoration: underline; 
  	background: inherit;
	}

a:hover { 
  	color: #000000; 
  	text-decoration: underline; 
  	background: inherit;
	}

.picfloatleft {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	}

.picfloatright {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	}

.picfloatleftborder {
	float: left;
	padding-right: 2px;
	border-right: #FFFFFF 5px solid;
	border-top: #FFFFFF 5px solid;
	border-bottom: #FFFFFF 5px solid;
	}

.picfloatrightborder {
	float: right;
	padding-right: 2px;
	border-color:#FFFFFF;
	border-left: #FFFFFF 5px solid;
	border-bottom: #FFFFFF 5px solid;
	}

.picborderwhite {
	border:3px solid #FFFFFF;
	}

.picborderbackground {
	border:3px solid #e7e7d7;
	}
 
.picborderbrown {
	border:3px solid #AAAA92;
	}
 
.picbordermaroon {
	border:3px solid #781414;
	}

.eightypercent  {			
    font-size: 80%;
	}
 
#errordiv {
	border: 1px solid #AAAA92;
	background-color: #FFFF99;
	display: none;
	width:60%; 
	margin: 0px;
	margin-top: 5px;
	padding: 1px;
	min-width: 600px;
	max-width: 700px;
}

.required {
	background-color: #FFFF99;
}

.required:focus {
	background-color: #fff;
	border: 1px solid #f00;
}

.checkit {
	background-color: #FFFFFF;
}

.narrowform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 450px;
	max-width: 500px;
	width: 50%; 
}

.wideform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 700px;
	max-width: 600px;
	width: 70%; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border-color: #781414;
	border-width: 1px;
	border-style: solid;
	padding: 5px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

form fieldset legend {
	font-size:.90em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	font-size:.90em;	
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: .90em;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.longlabel 
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 550px; 
	padding: 0; 
	font-size:.90em;	
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
        
 }
            
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}