/* General overrides */

BODY { margin-top: 10 }



a 	{		/* make links blue */
	color:#6699FF; 
	text-decoration:none;	
	
}

a:hover {
	text-decoration:underline;	
}


/* Structure
----------------------------------------------- */


#container { 
	width: 100%; 
	text-align: center;
	margin: 0 auto;
    
 } 


#pageframe {
	text-align: center;
	margin: 0 auto;
	background:black;
	width:772px;
	padding:0px 0 10px;	/* 10 pixels at bottom */
	overflow:auto; 
	
  }
  


#mastRight {		/* phone numbers and email */
	
	float: 	right;
	width:300px;
	padding:48px 30px 0px 0;
	text-align: right; 
}


#mastRight a {		/* email address  - adjust later if needed*/		
}

#mastRight a:hover {
	text-decoration:underline;
}

#mastLeft {

  	float:left;
  	width:400px;
	text-align: left;
	padding:10px 0 0 30; 
 }


#navbar{ 
	float:left;
	width:100%; 	/*equal to total of floated links*/ 	
	font-family:  Arial, Helvetica, Verdana, sans-serif;       
}

 
#navbar ul{ 	
	padding:0;
	margin: 0;
	border-left:2px solid #000; 
	white-space : nowrap;
	list-style-type:none; 
} 

#navbar  li { 				
	font-size: 87%;	
	float:left; 
	display: block;		
	width:121px;		
	line-height:20px; 
	padding:0;
	margin: 0; 
	border-right:1px solid #000; 
	color:#fff; 
	background:#CCC; 
} 

#navbar  li#currpage {           /* no link - model for the current page */
  	background:#666;
  }


#navbar  li#consult {            /* define longer button for FREE CONSULTATION */
	width:150px;   
	padding:0;
	margin: 0; 
  
  }

#navbar  li#currConsult {            /* define longer button for FREE CONSULTATION */
	width:150px;  
	background:#666;
  	border-left-width:0; 
  
  }
 
#navbar  li a:link, #navbar  li a:visited{ 
	display: block;	
	color:#000; 
	text-decoration:none; 
	background:#CCC; 
} 
 

#navbar ul li a:hover{ 
	width: 100%;
	color:#fff; 
	background:#999; 	
	
} 


#nav {
	float:left;
	width:110px;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 87%;
	color:#CCCCCC;
	padding: 0; margin:0;
	text-align:left;
	font-variant: small-caps;
	}
	
#nav ul {
	/* border: 1px solid #CCC;   */
	/* margin:0 20 0 0 ;  /* 0 */
	margin:0;  /* 0 */
	padding:0 ;  /* 0 */	
	list-style-type:none; 
	/* background-color:#666666; */
	
  }

#nav li {
	text-decoration:none;
	height: 2em;
	color: cornsilk;
	/* border-bottom: 1px solid #CCC; /* */
}

#nav li a {
	/*color: #CCC;	*/
	padding:0px;
	text-decoration:none;
	
   
  }

#nav li a:hover {
	color: cornsilk;
	/* text-decoration:underline; */
  }

#spacer{ 
  	float:left;
  	width:30px;
  }


.colorSpacer {
  clear: both;
}


#oddcolumn {
	float:left;
	width:212px;
	line-height: 1.3em;
	/*padding-left: 10px; 		Note that Netscape adds this to the width of the element!
	padding-top: 0px; */
  }


#content-MidandRight {
	width:520px;
	float:left;
	text-align: left;
	margin:0 auto;
	font-size: 85%;
  }


#content-left {	
	float:left;
	width:260px;
	line-height: 1.5em;

  }

#content-right {
	float:left;
	width:240px;
	line-height: 1.5em;
  }


/* Budget page layout here */


#Budcontent-LeftandMid {
	font-size: 87%;
	width:515px;
	float:left;
	text-align: left;
  
}
 
#Budcontent-LeftandMid ul{ 
	padding:0;
	margin: 0;
	white-space : nowrap;
	list-style-type:none; 	
} 

#Budcontent-left {
	float:left;
	width:210px;
	line-height: 1.5em;

  }

#Budcontent-mid{
	float:left;
	width:300px;
	line-height: 1.5em;
  }



#bottom  {
	  float: left;  
	  margin: 0 auto;
	  width: 772px; 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 85%;
	
}

/* questionnaire layout */

#question  {
	
	float: left; 
	width: 100%;         
	
}

.bgLtGrey{ 
 background-color: #EEC; 
}

.question-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: .9em;
	color: #CCC;
	text-align: left; 
}

#question p{
	
	font-size: 110%;
	line-height:2.5em;
	
}

/* Other areas */

#spotlight { 
	font-size: 80%;
	width: 98%;
	color:#999;	
	border: 1px solid #CCC; 
	margin: 0 auto;
	font-weight: bold;
	text-align: center; 	/* allow spotlight-text to be centered in spotlight */
	
} 

#spotlightConsult { 
	font-size: 90%;
	width: 94%;
	color:#999;	
	border: 1px solid #CCC; 
	margin: 0 auto;
	text-align: center; 	/* allow spotlight-text to be centered in spotlight */
	
} 

#spotlight-text { 	/* align text inside spotlight without using padding or margins */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 92%;	/* margin from the spotlight border */
	color:#999;
	text-align: left;
	margin: 0 auto;
	font-size: 100%;
	font-style: normal;
	line-height: 1.3em;
	
} 

#spotlightConsult-text-below { 
	
	width: 94%;
	color:#CCC;	
	margin: 0 auto;
	text-align: left; 	/* allow spotlight-text to be centered in spotlight */
	
} 

.spotHead {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;

}

.spotSmall {
	font-size: 80%;
	font-weight: bold;
	font-variant: small-caps;

}

.spotItalic {
	font-size: 95%;
	font-weight: normal;
	font-style: italic;

}

.spotNorm {
	font-size: 95%;
	font-weight: normal;
	line-height: 1em;

}


.SOS {
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size: 250%;
	font-weight: bold;
	color: #66CC33;
	font-style: normal;

}

.SOSSmall {
	font-family: "Comic Sans MS", Arial, Verdana;
	font-size:250%;
	font-weight: bold;
	color: #66CC33;
	font-style: normal;
	font-variant: small-caps;

}

.SOSBody {
	font-family: "Comic Sans MS", Arial, Verdana;
	font-weight: bold;
	color: #66CC33;
	font-style: normal;

}


.Heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
        font-weight: bold;

}

.SubHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #CCCCCC;
	/* font-style: italic; */
	/* color: #6699FF; */

}

.bodyHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%; 
	/*font-size: 16px; */
	font-weight: normal;
	color: #999;
	
}

.bodyEmph{	
	font-weight: bold;
	font-variant: small-caps;
}


.caption {
	font-size: 87%;
	line-height: 1.2em;
}


.NavigationSmaller {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #CCCCCC;
}

.White {

	color: #FFF;
}

.LtBlue {

	color: #6699FF;
}

.LtGrey {

	color: #CCC;
}

.LtGreyBold {

	color: #CCC;
	font-weight: bold;
}


.Green {
	
	color: #66CC33;
}

.Red{
	
	color: #F00;
}


.BodyTextLtGrey {
	font-weight: bold;
	font-size: 75%;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;

}

.BodyTextLtGrey90 {
	font-weight: bold;
	font-size: 90%;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;

}

.BodyTextDarkGrey {
	font-weight: normal;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Footer {
	color: white;
	font-variant: small-caps;

}