/*        sea ice site style sheet       */


/*img { behavior: url(iepngfix.htc); } */

/*body*/
body {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #036 url(website_images/wave-breaking2.jpg) top right no-repeat;
	}


/*structural elements*/

#content {
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height: 100%;
	color: #000000;
	background: transparent url(website_images/fff_80t.png) top left repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}

#header {
	text-align: left;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height: 130px;
	color: #ffffff;
	background:  #333333 url(website_images/aa.night.jpg) top right no-repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}
	
	
#airpheader {
	text-align: left;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height:130px;
	color: #ffffff;
	background:  #333333 url(website_images/airphotos_header_bg.jpg) top right no-repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}

#insheader {
	text-align: left;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height:130px;
	color: #ffffff;
	background:  #333333 url(website_images/takeoff_header.jpg) top right no-repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}

#dataheader {
	text-align: left;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height:130px;
	color: #ffffff;
	background:  #333333 url(website_images/data_header.jpg) top right no-repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}


#modisheader {
	text-align: left;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px;
	height:130px;
	color: #ffffff;
	background:  #333333 url(website_images/modis-header.jpg) top right no-repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	position: relative;
	}

#column1 {
	float: left;
	margin: 0;
	width: 71%;
	height: 100%;
	padding: 5px;
	voice-family: "\"}\""; voice-family: inherit;
	display: block;
	}

#column2 {
	float: left;
	margin: 0;
	width: 25%;
	height: 100%;
	padding: 7px;
	voice-family: "\"}\""; voice-family: inherit;
	display: block;
	}

#onecolumn {
	float: left;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 5px;
	voice-family: "\"}\""; voice-family: inherit;
	display: block;
	}

.datagrid { 
  padding: 5px 15px 5px 5px;
  width: 100%; 
  min-width: 600px;
  background-color: #cccccc;
  margin: -10px 20px 0px -10px;
  }

table.frontPageDataGrid { 
  padding: 5px 5px 5px 5px;
  width: 100%; 
  min-width: 600px;
  border: 0px;
  }

td.frontPageDataGrid { 
  padding: 0px;
  border: 0px;
  }

div.spacer {
	clear: both;
	voice-family: "\"}\""; voice-family: inherit;
	}

#logospace {
	padding: 3px 10px 3px 10px;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 2%;
	height: 110px;
	background: url(website_images/fff_80t.png) top left repeat;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 9px;
	text-align: center;
	}
	
#footer {
	padding: 3px 10px 3px 10px;
	margin-left: 7%;
	margin-right: 7%;
	margin-top: 0;
	margin-bottom: 0;
	margin-top: -2%;
	background-color: #666666;
	min-width: 600px;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 9px;
	}

#footer a:link {color:#cc6666;background:transparent;text-decoration:underline}

	
.yellowitem {
	margin: 0;
	padding: 5px;
	background: url(website_images/fff_80t.png) top left repeat;
	width: 100%;
	voice-family: "\"}\""; voice-family: inherit;
	}

.greyitem {
	margin: 0;
	padding: 5px;
	background: url(website_images/ccc_60t.png) top left repeat;
	width: 100%;
	voice-family: "\"}\""; voice-family: inherit;
	}
	
#biopic {
	margin: 0;
	padding: 0;
	background: #666666;
	border: 1px solid #000;
	voice-family: "\"}\""; voice-family: inherit;
	}
	
#picframe {
	margin: 0;
	padding: 2px 2px 5px 2px;
	background: #666666;
	border: 1px solid #000;
	voice-family: "\"}\""; voice-family: inherit;
	display: block;
	}
	
#backtrack {
	padding: 2px 10px 5px 10px;
	background: #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	width: 100%;
	margin: 0 -10px 0 -10px;
	text-align: left;
	}


/*links */

a:link {color:#cc0000;background:transparent;text-decoration:underline}
a:visited {color:#660000;background:transparent;text-decoration:underline}
a:active {color:#ffcc00;background:transparent;text-decoration:underline}
a:hover { color:#3333ff;text-decoration: underline; background: transparent;}

/*general font tags...*/
address, body, caption, center, dd, dir, div, dl, dt, form, menu, p, td, th
{
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 130%;
	color: #000000;
	}

/*special font tags*/
#note {
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	line-height: 130%;
	color: #333333;
	}
	
.note {
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	line-height: 130%;
	color: #333333;
	}
	

#math {
	margin: 0% 5% 0% 5%;
	border: 1px dashed #ccc;
	padding: 5px;
	font-family: Courier, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 130%;
	color: #333333;
	text-align: left;
	background: #eeeeee;
	}

#contact {
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 130%;
	color: #333333;
	}

/*menu bar stuff*/
#menuspace {
	margin: 0;
	padding: 0;
	}

#menuspace ul {
	width: 100%;
	margin-left: -10px;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	background: transparent url(website_images/ccc_60t.png) repeat;
	position: absolute;
	bottom: 1px;
	display: block;
	}
	
#menuspace ul li {
	float: left;
	text-align: center;
	border: 0;
	padding: 2px 5px 2px 5px;
	margin: 0;
	position: relative;
	display: inline;
	}
	
#menuspace ul li a {
	border: 0px;
	padding: 2px 5px 2px 5px;
	margin: 0;
	color: #333333;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	voice-family: "\"}\"";   
	voice-family: inherit;
	display: inline;
	}

#menuspace ul li:hover {
	background: url(website_images/ccc_60t.png) top left repeat-x;
	display: inline;
	}

html>#menuspace ul li a  {
	font-size: 11px;
	}

/*headers*/

#dataheader h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#dataheader h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#insheader h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#insheader h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#airpheader h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#airpheader h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#modisheader h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#modisheader h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#header h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}

#header h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #eeeeee;
	}


h1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #333333;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #333333;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #333333;
	}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #333333;
	}
	
/* lists */

ol, ul {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #333333;
	}
/*ul li {
	padding: 0em 0em 0.6em 0em;
	}
*/
/*tables... uuugh*/


table {
	border: dashed #cc9 1px;
	margin: 2px;
	padding: 0px;
	}


tr {
	border: solid blue 1px;
	margin: 0px;
	padding: 0px;
	}


td {
	border: solid #cc9 1px;
	margin: 0px;
	padding: 3px;
	}


#highlightrow {
	background-color: #666699;
	color: #ffffff;
	}
