﻿/* Class Styles for highlight link orange 1 block background. This comes first to please Chrome*/
a.highlightlinkorange1:link{
	color: navy;
	text-decoration: none;
	background:#ffcc00;
	display:block;
	padding-left:4px;
}
a.highlightlinkorange1:visited {
	color: navy;
	text-decoration: none;
	background:#ffcc00;
	display:block;
}
a.highlightlinkorange1:hover {
	color: #ffcc00;
	text-decoration: none;
	background:#000080;
	display:block;
}
/* general stuff */

body {
	font-family: Calibri, Arial, Trebuchet;
	font-size: 0.875em;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color:white;
}
#masthead {
	width: 100%;
	overflow: auto;
	text-align: left;
	background-color: white;
}
#content {
	margin-left: 140px;
	margin-right: 10px;
	padding-left: 3px;
	background-color: #fff;
	font-family: Calibri, Arial, Trebuchet;
	color: #000080;
	text-align:justify;
}
#toppicture {
	margin-left:140px;
}
#footer {
	margin-left:143px;
}
#masthead img {
	float: left;
}
#masthead p {
	font-size: small;
	margin: 0;
	margin-right: 1%;
}
h1 {
	font-family: Calibri, Arial, Trebuchet;
	color: #ff6600; 
}
h2,h3,h4 {
	font-family: Calibri, Arial, Trebuchet;
	color: #000080;
}
h5,h6
	{font-family: Calibri, Arial, Trebuchet;
	color:#003300;
	margin-bottom:0px;
	font-size:medium;
}
/* Styles for main sidebar navigation */

#sidebar {
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top probably not needed */
    top: 58px; /* Stay at the top but below the masthead */
    left: 0;
	float: left;
	width: 140px;
	background-color: #ffcc00;
}
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
}
#sidebar a {
	font-weight: normal;
	text-decoration: none;
	color: #000080;
	padding: 1%;
	display: block;
	border-bottom: 1px solid #f5f5f5;
}
#sidebar a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #ffcc00;
	border-bottom: 1px solid #f5f5f5;
	background-color: #000080;
}
/* Styles for Footer */
#footer p {
	font-size: small;
}
#footer a {
	color: black;
	text-decoration: underline;
}
#footer a:hover {
	color: #000066;
	text-decoration: none;
}
hr { 
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
	border-color: #ffcc00;
}
a {
	color: red;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #000080;
	text-decoration: underline;
}
.tablebrownborder {
	border: 1px solid #663300;
	border-collapse: collapse;
	border-style:solid;
}
.tableblueborder {
	border: 1px solid #000080;
	border-collapse: collapse;
	border-style:solid;
}
.indentpara {
	color: #000000;
	margin-left: 50px;
	margin-right: 50px;
	font-style: italic;
}
/* Font styles */
.smallfont {
	font-size: small;
	font-family: Calibri, Arial, Trebuchet;
}
.bluexxlargebold {
	color: #000080;
	font-size: xx-large;
	font-weight:bold;
}
.orangexxlargebold {
	color: #ff6600;
	font-size: xx-large;
	font-weight: bold;
}
.style_blue {
	color: #000080;
}
.orange {
	color: #ff6600;
}
.style_brown {
	color: #663300;
}
.style_black {
	color: black;
}
.styleblackbold {
	color: black;
	font-weight:bold;
}
.style_red {
	color: #cc0000;
}
.styleredbold {
	color: #cc0000;
	font-weight:bold;
}
.whiteback {
	background-color: #FFFFFF;
}
.whitebgsm {
	padding-left: 2px;
	background-color: #FFFFFF;
	font-size: small;
}
.nomargintop {
	margin-top: 0px;
}
.nomarginbottom {
	margin-bottom: 0px;
}

.noparaspace {
	margin-bottom: 0;
	margin-top: 0;
}
.verticalalignmiddle {
	vertical-align: middle;
}
.style_underline {
	text-decoration:underline;
}
/* Styles for main navigation */

#verticallist ul {
	list-style-type: none;
	min-width: 400px;
	padding: 2px;
}
#verticallist li {
	list-style-type: none;
	padding: 2px;
	margin: 2px;
	border:1px;
	text-indent: 2px;
}
#verticallist a {
	color: #000080;
	text-decoration: none;
	display: block;
	border-style: solid;
	border:1px;
	border-color: #000080; 
	border-width: 1px;
	padding-right:  5px;
	padding-left:5px;
	background-color: #ffcc00;
}
#verticallist a:hover {
	color: #ffcc00;
	background-color: #000080;
	border:1px;
	border-color: #ffcc00;
}

#linkedlist ul {
	list-style-type: none;
	padding: 2px;
}
#linkedlist li {
	list-style-type: none;
	padding: 2px;
	margin: 2px;
	border:1px;
	text-indent: 2px;
}
#linkedlist a {
	color: #000080;
	text-decoration: none;
	display: block;
	padding-right:  5px;
	padding-left:5px;
	background-color: #ffcc00;
}
#linkedlist a:hover {
	color: #ffcc00;
	background-color: #000080;
	border:1px;
	border-color: #ffcc00;
}
#blocklist a {
	color: #000080;
	text-decoration: none;
	width: auto;
	border-style: solid;
	border-width: 1px;
	padding-right:  5px;
	padding-left:5px; background-color: #ffcc00; 
}
#blocklist a:hover {
	color: #ffcc00;
	background-color: #000080;
}

/* Styles for lists */
.redbullet {
	list-style-image: url('../gfx/redbullet7px.gif');
}
.smallredbullet {
	list-style-image: url('../gfx/redbullet5px.gif');
}
.greybullet {
	list-style-image: url('../gfx/greybullet7px.png');
}
.smallgreybullet {
	list-style-image: url('../gfx/greybullet5px.png');
}
.greenbullet {
	list-style-image: url('../gfx/greenbullet8px.png');
}
.smallgreenbullet {
	list-style-image: url('../gfx/greenbullet6px.png');
}
.bluebullet {
	list-style-image: url('../gfx/bluebullet8px.png');
}
.smallbluebullet {
	list-style-image: url('../gfx/bluebullet6px.png');
}
.brownbulletlist {
	list-style-image: url('../gfx/brownroundbutton.png');
}

 /* Class Styles for normal-looking links */

a.normallinks:link{
	color: red;
	text-decoration: none;
	background:#FFFFFF;
	display:inline;
}
a.normallinks:hover  {
	color: #000080;
	text-decoration: underline;
	background: white;
	display:inline;
}
a.normallinks:active {
	color: yellow;
	text-decoration: none;
} 
/* Class Styles for highlight link */
a.highlightlink:link{
	color: white;
	text-decoration: none;
	background:#000080;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}
a.highlightlink:visited {
	color: white;
	text-decoration: none;
	background:#000080;
	display:inline;
}
a.highlightlink:hover {
	color: #000080;
	text-decoration: none;
	background:#ffff00;
	display:inline;
}
a.highlightlink:active {
	color: red;
	background: yellow;
	text-decoration: none;
}
/* Class Styles for highlight link orange background*/
a.highlightlinkorange:link{
	color: navy;
	text-decoration: none;
	background:#ffcc00;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}
a.highlightlinkorange:visited {
	color: navy;
	text-decoration: none;
	background:#ffcc00;
	display:inline;
}
a.highlightlinkorange:hover {
	color: #ffcc00;
	text-decoration: none;
	background:#000080;
	display:inline;
}
a.highlightlinkorange:active {
	color: red;
	background: yellow;
	text-decoration: none;
}


