/* Coastal Program Style Sheet */



table

	{

	border: 0px;

	}



th

	{

	border:0px solid #006;

	}

	

td

	{

	border:0px solid #006;

	}

	

#tagline

	{

	background-color:none;

	}

	

.whatsnew 

	{

	background-color:#fff;

	}

	

#footer 

	{

	background-color:#000 !important;

	}


#footer h1{

background-color: transparent;
border: none;
padding: 6px;
margin-left: 0px;
}





.footertxt

	{

	font-size: 85%;

	}

	

#breadcrumb 

	{

	background-color:#000000;

	color:#CEEBCD;

	} 



#breadcrumb a 

	{

	color:#FFFFFF;

	} 



#breadcrumb a:hover 

	{

	color: #CEEBCD;

	} 

	

#sidebar

	{

	background-color: #000000;

	border: 0px;

	}

      

#sidebar h1 

    {

    background-color:#CEEBCD;

color: #000000;

    }

	

#sidebar h1 a

    {

	color: #ccf;

    }

	

#sidebar h1 a:hover

    {

    background-color:#7B8FC6;

    color: #ccf;

    }    

       

#sidebar li

	{

   background-color: #000000;

	}

    

#sidebar li:hover 

    {

	background-color: #CEEBCD;

	}

    

#sidebar li a 

	{

	color:#FFF;

	}



#sidebar li a:hover 

	{

	color:#000000; 

	background-color:#CEEBCD;

	} 

	

/*  Tab Navigation Styles */



ul#tabnav li {

	background-image: url(images/tabrightwp_000000.gif);

}



ul#tabnav a:link, ul#tabnav a:visited {

	color: #FFFFFF;

	background-image: url(images/tableftwp_000000.gif);

}



ul#tabnav a:hover {

	color: #CEEBCD;

}



#content a:link,

#content a:visited, 

#footer a { color: #006600; }

#footer p { margin: 4px 0px; width: 75%; }

#footer img.noaa { float: left; margin: 15px; }

.czmlogo { margin-left: 50px; } /* page tagline - delete? */

.email { float: right; }



h1 { color: black; background-color: #ceebcd; border: 1px solid #090; padding: 6px; margin-left: 0px; }

.whatsnew.gray { border: 1px solid #eee; background-color: #f6f6f6; padding: 10px; margin: 0px 15px 15px 0px; }

.whatsnew.gray h2 { padding: 4px; border: 1px solid #eee; }



/* banner */

#homebanner { 

  margin-left: 175px;

  background-color: black;

  font-family: Arial, sans-serif; 

  text-align: right;

  padding: 5px;

  height: 60px;

  /*border-top: 1px solid #ceebcd;*/

}

@media print {

  #homebanner { margin-left: 0px; }

}

#homebanner img#czmlogo { float: left; margin: 5px 0px 5px 15px; }

#homebanner p#mission { float: right; color: white; width: 300px; margin: 15px 15px 5px 0px;  }

ul#tabnav { margin-top: 0px; } /* fix for banner insertion */

#sidebar li { /* border-right: 1px solid #ceebcd; */ }











.wideblock {

    margin-top: 10px !important;

	margin-bottom: 0px !important;

	border: 1px solid #99c !important;

	background-color: #e0e0ff !important;

	min-height: 150px !important;

	padding: 8px !important;

  }

  /* IE min-height */

  * html .wideblock { height: 150px !important; }

  .wideblock.bottomblock { clear: left !important; margin-top: 0px !important; }

 

  .bottomblock h1 { border: 0px; background: transparent; }

 

  .column { float: left; width: 33%; margin-top: 10px; }

  .block {

    font-size: 90%;

	border: 1px solid #ccc;

	background-color: #f6f6f6;

	margin: 0px 10px 10px 0px;

	padding: 6px;

	min-height: 250px;

  }

  .block * { margin-top: 4px; margin-bottom: 4px; }

  /* IE min-height */ * html .block { height: 250px; }

  .block img { border: 1px solid #060; margin: 5px 15px 5px 5px; }

 

  #longblock.block { min-height: 600px; border: 1px solid #9c9; background-color: #e0ffe0; }

  /* IE min-height */ * html #longblock.block { height: 600px; }

 

  #newblock.block { border: 1px solid #99c; background-color: #e0e0ff; }

 



 

.block1 {    font-size: 90%;

	border: 1px solid #ccc;

	background-color: #f6f6f6;

	margin: 0px 10px 10px 0px;

	padding: 6px;

	min-height: 250px;

}

.block2 {    font-size: 90%;

	border: 1px solid #ccc;

	background-color: #f6f6f6;

	margin: 0px 10px 10px 0px;

	padding: 6px;

	min-height: 250px;

}





/* Styles for project list tables */

table.projects th { background-color: #f3f3f3; }

table.projects td, table.projects th { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 4px; }





    .mapsidebar { float: right; margin: 0px 0px 15px 15px; width: 200px; padding: 5px; border: 1px solid #ccc; background-color: #ceebcd; }

	.mapsidebar img { border: 1px solid #999; }

	

	.sidebarbox { font-size: 90%; width: 225px; float: right; clear: both; border: 1px solid #ccc; margin: 0px 0px 15px 15px; padding: 5px; background-color: #f6f6f6; }

.sidebarbox h2 { margin: 3px 0px; padding: 0px; font-size: 110%; }

.sidebarbox ul { list-style-type: none; margin: 6px 0px; padding-left: 4px; }

.sidebarbox li { margin-bottom: 6px; }

 

.highlight { color: #006600; }

ul.spaced li { margin: 4px; }