/* page defaults */
body {
	margin:0;
  padding:0;
  background:#0a0a57;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* header layout */
ul.nav {
	text-align: center;
	background: #f1efd4;
	padding: 5px 10px 5px 10px; 
	white-space: nowrap; 
	list-style: none; 
	margin: 0px; 
	height: auto; 
	line-height: normal; 
	border-top:5px solid #e2cf00; 
	border-bottom:5px solid #e2cf00; 
}

ul.nav li {
	display: inline;
}

ul.nav li a { 
	background: transparent; 
	height: auto; 
	margin-right: 0.5em; 
	padding: 0 1em; 
	text-decoration: none;
	color: #0a0a57;
} 

ul.nav li.active a { 
	background-color: #e2cf00; 
	color: #0a0a57;
} 

ul.nav li a:hover { 
	background-color: #e2cf00; 
	color: #0a0a57;
} 

ul.primary {
	padding: 10px 0 0 5px; 
	white-space: nowrap; 
	list-style: none; 
	margin: 0px; 
	height: auto; 
	line-height: normal; 
	border-bottom:5px solid #e2cf00; 
}

ul.primary li {
	display: inline;
}

ul.primary li a { 
	background: transparent; 
	border-top-color: #fff; 
	border-left-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #e2cf00;
	border-width: 1px; 
	border-style: solid; 
	height: auto; 
	margin-right: 0.5em; 
	padding: 0 1em; 
	text-decoration: none;
	color: #fff;
} 

ul.primary li.active a { 
	background-color: #e2cf00; 
	border: 1px solid #fff; 
	border-bottom: 1px solid #e2cf00;
	color: #0a0a57;
}

ul.primary li.hidden a, ul.primary li.hidden a:hover{ 
	background-color: #ff0000; 
	border: 1px solid #fff; 
	border-bottom: 1px solid #e2cf00;
	color: #fff;
}  

ul.primary li a:hover { 
	background-color: #e2cf00; 
	border-color: #fff; 
	border-bottom-color: #e2cf00; 
	color: #0a0a57;
} 

.main-box-header {
	position: relative; 
	width: 100%; 
	background: #0a0a57 url(images/banner.png) no-repeat;
	overflow: hidden; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.content-box-header {
	position: relative; 
	width: 100%; 
	right: -180px; 
	background: transparent; 
}
.left-box-header {
	position: relative; 
	width: 100%;
	background: transparent; 
	right: 180px;
}
.right-header {
	width: 180px;
	float: right; 
	background: transparent;
	padding: 20px 15px 20px 15px;
}
.left-header {
	background: transparent; 
	padding: 10px;
}

/* main content layout */
.main-box {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#f1efd4; /* bg color left column */
}
.center-box {
	position:relative;
	width:100%;
	left:300px;
	background:#f1efd4; /* bg color center columb */
}
.reset-box {
	position:relative;
	width:100%;
	left:100%;
	margin-left:-300px;
} 
.right-box {
	position:relative;
	width:100%;
	margin-left:-290px;
	background:#0a0a57; /* bg color right column */
}
.content-box {
	position:relative;
	width:100%;
	margin-left:-100%;
	left:290px;
}
.left-col {
	float:left;
	width:300px;
	color: #575784;
}
.right-col {
	float:right;
	width:290px;
	color: #f1efd4;
}
.center-col {
	margin-left:300px;
	margin-right:290px;
	color: #575784;
}
* html div.center-col {
	height:1%;
	margin:0;
}
* html div.left-col {
	margin-right:-3px;
}
* html div.right-col {
	margin-left:-3px;
}
.clearfix:after {
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}
.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.main-box-2col {
	position: relative; 
	width: 100%;
	margin:0 auto; 
	background: #0a0a57;
	overflow: hidden; 
}
.content-box-2col {
	position: relative; 
	width: 100%; 
	right: -290px; 
	background: transparent; 
}
.left-box-2col {
	position: relative; 
	width: 100%;
	background: #f1efd4; 
	right: 290px;
}
.right-2col {
	width: 290px;
	float: right; 
	background: transparent;
	color: #f1e4d4;
}
.left-2col {
	background: transparent; 
	margin-right: 290px;
	color: #575784;
}

/* footer layout */
.main-box-footer {
	position: relative; 
	width: 100%; 
	background: #f1efd4; /* background of right footer box */
	overflow: hidden; 
	border-bottom:5px solid #e2cf00;
	border-top:5px solid #e2cf00;
}
.content-box-footer {
	position: relative; 
	width: 100%; 
	right: -290px; 
	background: transparent; 
}
.left-box-footer {
	position: relative; 
	width: 100%;
	background: #0a0a57; /* background of left footer box */
	right: 290px;
}
.right-footer {
	width: 290px;
	float: right; 
	background: transparent;
	color: #575784;
	margin: 3px -3px 3px 3px;
}
.left-footer {
	background: transparent; 
	margin: 3px 207px 3px 3px; /* right-margin should be (right-header width + right-header left-margin + right-header border + desired left-header right-margin) */
	color: #f1efd4;
}

/* formatting */
h1 {
	padding: 10px;
	font-size: xx-large;
}

h2 {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	font-size: medium;
}

h3 {
	margin: 0px;
	padding: 7px 10px 0px 10px;
	font-size: small;
}

h4 {
	margin: 0px;
	padding: 2px 10px 0px 10px;
	font-size: small;
	font-weight: normal;
	font-style: italic;
}

.darkbox h2,
.darkbox h3
.darkbox h4 {
	color: #e2cf00;
}

.lightbox h2,
.lightbox h3,
.lightbox h4 {
	color: #0a0a57;
}

img {
	padding: 5px;
	margin: 0;
}

.darkbox {
	padding: 0px 0px 10px 0px;
	border-bottom: 6px ridge #0a0a57;
	margin: 0px 10px 0px 10px;
}

.lightbox {
	padding: 0px 0px 10px 0px;
	border-bottom: 3px groove #f1e4d4;
	margin: 0px 10px 0px 10px;
}

.bottom {
	border-bottom:0px;
}

#footer {
	font-size: xx-small;
}

p {
	margin: 0px;
	padding: 8px 10px 0px 10px;
	font-size: small;
}

#footer p {
	margin: 0px;
	padding: 0px;
}

.darkbox a:link {
	color: #e2cf00;
	text-decoration: none;
}

.darkbox a:visited {
	color: #e1f4d4;
	text-decoration: underline;
}

.darkbox a:active {
	color: #e2cf00;
	text-decoration: underline;
}

.darkbox a:hover {
	color: #0a0a57;
	background-color: #e2cf00;
	font-style: italic;
	text-decoration: none;
}

.lightbox a:link {
	color: #0a0a57;
	text-decoration: none;
}

.lightbox a:visited {
	color: #575784;
	text-decoration: underline;
}

.lightbox a:active {
	color: #0a0a57;
	text-decoration: underline;
}

.lightbox a:hover {
	color: #e2cf00;
	background-color: #0a0a57;
	text-decoration: none;
	font-style: italic;
}

ul.logged_in {
	padding: 0px; 
	list-style: none; 
	margin: 10px 10px 5px 10px; 
}

ul.logged_in li {
	display: inline;
	font-size: xx-small;
	border-right: 1px solid #fff;
	padding: 0 3px 0 4px;
}

ul.logged_in li:first-child {
	border-left: 1px solid #fff;
}

ul.logged_in li a { 
	background: transparent; 
	text-decoration: none;
} 

ul.page_nav {
	padding: 0px; 
	list-style: none; 
	margin: 10px 10px 5px 10px; 
}

ul.page_nav li {
	display: inline;
	font-size: x-small;
	border-right: 1px dotted #575784;
	padding: 0 6px 0 7px;
}

ul.page_nav li:first-child {
	border-left: 1px dotted #575784;
}

ul.page_nav li a { 
	background: transparent; 
	text-decoration: none;
	color: #0a0a57;
} 

ul.user_options {
	padding: 0px 0px 0px 10px; 
	list-style: none;
	margin: 10px 10px 10px 10px; 
}

ul.user_options li {
	font-size: x-small;
	padding: 0px;
	margin: 0px;
}

ul.user_options li a { 
	background: transparent; 
	text-decoration: none;
	color: #0a0a57;
}

.alert {
	color: #f00;
}

.notice, .notice a:link, .notice a:visited, .notice a:active {
	color: #e2cf00;
	text-decoration: none;
	font-style: none;
	font-weight: bold;
}

.notice a:hover {
	color: #0a0a57;
	background-color: #e2cf00;
	font-style: italic;
	text-decoration: none;
}

.tags {
	margin-top: 0px;
	padding-top: 0px;
	font-size: xx-small;
}

#results_scroller {
width: 320px;
height: 120px;
padding: 0px;
}

.invoice_header {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}

.invoice_details {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid #000;
}

.invoice_details td {
  border: 1px solid #000;
}

img {
  border: 0px;
}

#files_list {
  margin: 0px;
	padding: 8px 10px 0px 10px;
	font-size: x-small;
}

ul.news_list {
	padding: 5px 10px 5px 10px;  
	list-style: none; 
	margin: 0px;
	font-size: small;
}

.msgtable td {
  vertical-align:top;
  border-bottom:1px solid #575784;
}