/* Cascading Style Sheet for South Branch Controls Perform */ /* 
Color Palette
#204080
#3C5890
#5870A0
#7488B0
#90A0C0
#ABB7CF
#C7CFDF
#E3E7EF
#FFFFFF
*/
html {
	margin: 0px;
	border: 0px solid red;
}

body {
	margin: 0px;
	border: 0px solid red;
}

hr {
	height: 1px;
	background: #204080;
	border-style: none;
}

/* Headers */
h1 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

h2 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

h3 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

h4 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

h5 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

h6 {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}

table.h2 {
	color: #204080;
	background: #e3e7ef;
}

div.h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}	

div.header {
	margin: 5px 10px;
	padding: 0px 5px;
	color: #204080;
	background: #e3e7ef;
}	

div.embedded {
	margin: 5px 10px 5px 10px;
	border: 1px solid #204080;
	padding: 5px 5px;
}

/* Tables */
table.layout {
	margin: 0px;
	border: 0px solid red;
	padding: 0px;
}

table.layout th, table.layout td {
	width: 0px;
	margin: 0px;
	border: 0px solid yellow;
	padding: 0px;
}

table.embedded {
	margin: 0px 10px 5px 10px;
	border: 1px solid #204080;
	padding: 5px 5px;
}

table.embedded th, table.embedded td {
	padding: 0px 5px;
}

th {
	text-align: left;
	color: #204080;
	background: #e3e7ef;
}

td.label {
	text-align: left;
	white-space: nowrap;
	border: 1px solid red;
}

td.value {
	text-align: left;
	border: 1px solid red;
	padding-left: 1em;
}

/* Paragraphs */
p {
	margin: 10px 20px;
	text-align: justify;
}

li {
	margin: 10px 20px;
	text-align: justify;
}

pre {
	margin: 0;
}

pre.embedded {
	margin: 10px 20px;
}

/* Images */
img {
	border: 0px solid red;
}

img.icon {
	vertical-align: middle;
}

img.hrule {
	background: #204080;
	width: 100%;
	height: 1px;
	display: block;
}

img.caution-rule {
	background: #C00000;
	width: 100%;
	height: 1px;
	display: block;
}

img.divider {
	background: #C7CFDF;
	width: 100%;
	height: 1px;
	display: block;
}

/* Lists */
ul {
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

/* Anchors */
a,a:link,a:visited {
	color: #204080;
	text-decoration: none;
}

a:hover,a:active {
	color: #808080;
	text-decoration: none;
}

a.button {
	float: left;
	display: block;
	position: relative;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000080;
	padding: 0px 10px 0px 10px;;
	color: #204080;
	background: #ffffff;
	white-space: nowrap;
}

a.button:hover {
	float: left;
	display: block;
	position: relative;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000080;
	padding: 0px 10px 0px 10px;;
	color: #204080;
	background: #e0e0e0;
	white-space: nowrap;
}

/* Sites */
a.site,a.site:link,a.site:visited {
	color: #000000;
	display: block;
	margin: 0px 0px 0px 0px;
}

a.site:hover,a.site:active {
	color: #000000;
	display: block;
	margin: 0px 0px 0px 0px;
	background: #e0e0e0;
}

/* Stations */
a.station,a.station:link,a.station:visited {
	color: #204080;
	display: block;
	padding: 0px 0px 0px 0px;
}

a.station:hover,a.station:active {
	color: #204080;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #e0e0e0;
}

/* Stations */
a.station-disconnected,a.station-disconnected:link,a.station-disconnected:visited {
	color: #a0a0a0;
	display: block;
	padding: 0px 0px 0px 0px;
}

a.station-disconnected:hover,a.station-disconnected:active {
	color: #a0a0a0;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #e0e0e0;
}

a.station-current,a.station-current:link,a.station-current:visited {
	color: #204080;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #d0d0d0;
}

a.station-current:hover,a.station-current:active {
	color: #204080;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #e0e0e0;
}

a.station-current-disconnected,a.station-current-disconnected:link,a.station-current-disconnected:visited {
	color: #a0a0a0;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #d0d0d0;
}

a.station-current-disconnected:hover,a.station-current-disconnected:active {
	color: #a0a0a0;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #e0e0e0;
}

/* Footer Anchors */
a.footer:link,a.footer:visited {
	font-size: 60%;
	font-weight: normal;
	color: #204080;
}

a.footer:hover,a.footer:active {
	font-size: 60%;
	font-weight: normal;
	color: #204080;
}

/* Form objects. */
select.header {
	font-size: 100%;
	font-weight: bold;
	color: #204080;
	background: #e3e7ef;
	border-style: none;
}

text {
	font-family: inherit;
}

textarea {
	font-family: inherit;
}

/* Divs */
div.site {
	margin: 0px 0px 0px 0px;
}

div.station {
	padding: 0px 0px 0px 0px;
}

div.station-current {
	padding: 0px 0px 0px 0px;
	background: #d0d0d0;
}

div.station:hover {
	padding: 0px 0px 0px 0px;
	background: #e0e0e0;
}

div.footer {
	font-size: 60%;
	padding: 0px 5px 0px 5px;
}

div.quote {
	margin: 0em 0em 0em 1em;
}

/* Menu styles */
div.menubar {
	display: block;
	margin: 0;
	padding: 0;
}

/* Menubaritem */
div.menubaritem {
	width: 7em;
	float: left;
	display: block;
	position: relative;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #ffffff;
	white-space: nowrap;
	cursor: default;
	text-align: center;
}

div.menubaritem:hover {
	width: 7em;
	float: left;
	display: block;
	position: relative;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #e0e0e0;
	white-space: nowrap;
	cursor: default;
	text-align: center;
}

div.iemenubaritem {
	width: 7em;
	float: left;
	display: block;
	position: relative;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #e0e0e0;
	white-space: nowrap;
	cursor: default;
	text-align: center;
}

/* Menu */
div.menu {
	width: 8em;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000080;
	padding: 0px 0px 0px 0px;;
	top: -1px;
	left: -1px;
	position: absolute;
	background: #ffffff;
	visibility: hidden;
	z-index: 99;
}

div.iemenu {
	width: 8em;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000080;
	padding: 0px 0px 0px 0px;;
	top: -1px;
	left: -1px;
	position: absolute;
	background: #ffffff;
	visibility: visible;
	z-index: 99;
}

/* Menuitem */
div.menuheader {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #e0e0e0;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

a.menuitem {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

a.menuitem:hover {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0080;
	padding: 0em 0.5em 0em 0.5em;
	color: #204080;
	background: #e0e0e0;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

a.caution-menuitem {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0080;
	padding: 0em 0.5em 0em 0.5em;
	color: #C00000;
	background: #FFE0E0;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

a.caution-menuitem:hover {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ff0080;
	padding: 0em 0.5em 0em 0.5em;
	color: #C00000;
	background: #FFC0C0;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

/* Menu Action */
/*
div.menubaritem:hover div.menu {
	visibility: visible;
}
*/