body {
    background-image: url("../images/x.gif");
    background-color: #ffffff;
	background-repeat: repeat;
	margin: 8px 8px 8px 8px;  
    font-family: Arial, Verdana, Helvetica, "Trebuchet MS", Tahoma, sans-serif;
    font-size: 100%;  
}

/*This stuff gives the shadow effects */
.blur{
	background: transparent url(shadow1.png);
/*path to the 80%-transparent 1x1pixel black-colored background image*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background: transparent url(shadow2.png);
/*path to the 60%-transparent 1x1pixel black-colored background image*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

body,p,div,th,td,p,input,select,textarea {
	color: #000000;
}	body 
		.container{
			margin:auto; 
            text-align: left;
		}
		.rightConLeftCol{
			float:right;
			width: 500px; 
		}
		.leftConRightCol{
			float:left; 
			width:500px; 
		}
		.colLeft{
			z-index:1;
			position: relative;
			left:-500px; 
			width:500px; 
 			min-height: 50px;
			height: auto !important;
			height: 50px;
		}
		.colRight{
			z-index:2;
			position: relative;
			left:500px;
			width:500px; 
		}
		.brclear {
			clear: both; font-size: 1px; margin: 0px; line-height: 0; height: 0px;
		}
		.brspace {
			font-size: 1px; margin: 0px; line-height: 0; height: 0px;
		}		/* IE mac hack */
		* html>body .colRight{
			display:inline-block;
			overflow: auto;
		}		* html>body .colLeft{
		    overflow: auto;
		}
table.cruise {
	border-width: 3px 3px 3px 3px;
	border-spacing: 4px;
	border-style: ridge ridge ridge ridge;
	border-color: black black black black;
	border-collapse: separate;
}
table.transportation {
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
    /* margin: 0px; */
	padding: 0px;
	border-style: ridge ridge ridge ridge;
	border-color: black black black black;
	border-collapse: separate;
    margin-left:auto;
    margin-right:auto;
}
table.menubar {
	border-width: 3px 3px 3px 3px;
	border-spacing: 1px;
	border-style: ridge ridge ridge ridge;
	border-color: black black black black;
	border-collapse: separate;
}
table.outside {
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: ridge ridge ridge ridge;
	border-color: black black black black;
	border-collapse: separate;
}

table.sample {
	border-width: 4px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: #c0c0c0;
	border-collapse: separate;
}
table.sample th {
	border-width: 0px;
    margin: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.sample td {
	border-width: 0px;
    margin: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.titletop {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset;
	border-collapse: separate;
    border-color: #8080ff #000000 #000000 #8080ff;
}

table.leftcolumn {
	border-width: 0px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: black;
	border-collapse: separate;
}
table.leftcolumn th {
	border-width: 0px;
    margin: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.leftcolumn td {
	border-width: 0px;
    margin: 0px;
	padding: 0px;
	border-style: none;
	border-color: black;
    border-collapse: collapse;
    border-spacing: 0px;
}


br {margin: 0 0 -10px 0; }
a    { color: #374d88; font-weight: bold; text-decoration: none }
a:hover { color: #f60 }
.selected { color: white; font-weight: bold; line-height: 10px; display: block }

p {
  margin: 0em 0;
}

.parasec {
   padding: 10.5em 10em 12em;
}

.s5 {
  line-height: 5.0px;
  /*  line-height: 2.3em; */
}

.s4 {
  line-height: 0.85px;
  /*  line-height: 0.85em; */
}

.s3 {
  line-height: 20px;
 /* line-height: 1.3em; */
}

.s2 {
  line-height: 2.3px;
  /*  line-height: 2.3em; */
}

.s1 {
  line-height: 1.4px;
   /* line-height: 1.4em; */
}

.indentmain {
   padding-left:12px;
   padding-top:6px;
   padding-right:12px;
 }
 
.indent {
   padding-left:12px;
   padding-top:6px;
 }
 
.indent2 {
   padding-left:134px;
   padding-top:6px;
 }

br.littlebr {
   line-height: 6px;
 }


h1 {margin:0; font-weight:bold; font-size:2.5em; color:#000000; padding-left:0px; padding-top:1px; padding-bottom:0px; letter-spacing: 0.05em;display:inline; }
h2 {margin:0; font-weight:bold; font-size:1.5em; color:#000000; padding-left:0px; padding-top:4px; padding-bottom:0px}
h3 {margin:0; font-weight:bold; font-size:120%; color:navy; padding-left:5px}
h4 {margin:0; font-weight:bold; font-size:120%; color:#000000; padding-left:0px}
h6 {margin:0; font-weight:bold; font-size:1.0em; font-style:italic; color:#000000; padding-bottom:1px}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
} 
   
li
{
background-image: url(images/dart.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 2.0em;
}

sup {
  vertical-align: 0.55em;
  font-size: 0.66em;
}
   
/* focusable content: anything w/ tabindex >=0 is focusable */
abbr:focus, acronym:focus, address:focus, applet:focus, b:focus, 
base:focus, big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus,
center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus,
del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus,
fieldset:focus, font:focus, form:focus, h1:focus, h2:focus, h3:focus, h4:focus,
h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus, 
kbd:focus, label:focus, legend:focus, li:focus, link:focus, menu:focus, 
object:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus, 
small:focus, span:focus, strike:focus, strong:focus, sub:focus, sup:focus, 
table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus, 
tr:focus, tt:focus, u:focus, ul:focus, var:focus {
  /* Don't specify the outline-color, we should always use initial value. */
   outline: 0px dotted;
}