body {
	color: #DDD;
	font-size: 10pt;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	background-color: #111; }

.title {
	font-family: Georgia, "Times New Roman", serif;
	text-align: center; }

div.banner {
	margin: 0px;
	height: 90px;
	width: 100%;
	background-color: #66CCFF; }
div.banner img {
	overflow: hidden; }
table.banner {
	height: 90px;
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	margin: 0px;
	padding: 0px; }
	

div.welcome {
	width: 100%;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0 16px; }
div.menurow {
	/*background:#66CCFF url(/images/mainmenubg.png) top left repeat-x;
	height: 21px;*/
	position: relative;
	top: -24px;
	width: 100%;
	text-align: center;}
div.menu {
	height: 100%;
	width: 162pt;
	background-color: #66CCFF;
	color: #0000FF;
	vertical-align: top;
	float: left;
	margin: 0px 9px 9px 0px;
	padding: 0px;
	text-align: center; }
div.content {
	margin: 9px 9px 9px 9px;
	padding: 9px 9px 9px 9px;
	border: none;
	vertical-align: top; }
div.full_width_content {
	margin: 9px 9px 9px 9px;
	padding: 9px 9px 9px 9px;
	border: none;
	vertical-align: top; }
div.main_field_label, div.main-field-label {
	color: #777777;
	font-size: 9px;
	font-style: italic; }
div.pagination {
	text-align: right; }

div.even {
	background-color: #000 }
div.odd {
	background-color: #111 }

table.layout {
	width: 100%;
	border-spacing: 0px; }
table.layout td {
	vertical-align: top; }
td.main_content {
	width: 64%;
	vertical-align: top; }
td.side_content {
	background-color: #DDEEFF;
	vertical-align: top; }
table.show td.sidebar {
	width: 40% }

table.list_header {
	width: 100%;
	color: white;
	background-color: #66CCFF;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle }
tr.row_odd {
	background-color: #BBDDFF;}
div.menu:hover {
	width: 100%;
	background-color: #ddd;
	color: #FF6600;
	text-align: center;
	padding: 18px; }
div.visitor {
	background-color: #99DDFF;
	text-align: center}
.flash {
	color: green }
.flash-notice {
	width: 100%;
	text-align: center;
	color: green }
.flash-warning {
	width: 100%;
	text-align: center;
	color: yellow }
.flash-error {
	width: 100%;
	text-align: center;
	color: red }
	
img.photo {
	margin: 8pt;
	padding: 2pt;
	background-color: #111;
	border-width: 2pt 1pt 1pt 2pt;
	border-color: #333;
	border-style: solid }
	
/*** Panels ***/

div.panel {
	border-spacing: 12px;
	width: 100%;
	margin: 8px 16px;
	padding: 0px; }

table.panel-base {
	width: 100%;
	border: solid #004C65;
	border-width: 1px 3px 3px 1px;
	padding: 0px; }

table.panel-colored {
	width: 100%;
	background-color: #CBF2FF;
	border: solid #004C65;
	border-width: 1px 3px 3px 1px;
	padding: 0px; }

table.panel-borderless {
	width: 100%;
	border: 0px;
	padding: 0px; }

div.panel td.title {
	border: solid #004C65;
	border-width: 0px 0px 2px 0px;
	margin: 0px;
	padding: 0px;
	background-color: #33CCFF;
	color: #000;
	font-weight: bold;
	text-align: left;
	font-size: large; }

div.panel td.error {
	margin: 0px;
	background-color: yellow;
	color: red;
	text-align: center; }

div.panel td.footer {
	text-align: center;
	font-style: italic;
	font-size: x-small; }

div.panel td.content {
	padding: 8px 16px; }

fieldset {
	border-color: #99C;
	border-width: 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #000; }
	
fieldset legend {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px; }

fieldset.active-panel legend {
	color: #98E5FF;
	text-decoration: none }
	
fieldset.active-panel legend:hover {
	color: #FF6532;
	background-color: #333;
	cursor: pointer }

fieldset.panel div, fieldset.active-panel div {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	text-align: left; }

fieldset.panel div.error, fieldset.active-panel div.error {
	background-color: #333;
	color: red;
	text-align: center; }

fieldset.panel div.warning, fieldset.active-panel div.warning {
	background-color: #333;
	color: yellow;
	text-align: center; }

fieldset.panel div.notice, fieldset.active-panel div.notice {
	background-color: #333;
	color: green;
	text-align: center; }

fieldset.panel div.footer, fieldset.active-panel div.footer {
	background-color: #000;
	color: #CCC;
	font-style: italic;
	font-size: x-small;
	text-align: center; }

fieldset.panel div.pagination, fieldset.active-panel div.pagination {
	background-color: #000;
	color: #CCC;
	font-style: italic;
	font-size: x-small;
	text-align: right; }

fieldset.iphone {
	width: 320px;
	height: 320px; }

/*** Horizontal menu ***/

table.mainmenu {
	margin: 0px auto;
	width: 80%;
	border-spacing: 1px;
	padding: 0px;
	color: white; }
	
table.mainmenu tr.toplevel {
	 }
	
table.mainmenu tr.sublevel1 {
	background-color: #7A46FF;
	font-size: 10px; }
	
table.mainmenu tr.sublevel2 {
	background-color: #7A46FF;
	font-size: 9px;  }
	
table.mainmenu td {
	text-align: center; }

table.mainmenu td a {
	color: #DDDDDD;
	font-weight: bold;
	display: block;
	/* font-size: 0.9em;
	padding: 5px 7px 5px;
	text-transform: uppercase; */ }

table.mainmenu td a:hover {
	background: #986FFF;
	color: #FFFFFF;
	text-decoration: none; }

table.mainmenu td.selected a {
	background: #7A46FF;
	color: #FFFFFF;
	text-decoration: none; }

/*** Sidebar menu ***/

ul.sidemenu {
	list-style-type: none;
	margin: 9px 0px;
	padding: 0px 18px; }
	
ul.sidemenu li { }

ul.sidemenu li a {
	background:#e8e9ea;
	border: 1px solid #b0b0b0;
	color:#606060;
	display: block;
	width: 144px;
	margin: 3px 0px;
	padding: 3px 0px 3px 0px;
	position: relative; }

ul.sidemenu ul.sidemenu li a {
	font-size: 0.8em;
	letter-spacing: 1px;
	margin: 2px 0px 2px 0px;
	padding: 3px 0px 3px 0px;
	width: 126px; }

ul.sidemenu a:hover, ul.sidemenu > li.selected > a {
	background: #f8f9fa;
	border: 1px solid #909090;
	color: #303030;
	text-decoration: none; }

/*** Footer ***/

div.footer {
	width: 80%;
	font-size: 7pt;
	background-color: #BCA1FF;
	border: solid #6E34FF;
	border-width: 1pt 3pt 3pt 1pt;
	margin: auto;
	padding: 9px 18px; }
	
div.footer img {
	float: left;
	margin: 0px 36px;
	height: 100px;
	width: 60px; }

/* Legacy stuff */
h1 {
	margin: 9px;
	text-align: center; }
table.list {
	width: 100%;
	background-color: #222;
	font-size: 8pt;
	color: #CCC;
	margin: 16px;
	padding: 0px }
table.list th {
	color: white;
	background-color: #333;
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	text-decoration: underline;
	vertical-align: bottom }
table.list tr {
	vertical-align: top;
	padding: 0px }
table.list tr.even {
	background-color: #222 }
table.list tr.odd {
	background-color: #333 }
table.list td {
	vertical-align: top }
table.header {
	width: 100%;
	color: white;
	background-color: #CCC;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle }
p.title {
	font-size: 24pt;
	text-indent: 0pt;
	font-weight: bold;
	text-align: center }
p.title_tagline {
	font-size: 10pt;
	text-indent: 0pt;
	font-weight: bold;
	font-style: italic;
	text-align: center }
.photoswap:hover {
	background-color: #ccc }
a {
	color: #98E5FF;
	text-decoration: none }
a:hover {
	color: #FF6532;
	background-color: #333 }
.blue {
	color: #000000;
	background-color: #00CCFF;
	font-size: larger;
	font-weight: bold;
	height: 36pt;
	vertical-align: middle }
.stats {
	color: #000000;
	background-color: #99DDFF;
	height: 36pt;
	vertical-align: middle }
.violet {
	color: #FFFF00;
	background-color: #7037FF;
	font-size: large;
	text-align: center;
	font-weight: bold;
	height: 36pt;
	vertical-align: middle }

span.show-field-label {
	font-size: 10px;
	font-style: italic }
table.sidebar {
	width: 100% }
table.sidebar tr.header-row {
	font-size: 9px;
	font-style: italic;
	text-align: left;
	color: #777 }
table.sidebar tr.header-row th { }
table.sidebar tr.row {
	font-size: 11px;
	color: #BBB  }
table.sidebar tr.even {
	background-color: #222  }
table.sidebar tr.odd {
	background-color: #111 }
table.sidebar tr.row:hover {
	background-color: #444 }
	
td.numeric, th.numeric {
	text-align: right; }

.sidebarTitleCell {
	color: #0000FF;
	background-color: #00CCFF;
	font-size: large;
	font-weight: bold;
	height: 36pt;
	text-align: center }
.sidebarContentCell {
	margin: 8pt;
	font-style: italic;
	background-color: #99DDFF;
	font-size: small }
div.blog_title {
	text-align: left;
	font-size: large;
	text-decoration: underline }
p {
	width: auto;
	text-indent: 18pt;
	text-align: left }
p.center {
	text-align: center }
p.caption {
	font-size: 8pt;
	font-style: italic;
	text-align: center }
.topic {
	font-size: 14pt;
	text-indent: 0pt;
	font-weight: bold;
	text-align: center }

span.definition {
	color: #9FB }

span.definition:hover {
	color: #0F7;
	background-color: #333 }
	
input.field {
	background-color: #EEE;
	color: white; }