/* */
/* */
/* Basic.css  v1.0                                 */
/* Compiled By: Kendall Purser                     */
/* 03/30/2011                                      */
/* For those who learned HTML before there was CSS */
/* */
/* */

/* How to use basic.css */
/*

This stylesheet uses old HTML notation as classes to make things less complicated for HTML programers who have been around since before CSS.

Since classes can be combined at the element level, you won't lose flexibility from other classes.
ie- <p class="i center">

The following stylesheet can be used as a reference, external stylesheet, or may be copied into internal or inline styles.

*/

/* Classes for Bold, Italic, and Underline */
.b {font-weight:bold;}
.u {text-decoration:underline;}
.i {font-style:italic;}
.none {text-decoration:none;}

/* Classes to replace <center> */
.center {margin:auto;}
.center_txt {text-align:center;} 

/* Alignment classes */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.left_txt {text-align:left;}
.right_txt {text-align:right;}
.justify_txt {text-align:justify;}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.super {vertical-align:super;}
.sub {vertical-align:sub;}

/* Colors */
.red {color:red;}
.orange {color:orange;}
.yellow {color:yellow;}
.green {color:green;}
.blue {color:blue;}
.purple {color:purple;}
.white {color:white;}
.black {color:black;}
.grey {color:grey;}

.l_grey {color:#999999;}
.d_grey {color:#666666;}

/* background colors */
.red_back {background-color:red;}
.orange_back {background-color:orange;}
.yellow_back {background-color:yellow;}
.green_back {background-color:green;}
.blue_back {background-color:blue;}
.purple_back {background-color:purple;}
.white_back {background-color:white;}
.black_back {background-color:black;}
.grey_back {background-color:grey;}

.l_grey_back {background-color:#999999;}
.d_grey_back {background-color:#666666;}

/* blockquote */
.blockquote {margin-left:20%; margin-right:20%}

/* Visibility */
.visible {visibility:visible;}
.invisible {visibility:hidden;}
.hide {display:none;}
.unhide {display:block;}
.inline {display:inline;}

/* Font stacks */
.font_serif1 {font-family: "Garamond","Palatino","Palatino Linotype","Times New Roman","Times",serif;}
.font_serif2 {font-family: "Baskerville Old Face","Baskerville","Georgia","Times",serif;}
.font_sans1 {font-family: "Tahoma","Verdana",Helvetica,sans-serif;}
.font_sans2 {font-family: "Gill Sans MT","Gill Sans","Trebuchet MS","Arial",sans-serif;}

/* Common widths */
.w100px {width: 100px;}
.w200px {width: 200px;}
.w300px {width: 300px;}
.w400px {width: 400px;}
.w500px {width: 500px;}
.w600px {width: 600px;}
.w700px {width: 700px;}
.w800px {width: 800px;}
.w900px {width: 900px;}
.w1000px {width: 1000px;}

/* div styles for basic layout */
div#head {height:100px; width:auto; color:#ffffff; background-color:#c01e13; padding:20px;}
div#container {width:1000px; margin:auto;}
div#nav {width:200px; float:left; min-height:600px;}
div#body{width:800px; padding:20px; min-height:600px;}
div#foot {height:100px; clear:both;  color:#ffffff; background-color:#c01e13; width:auto; padding:20px;}

/* template stages */
div#h-stage{position:relative; width:1000px; margin:auto;}
div#f-stage{position:relative; width:1000px; margin:auto;}
div#h-stage span{height:50px; padding-left:150px; margin-bottom:10px;}
div#f-stage span{height:50px;}
div#SlideshowStage {position:relative; width:650px; margin:auto;}

/* Links */
#head a:link , #head a:visited{
margin-right:20px;
font-size: 20px;
font-weight:bold;
color:#ffd300; 
text-decoration:none;
}

#head a:hover{
margin-right:20px;
font-size: 20px;
font-weight:bold;
color:#ffffff; 
text-decoration:none;
}

#foot a:link , #foot a:visited{
margin-right:15px;
font-size: 14px;
font-weight:bold;
color:#ffd300; 
text-decoration:none;
}

#foot a:hover{
margin-right:15px;
font-size: 14px;
font-weight:bold;
color:#ffffff; 
text-decoration:none;
}


/* Crop Map styles */
.crops {
float:left;
}
.li_link{
cursor: pointer;
}

ul {
margin-left:10px;
}

/* browser compatability */
body {margin:0px; padding:0px;}

/* */