/* *******************************************************************

NAME: styles.css
AUTHOR: Scott Emery
DATE: 9/2004
DESCRIPTION: Styles used on the CFS interior pages

******************************************************************* */

body
{
	background: #d8dce8;
	text-align: center;
	margin: 0px;
	border: 0px;
}

#whole
{
	width: 746px;
	margin: 0px auto;
	background: #ffffff;
}

/* ~~~~~~~~~~~~~~ HOMEPAGE STYLES ~~~~~~~~~~~~~~ */
#top-home
{
	float: left;
	width: 746px;
	height: 120px;
	background: #ffffff;
}

#top-home img
{
	text-align: center;
	margin: 0px;
}

#nav-home
{
	float: left;
	width: 746px;
	height: 30px;
	text-align: left;
	background: #8493b9;
	background-image: url(../imagems/h-nv-bar.gif);
	background-repeat: repeat-x;
}

#content-home
{
	float: left;
	width: 746px;
	height: 272px;
	background: #ffffff;
}

#graphic-home
{
	float: left;
	width: 217px;
	height: 272px;
	background: #ffffff;
	margin: 0px;
	border: 0px;
}

#text-home
{
	float: left;
	width: 529px;
	height: 252px;
	background: #ffffff;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#text-home p
{
	text-align: justify;
	padding: 5px 25px 0px 25px;
}

#text-home li { text-align: left; }

#greybar-home
{
	float: left;
	width: 746px;
	background: #515151;
	height: 1px;
}

#footer-home
{
	float: left;
	width: 746px;
	background: #ffffff;
}

#footer-home p
{
	font-family: verdana, arial, helvetica;
	font-size: 9px;
	color: #000000;
	text-align: left;
	padding: 5px 0px 5px 7px;
}

/* ~~~~~~~~~~~~~~ SECTION PAGE STYLES ~~~~~~~~~~~~~~ */
#top-section
{
	float: left;
	width: 746px;
	height: 64px;
	background: #ffffff;
}

#top-section img
{
	text-align: justify;
	margin: 0px;
}

#nav-section
{
	float: left;
	width: 746px;
	height: 30px;
	text-align: left;
	background: #8493b9;
	background-image: url(../imagems/h-nv-bar.gif);
	background-repeat: repeat-x;
}

#content-section
{
	float: left;
	width: 746px;
	background: #ffffff;
	background-image: url(../imagems/s-bg.gif);
	background-repeat: repeat-y;
}

#content-left
{
	float: left;
	width: 201px;
	background: #ffffff;
}

#content-left-graphic
{
	float: left;
	width: 201px;
	height: 126px;
	background: #ffffff;
}

#content-left-subnav
{
	float: left;
	width: 201px;
	background-image: url(../imagems/s-bg.gif);
	background-repeat: repeat-y;
}

#content-left-subnav ul
{
	padding-left: 25px;
}

#content-left-subnav li
{
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #181049;
	text-align: left;
	padding: 0px 25px 5px 0px;
	list-style-type: square;
}

#content-left-subnav a {
	color: #181049;
	text-decoration: none;
}

#content-left-subnav a:hover {
	color: #181049;
	text-decoration: underline;
}

#content-right
{
	float: right;
	width: 545px;
}

#text-section
{
	float: left;
	width: 545px;
	background: #ffffff;
	text-align: left;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}

#text-section img { padding: 10px 0px 4px 40px; }

#text-section p
{
	text-align: justify;
	padding: 5px 35px 0px 40px;
}

#text-section a {
	color: #101c39;
	text-decoration: underline;
}

#text-section a:hover {
	color: #64749a;
	text-decoration: underline;
}

#text-section ul { 
	padding-left: 55px;
}

#text-section li
{
	text-align: justify;
	padding: 0px 35px 3px 0px;
}
