/***********************************************/
/*  CSS Document: Layout: NavLeft              */
/*  Created:	2004.03.25 			           */
/*  Mod:		2004.04.06     			       */
/***********************************************/

/***********************************************/
/* HTML Tag Definitions                        */
/***********************************************/

/************** Header styles ****************/
h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #009966;
}
h3 {
	color: #6600FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
}
h4 {
	color: #9900FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
}
h5 {
	color: #0033FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
}
h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0033FF;
}
/************** List styles ****************/
ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	list-style-position: outside;
	list-style-type: disc;
}
ol {
	list-style-position: outside;
	list-style-type: lower-alpha;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/************** Header styles ****************/
#masthead{
	left: 0%;
}
#masthead img {
	vertical-align: middle;
}
#masthead h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 3px;
}
/************** Navigation styles ****************/
#pageNav{
	float: left;
	width:115px;
	padding: 10px 10px 10px 10px;
	background-image: url(../Images/bg_hdr_OrangeYellow_fade_v3.jpg);
	background-repeat: no-repeat;
	height: 350px;
}
#about {
	left: 10px;
	position: absolute;
	top: 300px;
}
/************** Main page styles ****************/
#pagecell{
	position:absolute;
	top: 125px;
	width:770px;
	visibility: visible;
	left: 0px;
}
#content{
	padding: 0px 10px 10px 10px;
	margin:0px 0px 0px 125px;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#content dl {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 25px;
	margin-right: 25px;
}
#content dt {
	font-size: medium;
	text-transform: capitalize;
	color: #6600FF;
	padding: 12px 0px 4px 0px;
}
#content p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
}
#content th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #0000FF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
	text-align: center;
}
#content tr {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
/************** Page Content sub-styles ***************/
#footer {
	width: 500px;
	padding: 15px 0px 0px 0px;
}
#footer p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	float: left;
}
/************** siteInfo styles ****************/
#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #999999;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
	font-family: "Times New Roman", Times, serif;
	background-color: #FFCC00;
	height: 90px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
}
#siteInfo a {
	color: #330099;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************** .feature styles ***************/
.featureR{
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.featureR h3{
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin: 20px 0px 0px 0px;
}
.featureR h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.featureR img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 10px 10px 0px 0px;
}
/* adjust margins to change separation between the feature image and text flowing around it */
.featureL{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	margin: 80px 0px 0px 0px;
}
.featureL h3{
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.featureL h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.featureL img{
	float: right;
	padding: 10px 10px 0px 0px;
	margin: 10px 5px 5px 0px;
}
/* adjust margins to change separation between the feature image and text flowing around it */

/***********************************************/
/* Text Styles                                 */
/***********************************************/
.copyrightText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	text-align: justify;
}
.reference {
	font-size: x-small;
	font-style: italic;
}
/***********************************************/
/* Color Styles                                */
/***********************************************/
.color1 {
	color: #0033FF;
}
.color2 {
	color: #009966;
}
.color3 {
	color: #6600FF;
}
.color4 {
	color: #9900FF;
}
.color5 {
	color: #663366;
}
.color6 {
	color: #FF3300;
}