/* css test page - this centers the page in IE 8 
-- cool -- the body and container styles are
the ones that do the trick */


body {margin: 0 auto;
background-color: #fff;
text-align: center;
font-family: helvetica, arial, sans-serif;}



#container
{width: 800px;
text-align: left;
margin: 0 auto;
background-color: #fff;}

#containertwo
{width: 800px;
text-align: left;
margin: 0 auto;
}

#top {
	text-align: center;
	background-color:#d6dcf7;
	margin: 8px 0px;
	padding: 4px;
	border: 4px double #000000;
	font-size: 12px;
}



#content
{width: 800px}

#contentB
{width: 800px;
margin: 0 auto;
text-align: left;}

#page {
	text-align: left;
	background-color:#f9f7ec;
	margin: 8px 0px;
	padding: 0 10px 10px 10px;
	border: 4px double #000000;
	}

#imgpage {
	text-align: left;
	background-color:#fff2dc;
	margin: 8px auto;
	padding: 0 10px 10px 10px;
	border: 4px double #000000;
	width: 95%;
	}

#pagetwo {
	text-align: left;
	background-color:#fff;
	margin: 8px 0px;
	padding: 0 10px 10px 10px;
	border: 4px double #000000;
	}

#pagethree {
	text-align: left;
	margin: 8px 0px;
	padding: 0 10px 10px 10px;
	border: 4px double #000000;
	}

#pagefour {width: 500px;
	text-align: left;
	margin: 8px auto;
	padding: 0 25px 10px 25px;
	border: 4px double #000000;
	background-color:#fff2dc;
	
	}

#footer {
background-color: #fff2dc;
clear: both;
margin: 10px 0px;
padding: 5px;
border: 4px double #000000;
font-size: .75em;
text-align: right;
}

#footer p {
color: #333;}




/* links from regular demo styles */

a:link {color: #8a2529;
	text-decoration: none }
a:visited {color: #8a2529;
	text-decoration: none }
a:hover {color: #000000;
	text-decoration: underline }
a:active {color:#000000; }

/* naturally colored links for demo */

a.blue:link {color: blue;
	text-decoration: underline}

a.blue:visited {color: purple;
	text-decoration: underline}

a.blue:hover {color: red;
	text-decoration: underline}

a.blue:active {color: red; 
	text-decoration: underline}


/* borders on the div */

/* headers  */

 h1	{font-size: 30px;
	}

h2	{
	font-size: 24px;
	}

h3	{font-size: 20px;
} 

h4	{font-size: 18px;
	}

h5	{font-size: 15px;
}

h6	{font-size: 12px;
}


/* text styles */

p 	{
	font-size: 13px;
	font-weight:normal;
	line-height: 140%;
	color: #000000;
	font-family: helvetica, arial, sans-serif;
	
	letter-spacing: 1px;
}

.bold {font-size: 14px;
	font-weight:bold;
	color: #000000;
	font-family: helvetica, arial, sans-serif;
	}
	
code	{
	font-size: 14px;
	font-weight:normal;
	line-height: 16px;
	letter-spacing: 2px;
	color: red;
	font-family: helvetica, arial, sans-serif;
}

.footie {font-size: 11px;
text-align:right;
	color: #333;}
	
.rfat    {font-size: 10pt;
	font-weight:bold;
	color: #ffffff;
	font-family: helvetica, arial, sans-serif;
	margin-left: 7px;
	margin-right: 7px}


/* plain list styles */

ul, ol, li {font-size: 13px;
	font-weight:regular;
	line-height: 140%;
	}

dl 	{font-size: 13px;
	font-weight:regular;
	line-height: 140%;
	}
	
	
	
/* table information */
	
td.none {border: none; }
	
table.plain 	{
	border: none;
}

table.sample {
	background-color: #FFFFFF;
	text-indent: 5px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #333333;
}