/***************************************************
* Defines styles for the main site pages and menu. *
****************************************************/

a {
	 color: #000000;
	 font-weight: bold;
	 text-decoration: none;
	 }

a:hover {
	 color: #00FFCC;
	 }

body {
	 background-color: #E0EFFF;
	 color: #335c99;
	 font-family: Arial, Helvetica,  sans-serif;
	 padding 0;
	 margin: .2em;
	 font-size: small;
	 text-align: left;
	 }
blockquote {
	 font-style: italic;
	 }
 h1 {
	font-size: 130%;
	color: #009999;
	margin-top: 0px;
	margin-bottom: .5em;
	}
h2 {
	 font-size: 140%;
	color: #009999;
	 }
 h3 {
	font-size: 110%;
	color: #009999;
	margin-bottom: .2em;
	 }
 h4 {
	font-size: 110%;
	color: #FFFF99;
	margin-top: 0px;
	margin-bottom: 0.5em;
	text-align: left;
	 }
 h5 {
	 background: url(/pics/corners_topright.gif) top right repeat-y;
	 padding-left:30px;
	 padding-top:10px;
	 margin: 0;
	 font-size: 1.3EM;
	 }
	 
img{
	 border-color: #ffffff;
	 } 
a:hover img{border-color:ff0000;}
/*********************
* for title and logo
*********************/
.swap {
	 height:80px;
	 background-repeat:no-repeat;
	 background-image: url(/pics/GCTlogoBoatlg.jpg);
	 border: 0;
	 margin 0;
	 padding:  0px;
	 }
.swap span{
	display:none;
	}
/***************************
* for bottom copyright menu
****************************/
.copyright {
	 position:relative;
	 color: #fff0d0;
	 font-size: 80%;
	 font-weight: bold;
	 padding 10px;
	 text-align: right;
	 }
.bottomMenu {
     color: #fff0d0;
	 font-size: 80%;
	 font-weight: bold;
	 margin:0em;
	 text-align: right;
	 }
.Active{
	 color: #FFFF66;
	 }
/*----------------------*/
/* Styles for side bar. */
/*----------------------*/
.sidetop div, .sidetop, .sidebot div, .sidebot { width: 100%; height: 26px; 	font-size: 1px; }
.sideRoundbox    { float:left; width: 13em; background: url(/pics/sideBar_bg.gif) repeat; }
.sidetop         { background: url(/pics/sideBar_top.gif); background-repeat: repeat-x; }
.sidetop div     { background: url(/pics/sideBar_top_left.gif) no-repeat top left; }
.sidetop div div { background: url(/pics/sideBar_top_right.gif) no-repeat top right; }
.sidecontentwrap { background: url(/pics/sideBar_left.gif) repeat-y; }
.sidecontent     { background: url(/pics/sideBar_right.gif) repeat-y right; padding: 0px 1em; margin: 0;  }
.sidecontent li  { margin  0 10px; padding 0 1 0 5px;}
.sidecontent li  { margin  0 10px; padding 0 1 0 5px;}
.sidecontent a {color:#FFFFFF;}
.sidebot         { background: url(/pics/sideBar_bottom.gif) repeat-x; }
.sidebot div     { background: url(/pics/sideBar_bottom_left.gif) no-repeat top left; }
.sidebot div div { background: url(/pics/sideBar_bottom_right.gif) no-repeat top right; }
/*****************************
/* Styles for input */
/****************************/
input, textarea {
	 background-color: #CCCCCC;
	 border-color: #40c0dff #e0b080 #e0b080 #ffd0a0;
	 border-width: 1px;
	 padding: 2px;
	 }
input:focus, textarea:focus {
	 background-color: #FFFFFF;
	 }
input.button {
	 background-color: #30b0ff;
	 border-style: solid;
	 border-color: #50c0ff #0080a0 #0080a0 #50c0ff;
	 border-width: 2px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 padding: .2em;
	 }
input.button:focus {
	 color: #ffffd0;
	 }
label {
	font-weight: bold;
	 }
textarea {
	 font-family: "Courier New", Courier, monospace;
	 scrollbar-base-color: #40b0ff;
	 }
td, th {
	 font-size: 10pt;
	 }
th {
	 font-weight: bold;
	 text-align: left;
	 }
ul {
	 list-style-type: none;
	 margin: 0 10px;
	 }
.errorMsg {
	 color: #c00000;
	 font-weight: bold;
	 }

/* Site menu. */
.menuBar, .menuBar a.menuButton, .menu, .menu a.menuItem {
	 font-family: Arial, "MS Sans Serif", sans-serif;
	
	 line-height: 14pt;
	 color: #000000;
	 }
.menuBar {
	 background-color: #00969d;
	 padding: 4px 2px 2px 2px;
	 margin-left: 2%;
	 padding-left:10px;
	 padding-top:10px;
	 margin-bottom: 0px;
	 }
.menuBar li {
	 display:inline;
	 background-color: transparent;
	 border: 2px solid #30a0ff;
	 color: #000000;
	 cursor: default;
	 font-weight: bold;
	 margin: 1px;
	 padding: 2px 6px 2px 6px;
	 text-decoration: none;
	 }
.menuBar a.menuButton {
	background-color: transparent;
	border: 2px solid;
	color: #FFFFFF;
	cursor: default;
	font-weight: bold;
	margin: 2px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	border-color: #00969d;
	 }
.menuBar a.menuButton:hover {
	background-color: transparent;
	border-color:#00b0b0 #008080 #008080 #00b0b0;
	color: #33FF99;
	border-left-color: #008080;
	 }
.menuBar a.menuButtonActive, .menuBar a.menuButtonActive:hover {
	background-color: #00b0b0;
	color: #FFFF99;
	border: 1px solid #008090;
	border-color: #0080a0 #10a6ad #10a6ad #0080a0;
	padding: 2px 6px 2px 6px;
	margin: 1px;
	font-size: 1em;
         }	 
.menu {
	 padding: 0px 1px 1px 0px;
	 margin-left: auto;
	 margin-right:auto;
	 margin-bottom: .5em;
	 top: 0px;
	 text-align: center;
	 }
/* main body */
.maintop div, .maintop { width: 100%; height: 15px; 	font-size: 1px; }
.mainbot div, .mainbot { width: 100%; height: 17px; 	font-size: 1px; }
.mainRoundbox    {width: 95%; margin: 0 2%; background: url(/pics/mn_bg.gif) repeat; }

.maintop         { background-image: url(/pics/sideBar_top.gif); background-repeat: repeat-x; }
.maintop div     { background: url(/pics/sideBar_top_left.gif) no-repeat top left; }
.maintop div div { background: url(/pics/sideBar_top_right.gif) no-repeat top right; }

.maincontentwrap { background: url(/pics/sideBar_left.gif) repeat-y; }
.maincontent     { background: url(/pics/sideBar_right.gif) repeat-y right; padding: 0px 2em; margin: 0;  }
.maincontent h1 { color: #ffffff; text-align: center;}
.maincontent li  { margin  0 10px; padding 0 1 0 10px;}

.mainbot         { background: url(/pics/sideBar_bottom.gif) repeat-x; }
.mainbot div     { background: url(/pics/sideBar_bottom_left.gif) no-repeat top left; }
.mainbot div div { background: url(/pics/sideBar_bottom_right.gif) no-repeat top right; }

 
	/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac \*/
#content {
	position:relative;
	background-color: #E0EFFF;
	margin: 0px 3px 3px 3px;
	padding: .5em 1em .25em 1em;
	overflow: auto; 
	height: 380px; 
	 }
	#content.text { margin 0 1em; }
	
#insertFrame {
  width: 98%;
  height: 400px;
  align: center;
  margin: .5em}
	
 .img-Lshadow {
  float:left;
  background: url(/pics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/pics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
 .img-Rshadow {
  float:right;
  background: url(/pics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/pics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0px 0px 25px;
  }

.img-Lshadow img, .img-Rshadow img{
	display: block;
	position: relative;
	background-color: #006666;
	border: 1px solid #00;
	margin: -8px 8px 8px -8px;
	padding: 2px;
  } 
	 
img.floatLeft {
	 position: relative;
	 float: left;
	 clear: left;
	 }
img.floatRight {
	float: right;
	margin .4em;
	 clear: right;
	}
	

.center {
	float: left;
	width:90%;
	position: relative;
	z-index: 12;
	margin:  2px 0 2px 3%;
	 padding 0;
	background: transparent;
	 }
.center li {
	display: inline;
	float: left;
	padding: 0 3px;
	}
#map {
	float: left;
	width:90%;
	position: relative;
	z-index: 12;
	margin:  0;
	 padding 0;
	 border 0;
	background: transparent;
	 }
#map li {
	display: inline;
	float: left;
	margin -1px 0;
	border 0;
	padding: 0 0px;
	}
.options{
	 margins: 0 ;
	 background-color:transparent;
	 border-color: #000099;
	 border-style: none;
	 border-width: 1;
	 float:left;
	 width 8em;
	 }
.options ul {
	 margin: 0 .4em;
	 padding: 0;
	 border-color: #0000CC;
	 border-width: 1;
	 list-style-type: none;
	 width: auto;
	 font-weight: bold;
	 text-align:right;
	 }
.specs{
	 margins: 0 3px;
	 background-color:#d0f0FF;
	 border-color: #993300;
	 border-style: none;
	 border-width: 1;
	 float:left;
	 border-left-width: 0px;
	 }
.specs ul {
	 margin: 0 3px;
	 padding: 0;
	 border-color: #993300;
	 border-width: 1;
	 list-style-type: none;
	 width: 13em;
	 }
.equip, .reqs{
	 margins: 0 3px;
	 background-color: transparent;
	 border-color: #000000;
	 border-style: none;
	 border-width: 1;
	 float:left;
	 border-left-width: 0px;
	 }
.equip ul,  .reqs ul{
	 margin: 0 3px;
	 padding: 0;
	 border-color: #FFFFFF;
	 border-style:double;
	 border-width: 1;
	 list-style-type: none;
	 }
.equip ul { 	 width: 12em;}
.reqs ul { 	 width: auto;}
.equip ul li h3, .reqs ul h3 {
    padding 0 .5em;
	background-color:#009999;
	color: #FFFFFF;
	font-style: italic;
	font-size: 100%;
	text-indent: 0.5em;
	margin-bottom: 0px;
}

/******************
* table formating *
*******************/
table#options {
	 position:relative;
	 margins: 0 20%;
	 background-color:#CCFFFF;
	 border: solid #000 1px;
	 }
	 
table#options td {
	 padding: 1px;
	 border: solid #000 1px;
	 }
.data {
	 color: #000000;
	 text-align: left;
	 background-color: #FFFFFF;
	 width: auto;
	 }
.toprow {
	 font-style: italic;
	 text-align: center;
	 background-color: #FFFFFF;
	 }
.leftcol {
	 font-weight: bold;
	 text-align: left;
	 background-color: #FFFFCC;
	 }