/* -------------------------------------------------------------------------------------
/*  STYLE:   layout.css
/*  PURPOSE: General Aquadivers Template Style.  This sheet holds all the styles for
/*           the basic layout and design of the site.  All content related styles can
/*           be found in the content.css sheet.
/* ------------------------------------------------------------------------------------- */
BODY {
    margin: 0px 0px 0px 0px;
    background-color: #334D66;
    font: normal normal 400 12px arial,serif;
}
H1 {
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}
#container {
    width: 700px;
    margin: 0px auto 0px auto;
    padding: 0 4px 0 4px;
    background-image: url('../images/body-background.gif');
    background-repeat: repeat-y;
}
#container A {
    color: #ddd;
    text-decoration: none;
}
#container A:links {
    color: #ddd;
    text-decoration: none;
}
#container A:visited {
    color: #ddd;
    text-decoration: none;
}
#container A:hover {
    color: #EDAD27;
    text-decoration: none;
}

/* --------------------------------------------------------------
/*  INTRO
/* -------------------------------------------------------------- */
#intro {
    position: relative;
    width: 700px;
    display: block;
    height: 165px;
    background-image: url('../images/header.jpg');
}
#intro H1 {
    display: none;
}
#intro H2 {
    display: none;
}
#intro DIV.quote {
    position: absolute;
    right: 2px;
    color: #555;
    font: italic normal 700 11px arial,verdana,serif;
}

/* --------------------------------------------------------------
/*  SUPPORTING TEXT
/* -------------------------------------------------------------- */
#supportingText {
    position: relative;
    width: 700px;
    border-top: 0px solid #00f;
    background-image: url('../images/header-waterrays.jpg');
    background-repeat: no-repeat;
    background-position: 379px 0px;
}
#mainBody {
    text-align: center;
    margin-left: 177px;
    border: 0px solid #f00;
}
#mainBody DIV.left {
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}
#sidePanel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 173px;
    margin-top: 70px;
    border: 0px solid #f00;
}

/* --------------------------------------------------------------
/*  BODY FOOTER
/* -------------------------------------------------------------- */
#bodyFooter {
    position: relative;
    width: 700px;
    height: 83px;
    background-image: url('../images/footer.jpg');
    border-bottom: 3px solid #000;
}
#bodyFooter DIV.disclaimer {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font: normal normal 400 9px arial,verdana,serif;
    color: #ddd;
}
#bodyFooter DIV.disclaimer A {
    color: #fff;
    text-decoration: none;
}
#bodyFooter DIV.disclaimer A:hover {
    color: #EDAD27;
    text-decoration: none;
}
#bodyFooter DIV.extraDiv1 {
    position: absolute;
    top: -82px;
    left: 0px;
    width: 149px;
    height: 165px;
    background-image: url('../images/footer-seaweed.jpg');
}
#bodyFooter DIV.extraDiv2 {
    position: absolute;
    top: -25px;
    left: 200px;
    width: 96px;
    height: 63px;
    background-image: url('../images/shark.gif');
}


/* --------------------------------------------------------------
/*  Table Grid
/* -------------------------------------------------------------- */
table.data_grid {
	width: 80%;
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #00436a;
	border-collapse: collapse;
}
td.data_grid_header {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #00436a;
	background-color: #00436a;
	color: #cccccc;
	font-weight: bold;
	text-align: center;
}
td.data_grid_header_left {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #00436a;
	background-color: #00436a;
	color: #cccccc;
	font-weight: bold;
	text-align: left;
}
td.data_grid_data {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: ;
	background-color: ;
	text-align: left;
}
td.data_grid_highlight {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: ;
	background-color: #00436a;
	text-align: left;
}
td.data_grid_data_center {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: ;
	background-color: ;
	text-align: center;
}


/* --------------------------------------------------------------
/*  Spreadsheet
/* -------------------------------------------------------------- */
BODY.spreadsheet {
    margin: 0px 0px 0px 0px;
    background-color: #334D66;
    font: normal normal 400 12px vernada;
}
A.spreadsheet {
    color: #ddd;
    text-decoration: none;
}
A.spreadsheet:links {
    color: #ddd;
    text-decoration: none;
}
A.spreadsheet:visited {
    color: #ddd;
    text-decoration: none;
}
A.spreadsheet:hover {
    color: #EDAD27;
    text-decoration: none;
}
table.spreadsheet {
	width: 80%;
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
}
td.spreadsheet_header {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #1F272F;
	color: #ffffff;
	text-align: center;
    white-space: nowrap;
}
td.spreadsheet_odd {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #334D66;
	background-color: #3F608E;
	color: #dddddd;
    white-space: nowrap;
    font: normal normal 400 12px arial,serif;
}
td.spreadsheet_even {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #334D66;
	background-color: #456B9B;
	color: #dddddd;
    white-space: nowrap;
    font: normal normal 400 12px arial,serif;
}
/*

td.data_grid_highlight {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: ;
	background-color: #00436a;
	text-align: left;
}
td.data_grid_data_center {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: ;
	background-color: ;
	text-align: center;
}


*/