html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body
{
	background-color: #A3A3A3;
	background-image: url('/images/page/gradient.png');
	background-repeat: repeat-x;
	font-family: Sans-Serif,Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: black;
	line-height: 133%;
}

a { text-decoration: none; }

p {
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: black;
	line-height: 136%;
}

hr {
   border: 0;
   height: 1px;
   background: #98B7C4;
   color: #98B7C4;
	margin-bottom: 1em;
}

#page
{
	position: relative;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/images/page/page_background.png');
}


#page #page_top
{
	width: 910px;
	height: 23px;
	line-height:0;
}


#page #page_side
{
        width: 5px;
        height: 276px;
        vertical-align:top;
        line-height:0;
}

#page #page_bottom
{
	width: 910px;
	height: 13px;
	line-height:0;
}


#page #main
{
	width: 900px;
	background-color: white;
	min-height: 300px;
}


#page #footer a
{
	color: #666666;
}

#page #footer
{
        font-family: Sans-Serif,Verdana;
        border-style: none;
        color: #666666;
        font-size: 9px;

}

#page #main #header
{
	position: relative;
	width: 900px;
	height: 100px;
}


#page #main #image
{
	position: relative;
	width: 900px;
	height: 250px;
	background-color: #98B7C4;
}


#page #main #image img.splash
{
	position: absolute;
	top: 0px;
	left: 0px;
}


#page #main #image img.button
{
	position: absolute;
	top: 180px;
	right: 25px;
	width: 134px;
	height: 30px;
}

#page #main #image .strap
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 250px;
}

#page #main #logo
{
	position: absolute;
	top: 28px;
	left: 26px;
}

#page #main #topnav
{
	position: absolute;
	top: -3px;
	left: 300px;
	width: 600px;
	height: 60px;
}

#page #main #topnav p
{
	width: 91px;
	padding-left: 8px;
	border-left: 1px solid #98B7C4;
	text-align: left;
	color: #535353;
	font-family: Sans-Serif,Verdana;
	font-size: 14px;
	display: block;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
}

#page #main #topnav a
{
	width: 100px;
	float: left;
	padding-top: 40px;
}


#page #main #topnav a:hover p { color: black; }

#page #main #topnav a:hover
{
	border-top: 7px solid black;
	padding-top: 33px;
	cursor: pointer;
}

#page #main #topnav a.selected
{
	border-top: 7px solid #6694A7;
	padding-top: 33px;
}

#page #main #topnav a.selected:hover p { color: #535353; }

#body
{
	clear: both;
}

#body #sidenav
{
	float: right;
	width: 140px;
}

#body #sidenav a.link
{
	background-color: #98B7C4;
	margin-top: 2px;
	font-family: Sans-Serif,Verdana;
	font-size: 13px;
	padding-left: 18px;
	color: #535353;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	display: block;
}

#body #sidenav .stretcher a
{
	margin: 0;
	margin-top: 2px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 15px;
	background-color: #cbdfe8;
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: #535353;
	display: block;
}

#body #sidenav a.toggle
{
	background-color: #98B7C4;
	margin-top: 2px;
	font-family: Sans-Serif,Verdana;
	font-size: 13px;
	padding-left: 18px;
	color: #535353;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	display: block;
}

#body #sidenav a:hover
{
	background-color: #111;
	color: white;
}

#body #sidenav a.selected,
#body #sidenav a.selected:hover,
#body #sidenav a.link_selected,
#body #sidenav a.link_selected:hover
{
	margin-top: 2px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 28px;
	background-color: #C30;
	color: white;
	background-image: url('/images/nav_arrow.png');
	background-repeat: no-repeat;
	background-position: 6px center;
	display: block;
}

#page #main #content
{
	float: left;
	padding: 0px;
	
}

#content a,
#content a:visited,
#page #main #sidebar a,
#page #main #sidebar a:visited { color: #c30; }

#content a:hover,
page #main #sidebar a:hover { border-bottom: 1px dotted #c30; }

#content p
{
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: black;
	line-height: 136%;
	padding-bottom: 1em;
}

#content h2
{
	font-family: Sans-Serif,Verdana;
	font-size: 18px;
	color: #C30;
	font-weight: normal;
	line-height: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
}

#content h3
{
	font-family: Sans-Serif,Verdana;
	font-size: 16px;
	color: #587979;
	line-height: 136%;
	padding-bottom: 10px;
	padding-top: 10px;
}

#content p.first
{
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: #3f3f3f;
	font-weight: bold;
	line-height: 136%;
	padding-bottom: 1em;
}

#content h4
{
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: #3f3f3f;
	font-weight: bold;
	line-height: 136%;
	padding-bottom: 1em;
}

#content div.quote {
   padding: 1em 1em 0 1em;
   margin-top:0;
   margin-bottom: 1em;
   background-color:#E0E7E9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}

#content ul
{
	padding: 1em 1em 1em 1em;
	margin-top: 0;
	margin-bottom: 1em;
	background-color: #E0E7E9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#content li
{
	padding: 0 0 0 0.5em;
	margin-bottom: 0.25em;
	list-style-type: square;
	list-style-position: inside;
}

#main a.download
{
	background-image: url('/images/link.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 0 0.5em 1em 0.5em;
	padding: 10px 10px 10px 30px;
	border-width:0;
	font-weight:bold;
	display:block;
}

#main a.download:hover
{
   border:0;
	background-color: #f5f5f5;
}

#main table
{
	padding: 10px;
	background: #fff;
	border-collapse: collapse;
	margin-bottom: 15px;
	
}

#main table td
{
   padding: 5px;
   border: 1px solid #eee;
   text-align: left;
   vertical-align: middle;
}

#main table th
{
   background: #98B7C4;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid #eee;
   font-weight:bold;
}

#page #main #sidebar
{
	float: left;
	width: 160px;
	padding: 6.5em 10px 10px 20px;
	text-align: right;
}

#page #main #sidebar p
{
	font-family: Sans-Serif,Verdana;
	font-size: 11px;
	color: black;
	line-height: 126%;
	padding-bottom: 0.75em;
}

#page #main #sidebar h2
{
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: #587979;
	font-weight: bold;
	line-height: 126%;
	padding-bottom: 0.75em;
}

#page #main #sidebar h3
{
	font-family: Sans-Serif,Verdana;
	font-size: 12px;
	color: #c30;
	line-height: 126%;
	padding-bottom: 0;
}


#page #main #sidebar p.first
{
	font-family: Sans-Serif,Verdana;
	font-size: 11px;
	color: #587979;
	font-weight: bold;
	line-height: 126%;
	padding-bottom: 1em;
}

#page #main #image #home_strap
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
	height: 250px;
}

#page #main #welcome_text
{
   position:absolute;
   top:-250px;
   right:0px;
   text-align:right;
   width:260px;
   height:210px;
   padding:20px;
	font-family: Sans-Serif,Verdana;
	font-size: 11px;
	color: white;
	line-height: 126%;
   
}

#page #main #welcome_text h2
{
   font-size:16px;
	color: white;
}

#page #main #home_buttons
{
	height:165px;
}

#page #main #home_buttons h2
{
   font-family: Sans-Serif,Verdana;
	font-size: 16px;
	color: white;
	line-height: 126%;
   	display:block;
	margin: 9px 10px 0px 77px;
}

#page #main #home_buttons p
{
   font-family: Sans-Serif,Verdana;
	font-size: 11px;
	color: white;
	line-height: 126%;
	margin: 0.5em 20px 10px 77px;
}

.noqsl{
        font-size: 10px;
	text-decoration: none;
	color: red;
	border: 0px;
	background: #FFFF99;
}

.qsl{
        font-size: 10px;
        text-decoration: none;
        color: green;
        border: 0px;
	background: #66FF99;
}

.gap{
        font-size: 10px;
	font-weight: normal;
        text-decoration: none;
        color: #bbbbbb;
        border: 0px;
}

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #666;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 2px;
 border: 1px solid #666;
 border-bottom: none;
 background: #eee;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #fff;
 border-color: #000;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

/*
.tabberlive .tabbertab h3 {
 display:none;
}
*/

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

a.hover {
        color: red;
}

.hide
{
	display: none;
}

#uploader ul
{
	background: #eee;
}

#uploader-bold
{
	padding:10px;
	font-size:120%;
	font-weight:bold;
}

#demo-list {
        padding: 0;
        list-style: none;
        margin: 0;
}

#demo-list .file-invalid {
        cursor: pointer;
        color: #514721;
        padding-left: 48px;
        line-height: 24px;
        background: url('/images/error.png') no-repeat 24px 5px;
        margin-bottom: 1px;
}
#demo-list .file-invalid span {
        background-color: #fff6bf;
        padding: 1px;
}

#demo-list .file {
        line-height: 2em;
        padding-left: 22px;
        background: url('/images/attach.png') no-repeat 1px 50%;
}

#demo-list .file span,
#demo-list .file a {
        padding: 0 4px;
}

#demo-list .file .file-size {
}

#demo-list .file .file-error {
        color: #8a1f11;
}

#demo-list .file .file-progress {
        width: 125px;
        height: 12px;
        vertical-align: middle;
        background-image: url('/images/progress.gif');
}

.imsbutton
{
        border-top: solid 2px #ffe090;
        border-bottom: solid 2px #999;
        border-right: solid 2px #999;
        border-left: solid 2px #ffe090;
        padding-top: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
        padding-left: 1px;
        background-color: #ffcc66;
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-variant: normal;
        color: #000000;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
}