/* Page Layout Styles */ 
html, body
{
margin: 5px;
padding: 0;
background-color: #999;
text-align: center;
} 
 
#pagewidth{ 
width:800px;
height:100%; 
margin-left:auto;
margin-right:auto;
border: 5px solid #fff;
text-align:left;
} 
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 

/*.clearfix{display: inline-table;}*/

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
#mainTable {
 background-color: #fff;
 width:100%;
 height:100%;
 position: relative;
}

#mainTable td.widthBlack {
 background-color: #000;
 height:100%;
 width:200px;
 text-align: center;
 Background: #000 url(../media/scf_logo.jpg) top center no-repeat;
}

#mainTable td.fullWidth {
 width:100%;
 height:100%;
 position: relative;
}

td.toolbarContainer {
 background-color:blue;
 padding: 4px;
 Background:  url(../media/tb_bg.jpg) top left repeat-x; width: 100%;
 text-align:right;
}

#toolBar {
 color: #fff;
}

#toolBar a {
 color: #ccc;
 text-decoration: none
}

#toolBar a:hover {
 color:#fff;
 text-decoration: none;
}

#mainTable div.logo {
 width:200px;
 height:185px;
}

#bgTable {
 width:100%;
 background: #fff url(../media/sky.jpg) top right repeat-x;
}
#bgTable td.tabsContainer {
 background: transparent url(../media/sky_and_pilot.jpg) top right no-repeat;
 width:100%;
}

#bgTable td.contentContainer {
 background:transparent url(../media/bg_ground.jpg) bottom left repeat-x;
 /*background:transparent;*/
 height:100%;
 width:100%;
 padding-left: 0px;
 padding-bottom: 200px;
}

#bgTable div.content {
 width:400px;
 border:0px solid black;
 display:block;
 position:relative;
 padding-left: 10px;
 float:left;
 }

#mc {
 background: transparent;
}

#bgTable div.content h1 {
 /*background-color: whitesmoke;*/
 /*border-top: 1px solid #555;*/
 color: #555;
 margin-top:4px;
}

#bgTable div.content h2 {
 color: #999;
}

#bgTable div.content h3 {
 color: #ccc;
}

#bgTable div.content span.hilite {
 color: #f90;
 font-weight: bold;
 cursor:help;
}

#bgTable div.content p.ackn {
 color: #ccc;
 font-size: 10px;
 font-style:italic;
}

#footer {
 width:100%;
 padding:0px;
 background-color:whitesmoke;
 border-top:5px solid #fff;
 border-left:4px solid #fff;
 text-align:left;
}

#footer div.txtMenu {
 color:#666;
 font-size: 10px;
 text-align:center;
 padding-top:3px;
 padding-bottom:3px;
}

#footer div.txtMenu a {
 color:#00f;
 font-size: 10px;
 text-decoration: none;
}

#footer div.txtMenu a:hover {
 color:#00f;
 font-size: 10px;
 text-decoration: underline;
}

.vertmenu {
 font-size: 100%;
 width:160px;
 padding:0px;
 margin:0px;
}

.vertmenu h1 {
 display:block;
 background-color:#fff;
 font-size: 100%; 
 padding: 5px 5px 5px 5px;
 border: 0px solid #000000;
 color: #000;
 margin:0px;
 width:160px;
 text-align:left;
}

.vertmenu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 border: none;
}

.vertmenu ul li {
 margin: 0px;
 padding: 0px;
 text-align:left;
}
.vertmenu ul li a {
 font-size: 100%;
 display:block;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 5px 5px 5px 5px;
 text-decoration: none;
 color: #fff;
 width:160px;
}

.vertmenu ul li a:hover, .vertmenu ul li a:focus {
 color: #fff;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 background-color: #6699FF;
 background: url(../media/tb_bg.jpg) top left repeat-x;
 width:160px;
}

body.pgHom .vertmenu a#pgHom,
body.pgNew .vertmenu a#pgNew,
body.pgHis .vertmenu a#pgHis,
body.pgSit .vertmenu a#pgSit,
body.pgTra .vertmenu a#pgTra,
body.pgJoi .vertmenu a#pgJoi,
body.pgCal .vertmenu a#pgCal,
body.pgClg .vertmenu a#pgClg
{
 color: #f90;
}

body.pgHom .vertmenu a:hover#pgHom,
body.pgNew .vertmenu a:hover#pgNew,
body.pgHis .vertmenu a:hover#pgHis,
body.pgSit .vertmenu a:hover#pgSit,
body.pgTra .vertmenu a:hover#pgTra,
body.pgJoi .vertmenu a:hover#pgJoi,
body.pgCal .vertmenu a:hover#pgCal,
body.pgClg .vertmenu a:hover#pgClg
{
 color: #ff0;
}

.vertmenuAlt {
 font-size: 100%;
 width:160px;
 padding:0px;
 margin:0px;
}

.vertmenuAlt h1 {
 display:block;
 background-color:transparent;
 font-size: 100%; 
 padding: 5px 5px 5px 5px;
 border: 1px solid #fff;
 color: #fff;
 margin-top:25px;
 width:159px;
 text-align:left;
}

.vertmenuAlt ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 border: none;
}

.vertmenuAlt ul li {
 margin: 0px;
 padding: 0px;
 text-align:left;
}

.vertmenuAlt ul li a {
 font-size: 100%;
 display:block;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 3px 5px 3px 5px;
 text-decoration: none;
 color: #ccc;
 width:160px;
}

.vertmenuAlt ul li a:hover, .vertmenuAlt ul li a:focus {
 color: #000;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 background-color: #f90;
 width:160px;
}

#rightSBContainer {
 float:right;
 padding:0;
 margin:0;
 border-left:1px solid #ccc;
 width:175px;
 background-color:transparent;
}

#rightSBContainer * {
 font-size: 11px;
}

.red {
 background:  url(../media/grad_bg_red.jpg) top left repeat-x;
}

.org {
 background:  url(../media/grad_bg_org.jpg) top left repeat-x;
}

.gre {
 background:  url(../media/grad_bg_gre.jpg) top left repeat-x;
}

.gra {
 background:  url(../media/grad_bg_gra.jpg) top left repeat-x;
}

.blu {
 background:  url(../media/grad_bg_blu.jpg) top left repeat-x;
}

.redtxt{
 background:  url(../media/grad_bg_red_txt.jpg) top left repeat-x;
}

.orgtxt {
 background:  url(../media/grad_bg_org_txt.jpg) top left repeat-x;
}

.gretxt {
 background:  url(../media/grad_bg_gre_txt.jpg) top left repeat-x;
}

.gratxt {
 background:  url(../media/grad_bg_gra_txt.jpg) top left repeat-x;
}

.blutxt {
 background:  url(../media/grad_bg_blu_txt.jpg) top left repeat-x;
}

.content a {
 color: #00f;
 text-decoration: none;
}

.content a:hover {
 color: #00f;
 text-decoration: underline;
}

#rightSBContent{
 padding:10px;
 width:155px;
 background:transparent;
 height:400px;
}

#rightSBContent a {
 color: #00f;
 text-decoration: none;
}
#rightSBContent a:hover {
 color: #00f;
 text-decoration: underline;
}

#rightSBContent ul, ol {
 list-style:none;
}

#rightSBContent ul li, ol li {
 margin-left:-20px;
}

td.ct {
 font-size: 12px;
 border: 1px solid white;
 padding: 2px;
 background: #dcdcdc;
 text-align:right;
}

td.cf {
 font-size: 12px;
 border: 1px solid white;
 padding: 2px;
 background:whitesmoke;
}

span.oops {
 font-size:12px; color: #f90;
 font-style:italic;
}
span.mapMove {
 color:#3b7;
 font-style:italic;
 font-weight:bold;
 cursor:help;
}
.mMark {
 white-space:nowrap;
}