/* ************************************************************
Title: CSS main styles
Author: Grady, Campbell Inc
Description: Common styles for Emergency Fund
Created: November 5, 2008
Modified: November 25, 2008

CSS TOC:
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
**************************************************************/

/* ***********************************************************
HTML SELECTORS
**************************************************************/
body{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13pt;
margin:0;
}
/* ---HEADINGS--- */
h1{
color:#33a3b7;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
margin:0;
}
h2{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:19px;
padding-left: 10px;
padding-bottom:10px;
line-height:23px;
margin:0;
}
h3 {
}

h4{
color:#696A6C;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:14pt;
padding-left:10px;
margin:0;
font-size:13px;
}
h5{
color:#BEBDB0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;
padding-bottom:0;
margin:0;
font-size:13px;
}
h6{
color: black;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:14pt;
padding-left:10px;
margin:0;
font-size:16px;
}

#titles{ 
color: #00B6DE;
font: italic bold 12px/12pt Arial, Helvetica, sans-serif;
}
/* ---PARAGRAPHS--- */ 
p{
padding-left: 10px;
margin:4 0 2 0;
}
.footer {
	font-size:10px;
	margin:0;
	line-height:12px;
}

/* ---LINKS--- */
a:link  {
	color: #00B6DE;
	text-decoration: none;
}
	
a:visited	{
	color: #00B6DE;
	text-decoration: none;
}

a:hover {
	color:#FF0066;
	text-decoration: underline;
	}
a.footer:hover {
	color: #333333;
}


/* ---LISTS--- */
#nav {
		margin: 0;
		padding: 0;
	}

#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;

}

/* My Comment */

#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 20px;
  height: 15px;
  left: 20px;
  margin-top: 145px;
  background-color:#ffffff;
  width:720px;
}


#nav li a {
  /*for all links in the list*/
  color: #ffffff;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 88px;
  text-align:center;
  text-decoration:none;
  padding: 10;
  background: #14889f;
  border-bottom:4px solid #006699;
  border-right:2px dotted #ffffff;
}
#nav li.on a {
  /*change border color for active topic area*/
  background-color:#00CCFF;
}

#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #666666;
  width: auto;
  margin-right: 30px;
  background-color:#ffffff;
}
#nav li.on ul a:hover, #nav li.off ul a:hover {
 background:none;
 color:#000000;
}


#nav li.on ul {
  /*display the current topic*/
  display: block;
}


#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
  
}

#nav li.off a:hover, #nav li:hover a {
		background-color: #28b5d1;
		color: #ffffff;
	}




/* ---IMAGES--- */
img {
 border:0;
 margin:0;
 padding:0;
}


/* ---TABLE--- */



/* ---FORM--- */


/* **************************************************************
=LAYOUT
*****************************************************************/
#wrap {
	position: absolute;
	width: 750px;
	margin: 0 auto;
	display:block;
	top:10px;
	left:50%;
	margin-left: -380px;
	margin-top: 0;

}

#content{
width:720px;
margin: 100px 0 0 36px;
padding:0;

}
#sidebar{
}
#body{
}
.home_left{

}
.home_right{

}
/* **************************************************************
=NAVIGATION
*****************************************************************/


/* **************************************************************
=SECTION SPECIFIC
*****************************************************************/