/*** BEGIN LAYOUT STYLES ***/

body {
	margin: 0;
	padding: 0;
	background: #f9f7f3;
}

#header {
	text-align: left;
}

#body {
	text-align: left;
}

#footer {
	text-align: left;
}

/*** END LAYOUT STYLES ***/





/*** BEGIN TYPOGRAPHY STYLES ***/
P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
td.grayhairline {
	border-bottom:solid 1px #606060;
}
td.leftnavtopitem {
	text-align:right;
	border-top:solid 1px #606060;
	border-bottom:solid 1px #606060;
	padding-top:3px;
	padding-bottom:3px;
}
td.leftnavitem {
	text-align:right;
	border-bottom:solid 1px #606060;
	padding-top:3px;
	padding-bottom:3px;
}

td.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

a, a:visited, a:active, a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0080c0;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
/*** 	background: #333366;  ***/
	color:#0080c0;
	cursor: pointer;
	text-decoration: underline;
}
ul {
  list-style: square url(../assets/ruby_bullet.gif); /* note that path to image must be relative to this CSS file's location */
  margin: .5em .5em 0 25px;  /* bullet image is in left margin */
  padding-left: 0;
}
ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .5em; /* a little spacing between list items */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
TD.whiteheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
}
.whiteheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	line-height: 18px;
}
.bluesub1 {
	font-family: Arial, Verdana, Trebuchet, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #0080c0;
	font-weight: bold;
}
.bluesub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #0080c0;
	font-weight: bold;
}
.graysub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a3a3a;
	font-weight: bold;
}
.bluesub3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0080c0;
	font-weight: bold;
}
.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #808080;
}

	
	
	/*** MAIN NAV STYLES ***/

a.navmain, a.navmain:visited, a.navmain:active, a.navmain:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000000;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
a.navmain:hover {
font: bold 11px Arial, Helvetica, sans-serif;
color: #903459;
text-decoration:none;
cursor: pointer;
border:solid #903459;
border-width: 1px 0px 1px 0px;
background: none;
}
a.navmainon, a.navmainon:visited, a.navmainon:active, a.navmainon:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000000;
border: solid #903459;
border-width: 1px 0px 1px 0px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}

	/*** ---------------------------------------------- ***/


	/*** SIDE NAV STYLES ***/

a.navside, a.navside:visited, a.navside:active, a.navside:link {
display: block;
width: 100%;
height: 100%;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
/*** text-transform:uppercase;
text-decoration:underline; ***/
cursor: pointer;
}
a.navside:hover {
display: block;
width: 100%;
height: 100%;
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
cursor: pointer;
background: #903459;
}
a.navsideon, a.navsideon:visited, a.navsideon:active, a.navsideon:link {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000000;
/*** text-transform:uppercase;
text-decoration:underline; ***/
cursor: pointer;
}
a.navsideon:hover {
font: bold 12px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
cursor: pointer;
background: #903459;
}
a.navside2, a.navside2:visited, a.navside2:active, a.navside2:link {
font: 11px Arial, Helvetica, sans-serif;
color: #000000;
/*** text-transform:uppercase;
text-decoration:underline; ***/
cursor: pointer;
}
a.navside2:hover {
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
cursor: pointer;
background: #903459;
}
a.navside2on, a.navside2on:visited, a.navside2on:active, a.navside2on:link {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000000;
/*** text-transform:uppercase;
text-decoration:underline; ***/
cursor: pointer;
}
a.navside2on:hover {
font: bold 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
cursor: pointer;
background: #903459;
}

	/*** ---------------------------------------------- ***/

	
	/*** FOOTER NAV STYLES ***/

a.navfooter, a.navfooter:visited, a.navfooter:active, a.navfooter:link {
font: 9px bold Arial, Helvetica, sans-serif;
color: #000000;
/*** text-transform:uppercase; ***/
text-decoration:underline;
cursor: pointer;
}
a.navfooter:hover {
text-decoration:underline;
}
	
	/*** ---------------------------------------------- ***/





span.graypipe {
padding:0px 5px 0px 5px;
color: #808080;
}
span.bluepipe {
font: 16px Arial, Helvetica, sans-serif;
padding:0px 5px 0px 5px;
color: #19338f;
}
hr {
border: 2px dotted #808080;
border-bottom: 0px;
height: 1px;
width: 238px;
float: left;
margin: 5px;
}


/*** END TYPOGRAPHY STYLES ***/