body, html {
	margin:0;
	padding:0;
	color:#333;
	background: #7d9faa;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-align: center; /* needed to center pages in IE */
}

#wrap {
/*	width:980px; */
    width: 96%;
	margin:0 auto;
	background:#FFF;
	text-align: left; /* needed to center pages in IE */
}

#header {
	padding:5px 10px;
	background:#1185c9;
    overflow: auto;
	border-bottom-style:solid;
	border-bottom-color: #5F717F;
	border-bottom-width:1px;
}

#logo {
	float:left;
	margin:0;
	padding: 4px 0 4px 0;
}

#login {
	text-align:right;
	margin:0.5em 2em 0 0;
	color: #FFF;
}

#login a:link {color:#FFF;}    /* unvisited link */
#login a:visited {color:#FFF;} /* visited link */
#login a:hover {color:#FFF;}   /* mouse over link */
#login a:active {color:#FFF;}  /* selected link */


.main {
	float:left;
	width:98%;
	padding:10px 15px;
	background:#FFF;
/*	min-height:600px; */
	position:fixed:
}

.main300 {
/*	width:626px; */
	padding:10px 15px;
	background:#FFF;
/*	min-height: 600px;  */
	float:left;
	position:relative;
	overflow:hidden;
}

.right300 {
	float:none;
	width:324px;
	padding:12px 12px;
	background:#FFF;
	display:table-cell;
}

.adSpace {
	padding-top:12px;
}

h1 {
	font-size: 1.4em;
	color: #1185c9;
	padding: 0;
}

h2 {
	font-size: 1.1em;
	color: #304f5a;
}

h3 {
	font-size: 1em;
	color: #00394d;
}

hr {
	border: 0;
	width: 98%;
	color: #1185c9;
	background-color: #1185c9;
	height: 1px;
}

p.header-title {
	 text-align:center; 
	 font-size:1.8em; 
	 color:#FFCD04; 
	 float:left;
	 padding: 0.8em 0 0 4.2em;
}

p.header-title-admin{
	 text-align:center; 
	 font-size:1.8em; 
	 color:#6fbdd8; 
	 float:left; 
	 padding: 0.6em 0 0 4.4em;
}

p.bold {
	font-weight:bold;
}

p.welcome, table.welcome{
	color:#FFF;
	font-weight:bold;
	text-align:right;
	margin-left: auto;
	margin-right:1em;
	font-size: 0.9em;
}

p.welcome-error {
	color:#FFCD04;
}

p.welcome a:link {color:#FFF;}    /* unvisited link */
p.welcome a:visited {color:#FFF;} /* visited link */
p.welcome a:hover {color:#1185c9;}   /* mouse over link */
p.welcome a:active {color:#FFF;}  /* selected link */

/* mouse over link */
a:hover {
    color: #1185c9;
}

.bold {
	font-weight:bold;
}

.white {
	color: #fff;
}

label {
  text-align: right;
  vertical-align: middle;
  width: 11em;
  display: inline-block;
  margin: 0 0.2em 0 0;
  cursor: pointer
}

label.top {
	vertical-align: top;
}

label.long {
  width: 20em;
  margin: 0;
  text-align: left;
}

input {
	margin:0.1em 0;
	vertical-align: middle;
}

input.short {
	width: 3em;
}

input.long {
	width: 18em;
}

input.gray {
	background-color: #D3D3D3; /*background color for read only field */
}

textarea.gray {
	background-color: #D3D3D3; /*background color for read only field */
}

input[type="checkbox"] { margin: 0.4em 0.5em 0.4em 0; }

input[type="radio"] { margin: 0.2em 0.3em; }

p.error {
	color: red;
	width: auto;
}
p.left {
	text-align: left;
}

.error {
	color: red;
}

.two_across {
	width:100%;
}

.two_across_center {
	width:100%;
	display: block;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.half{
	width:50%;
	float:left;
}

.half_centered{
	width:50%;
	margin: auto;
	text-align: center;
	float: left;
}

.thirds {
	width: 33%;
	float: left;
}

.left{
	float:left;
	clear:both;
}

.clear {
	clear:both;
}

.center {
    text-align: center;
}

div.centered 
{
    text-align: center;
    margin: auto;
}

p.padding10
{
   padding: 0, 1em, 0, 0;
}

div.centered table 
{
    margin: auto; 
    text-align: center;
}

div.intro {
  margin: 0 5%;
}
div.intro ul {
  margin: 1em 5% 0.1em 0;
}
div.intro ol {
  margin: 1em 5% 0.1em 0;
}
div.intro  li {  
  margin:  0.1em 0 1em;
}
p.intro {
  text-align: justify;
  margin: 1em 0;
}

button.submit {
	margin-top: 1em;
}

button.center {
    float: none;
    display: block;
    margin: 0px auto;
}

.callsign {
	font-size: 1.1em;
	font-family: Consolas, Monaco, Inconsolata, 'Andale Mono', Verdana, Geneva, sans-serif;
}

.scrollTable {
	height: 250px; 
	overflow: hidden;
	display: block;
	position: relative;
}

/* sortable tables */
table.tablesorter {
	font-family:arial;
	background-color: #304f5a;
	margin:10px 2% 15px 2%;
	font-size: 1em;
	vertical-align: middle;
	text-align: left;
}
table.tablesorter.center {
	text-align: center;
	padding: 2px 0px
 }
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #00394d;
	/*border: 1px solid #00394d;*/
	padding: 2px 5px;
	color: #FFF;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	/*ine-height: 1.4;*/
	height: 3em;
	width:	auto;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
/*	cursor: pointer; */
}

table.tablesorter thead tr .header_no_sort { 
	background-image: none;
	background-repeat: no-repeat;
	background-position: center right;
/*	cursor: pointer; */
	padding: 0 2em;
}

table.tablesorter tbody td {
	width:	auto;
	color: #3D3D3D;
	padding: 2px 5px;
	background-color: #FFF;
	height: 2em;
}
table.tablesorter tbody tr.odd td {
	background-color:#EFF2E3;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.png);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.png);
}

table.tablesorter thead tr th.wide{
	padding: 2px 20px;
}

table.tablesorter tbody td.more {
	font-weight:bold;
	font-size:1.4em;
	color:#2E568A;
}

table.tablesorter thead tr .header_no_sort { /* use for columns without the sort function*/
	background-color: #00394d;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center right;
/*	cursor: pointer; */
}

table.center {
    margin: auto;
}

table.tablesorter tbody td a:hover {
  font-weight:bold;
} 

ul.no-bullet {
	list-style-type: none;
}

span.sort {
    cursor: pointer;
}

#footer {
	clear:both;
	padding:5px 10px;
	background: #1185c9;
	border-top-style:solid;
	border-top-color:#5F717F;
	border-top-width:1px;
	color: #FFF;
}

#footer a:link {color:#FFF;}    /* unvisited link */
#footer a:visited {color:#FFF;} /* visited link */
#footer a:hover {color:#FFCD04;}   /* mouse over link */
#footer a:active {color:#FFCD04;}  /* selected link */

#address {
	text-align:left;
	padding:0 0 0 1em;
	width: 18em;
	float:left;
}

#contact {
	text-align:left;
	float:right;
	width: 21.2em;
}

.logo-arrl {
	float:left;
	width: 30em;
}

.reverse {
    background-color: #000000;
    color: #ffffff;
}