/* Style sheet for Weinstein Plant Phenology project.  */


body { 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
/*
	background-color: #99CC66; 
*/
	background-color: #749b4e; 
	/*background-color: #000;*/ 
	color: #333333;
	padding: 0;
	margin: 0;
	text-align: left;  /* Needed for IE6/Win */
	}
	
div#content {
	/*width: 865px;
	margin-left: auto;
	margin-right: auto;*/
	margin-left: 100px;
	margin-right: 100px;
	/*border: 1px solid red;*/
	}
	
/********** NOTE: URL differs for local dev vs deployment; former is one level down in dw_phen ********/
div#banner {
 	/*background-image: url(/img/banner.jpg);*/
/*	background-image: url(/dw_phen/img/banner.jpg); */
	background-image: url(banner.jpg); 
	background-repeat: no-repeat;
	height: 246px;
	margin: 0;
	padding: 0;
	}
	
div#navbar {
	/* background-color: #000000; */
	margin: 0;
	padding: 165px 30px 0 180px;
	color: #FFFFFF;
	float: right;
	}
	
div#navbar a {
	color: #FFFFFF;
	}
	

/* NB: 070517: Site and individual pages which are only pages currently to have window height adjusted, would show a 11px space between the main and footer divs. Setting a bottom margin for main made it go away. Also, the final hack of declaring any non-zero padding-bottom value. */
div#main {
	/*width: 600px;
	width: 860px;*/
	background-color: #FFFFFF; 
	margin: 0;
	/*margin-left: auto;*/
	margin-left: 31px;
	margin-right: auto;
	padding: 0 100px 1px 65px;
	border-left: 35px solid #000000;
/*
	border-right: 1px solid #333333;
*/
	}
	
div#footer {
	/*width: 600px;*/
	background-color: #FFFFFF; 
	margin: 0 auto;
	margin-top: 0;
	margin-left: 31px;
	border-left: 35px solid #000000;
/*
	border-right: 1px solid #333333;
*/
	border-bottom: 1px solid #333333;
	padding: 50px 100px 400px 65px;
/*
	border: 1px solid red;
*/
	}
	
div#footer p {
	margin-top: 4px;
	}
	
div#footer p#copy {
	font-style: oblique;
	font-size: 0.9em;
	color: #666666;
	}
	
div#comments {
	width: 350px;
	border-top: 1px solid #CCCCCC;
	}

div.q {
    margin: 3em 0;
	}

div#userinfo {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    }
    
/*
div#login {
	border: 1px solid #749b4e;
	font-size: 0.9em;
	float: right;
	margin: 0 30px;
	}
*/

div#userinfo h2 {
	font-size: 1em;
	background-color: #749b4e;
	color: #FFFFFF;
	margin: 0;
	padding: 3px 6px;
	text-align: center;
	}
	
div#userinfo table {
    border: 1px solid #749b4e;
    background-color: #FFFFFF;
    }
    
div#userinfo table td {
    padding: 2px 6px;
    }
    
div#userinfo table td.lbl {
    padding-right: 0;
    }
    
div#userinfo table th {
    padding: 0;
    }
    
/* For Netscape 4. */
p, td, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}
	
h1 {
	font-size: 1.3em;
	margin: 0 0 1em;       /* Allows easier top alignment with ToC. */
	}
	
h2 {
	font-size: 1.2em;
	margin: 0;
	padding-top: 2em;
	}

h3 {
	font-size: 1.1em;
	margin: 0;
	padding-top: 2em;
	padding-bottom: 0;
	}
	
h4 {
	font-size: 1.0em;
	margin: 0;
	padding-top: 2em;
	padding-bottom: 0;
	}
	
table#phen_codes ul {
	margin: 0;
	margin-left: 0;
	}
	
table#phen_codes ul li {
	list-style-type: none;
	margin: 0;
	margin-left: -20px;
	}
	
table#phen_codes h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: oblique;
	margin-left: 10px;
	}
	
td.lbl {
	text-align: right;
	font-weight: bold;
    padding-right: 6px;
	}
	
.warning {
	color: #FF0033;
	}
	
 p.error {
	    color: red; 
	    }
	    
em.sect {
	font-weight: bold;
	font-style: oblique;
	}
	
em.sp {
	font-style: oblique;
	}
	
p#ack {
	font-size: 0.9em;
	color: #666666;
	}
	
ul.menu li {
	display: inline;
	list-style-type: none;
	}

ul.radio li {
	list-style-type: none;
	}
	
p.or {
	margin-top: 3em;
	}
	
div#login {
	border: 1px solid #749b4e;
	font-size: 0.9em;
	float: right;
	margin: 0 30px;
	}

div#login h2 {
	background-color: #749b4e;
	color: #FFFFFF;
	margin: 0;
	padding: 3px 6px;
	text-align: center;
	}
	
div#login div#enter {
	margin: 3px 8px 6px;
	}
	
div#login div#submit {
	text-align: center;
	}
	
div.info h2 {
	margin: 0;
	padding: 0;
	}
	
div.info {
	margin-top: 3em;
	border: 1px solid #336600;
	padding: 1em 2em;
	background-color: #FFFF66;
	}
	
th.left {
	width: 28em;
	}
	
th.right {
/*
	width:d 25px;
*/
	}
	
div#data table {
	border: 1px solid #CCCCCC;
	}
	
div#data table td {
	text-align: center;
	padding: 8px 5px;
	}
	
div#data table td.left {
	text-align: left;
	}
	
div#data table th {
	text-align: center;
	padding: 8px 5px;
	}
	
div#data table th a {
	text-decoration: none;	
	color: #OOOOOO;
	}

div#data table th a:hover {
	color: #996600;
	}

table#tut_items p.step {
	font-weight:  bold;
	padding: 1em 0 0;
	}		
	
div#video {
	/*width: 853px;*/
	/*margin-left: 150px;*/
	padding: 0 auto;
	/*background-color: red;*/
	text-align: center;
	/*border:  1px solid red;*/
}
	
div.tut_item {
	margin: 0 0 30px;
}

div#menu_button {
	text-align: center;
	padding-bottom: 20px;
	}

div.ctr {
	text-align: center;
	}
	
table#logos {
	margin: 0 auto;
	}
table#logos img {
	padding: 20px 50px 10px;
	border: none;
	}