/* Imported Styles: for all browsers except NN4.x (holds a few little rules that NN4.x can't handle)
----------------------------------------------- */
@import url("styles_xtra.css");


/* Rules for all browsers
----------------------------------------------- */

body {
	background-color: #fff;
	}

/* redundant selectors to help NN4+ not forget */	
body, table, td, p, a, span, ul, li, input, textarea, select, option { 
	font-family: verdana, geneva, tahoma, arial, sans-serif;}
	
p { text-align: left;}

#frame { /* right side vertical line */
	width: 746px;
	border-right: 1px solid #333;
	}
	
.error { color: #f00;}

.skiplink { display:none} /* skip to main content link */

.admincolor { background-color: #e1ebd1;} /* for admin table cells lt green color */
.admintable { margin-top: 12px;}
.admintable p {
	text-align: right;
	font-size: 70%;
	}
/* otherp classes are for text that shares a cell with a form field (e.g. submit crop form) */
.admintable .otherp { 
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	}

/* ---- links ----------------------------------------- */
/* Remember "LoVe/HAte" linking.  */
a:link { color: #6d8d3f; text-decoration: none;}  
a:visited { color: #6d8d3f; text-decoration: none;}
a:hover { color: #630; text-decoration:underline;}
a:active { color: #6d8d3f;}


/* ---- ids & classes ----------------------------------------- */

.topnavmenu { /* main nav & admin nav menus */
	color: #666;
	font-size: 70%;
	padding: 4px 0 4px 10px;
	margin: 0;
	}
.topnavmenu a {
	color: #333; text-decoration: none;
	}
.topnavmenu a:visited {
	color: #333; text-decoration: none;
	}
.topnavmenu a:hover {
	color: #e1ebd1; text-decoration: none;
	}
	
.sidebar { /* left-side boxes */
	margin-top: 23px;
	}
.sidebar p {
	font-size: 60%;
	color: #333;
	margin: 0;
	padding: 8px 10px 5px 10px;
	}
.sidebar .sideheader {
	color: #630;
	font-size: 70%;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 5px 6px;
	}
.sidebar table {
	border: 1px solid #d4c5b6;
	}

#maincontent { /* for one-column content area layout */
	margin: 20px 20px 20px 10px;
	padding: 0;
	color: #333;
	}
#maincontent p {
	font-size: 70%;
	}
#maincontent .header { /* page title (in brown) */
	font-weight: bold;
	font-size: 100%;
	color: #630;
	margin: 0;
	}
#maincontent .subheader { /* small subheader (also brown) */
	text-align: left;
	font-weight: bold;
	font-size: 80%;
	color: #630;
	margin: 0;
	}
#maincontent .flags { /* for text next to small flags on Crops pages */
	font-size: 60%;
	}
#maincontent .caption { /* for picture captions on Crops pages */
	margin: 0;
	padding: 0;
	font-size: 60%;
	color: #6e6e6e;
	}
#maincontent .croplinks { /* links on Crops page under flags */
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 60%;
	}
	
.maincontenttwo { /* for two-column content area layout - left side */
	margin: 0 0 20px 10px;
	padding: 0 15px 0 0;
	color: #333;
	}
.maincontenttwo p {
	font-size: 70%;
	} 
	
.maincontentthree { /* for two-column content area layout - right side */
	margin: 0 20px 20px 0px;
	padding: 0;
	color: #333;
	}
.maincontentthree p {
	font-size: 65%;
	} 

#footer {
	color: #999;
	font-size: 60%;
	margin: 2px 0 20px 32px;
	}
#footer p { margin: 0; padding: 0;}
#footer a {
	color: #999; text-decoration: none;
	}
#footer a:hover {
	color: #9bbc68; text-decoration: none;
	}
	
#userlisttable { margin-top: 12px;} /* User List table */
#userlisttable p {
	font-size: 60%; /* not seeing font-size when this is declared at top for some reason... (can't figure out where the inheritance issue is) */
	}


/* ---- forms ----------------------------------------- */

#searchbox {
    margin: 20px 20px 0 0;
	}
	
#editbutton {
	margin: 1px 6px 1px 1px;
	padding: 0;
	}	

input, textarea, select {
	font-size: 60%;
	}