/* These are styles necessary to make the mockup pages look like they */
/* are part of Estuaries.gov. Eventually this stylesheet will go away */
/* and be replaced by actual styles for Estuaries.gov                 */

/* body {
	background: #517a9e url(../images/page/bg.jpg) repeat-x;
	font-family:Arial;
	font-size:10pt;
	font-style:normal;
	margin: 0;
	padding: 0;
	display:block;
	text-align: left;
}

Layout for mockup pages */
#estuaries-gov-page {background: #fff; width: 980px; }
/*#header {background: url(../images/page/header.jpg) no-repeat; height: 127px; position: relative;}
#footer {background: url(../images/page/footer.jpg) bottom left no-repeat; height: 93px; padding-top: 60px;}
*/
/* Container to match the Estuaries.gov content width */
/*#estuaries-gov-main-content-td {width: 854px; margin: 10px 48px;}*/
#estuaries-gov-main-content-td {width: 850px; margin: 0px 45px;}

#estuaries-gov-educator-menu-mockup {color: #eee; position: absolute; width: 100%; top: 108px; text-align: center;}
#estuaries-gov-educator-menu-mockup a {color: #fff; font-weight: bold; text-decoration: none;}
#estuaries-gov-educator-menu-mockup a.off {color: #eee;}

.BrownHeader {
  font-weight: bold;
  font-size: 16pt;
  font-family: Tahoma;
  color: #ad6827;
}

/* Feedback panel */
.slide-out-div {
  padding: 20px 20px 0;
  width: 250px;
  background: #fff;
  border: 1px solid #29216d;
} 

.slide-out-div p {line-height: 125%; margin-bottom: 1.0em;}

.slide-out-div a.button {display: block; width: 150px; margin: 0px auto; padding: 6px; text-align: center; font-weight: bold; color: #fff; background: #ad6827; outline:0; -moz-border-radius:4px;}

/* alerts and messages
----------------------------------------------- */
div.messages, div.status, div.warning, div.error, div.alert {background: #ffc url(../images/messages-status.png) 5px center no-repeat; color: #000; border: 1px solid #fc0; padding: 10px 10px 2px 35px; margin: 0 0 20px 0; font-size: 95%;}
div.warning {background: #ffc url(../images/messages-warning.png) 5px center no-repeat;}
div.error {background: #fee url(../images/messages-error.png) 5px center no-repeat; color: #900; border: 1px solid #c00; font-weight: bold;}
div.messages a, div.status a, div.warning a, div.error a, div.alert a {color: #440000;}