@charset "UTF-8";
/*

	Marin Agricultural Institute (Created by Collin Wikman)
	
	CONTENTS ----------
	
	   1.BODY & CONTAINERS
	   2.GENERAL STRUCTURE
	   3.HEADER & NAVIGATION
	   4.SITEINFO/FOOTER
	   5.PAGE SPECIFIC STYLES
	   6.TEXT FORMATTING
	   7.GALLERY
	   7.UTILITY CLASSES
	
	   
	   
    -------------------
    
    COLORS -----------
    
    MAI Dark Green 		#439639
    MAI Green			#6B8438
    MAI Dark Graay		#474A51
    
    
    
    -------------------
	
*/


/* 1.BODY & CONTAINERS
---------------------------------------------------------------------- */
html, body {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    height:100%;
}

#container {
    width: 925px;  
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 0px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top:20px;
}

/* 2.GENERAL STRUCTURE
---------------------------------------------------------------------- */
#maincontent {
    width:925px;
    padding-top:5px;
    padding-left:0px;
    min-height:300px;
}

#rightColumn {
    float:right;
    width:225px;
    margin-top:58px;
    
}

#leftColumn {
    width:685px;
    margin-right:15px;
    float:left;
}

#leftMain {
    padding:10px;

}
#rightMain {
    margin-top:2px;
    height:100%;


}

#rightColumn .colorBox div.top {
    background-image:url(../images/sidebar/top.jpg);
    background-repeat:no-repeat;
    width:221px;
    height:21px;
}
#rightColumn .colorBox div.middle {
    background-image:url(../images/sidebar/middle.jpg);
    background-repeat:repeat-y;
}
#rightColumn .colorBox div.bottom {
    background-image:url(../images/sidebar/bottom.jpg);
    background-repeat:no-repeat;
    width:221px;
    height:27px;
}

.sideTitle {
    padding-left:25px;
    margin-bottom:15px;
}

.sideBarMarket {
    margin-left:15px;
    padding-left:10px;
    padding-right:15px;
    padding-bottom:5px;
    padding-top:5px;
    width:170px;
}

.sideBarImage {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:2px;
}

.article {
    border-top:1px solid #DDDDDD;
}

.sideArticle {
    padding:5px;
    border-top:1px #DDDDDD dotted;
    background-color:#6B8438;
}

.sideArticle a {
    text-decoration:none;
} 

.sideArticle:hover {
    background-color:#77894D;
} 

.paddedText {
    margin-left:15px;
    margin-right:15px;
    padding-top:1px;

}

.titlebox {
    padding-bottom:5px;
    border-bottom:1px solid #BBBBBB;
    height:43px;
}


.textWithTitle {
    margin-top:2px;
    border-top:1px solid #BBBBBB;
}

.spacerBottomLine {
    border-top:1px solid #BBBBBB;
    border-bottom:1px solid #BBBBBB;
    height:2px;
}

.textBox {
    padding:20px;
    height:80%;
    overflow:hidden;
    
}

.sidebarSubmit {
    margin-left:87px;
    margin-top: 5px;
    border: 1px solid #999;
    padding: 3px;
}

/* 3.HEADER & NAVIGATION
---------------------------------------------------------------------- */
#header {
    background-image:url(../images/header.jpg);
    background-repeat:no-repeat;
    width:925px;
    height:115px;
}

#header a {
	float:left;
	width:250px;
	height:100px;
}

 #navigation {
    margin-top:5px;
    width:925px;
    height:37px;
    background-color:#6B8438;
    border: 0px solid #000000;
}
#navbuttons {
    margin-top:8px;
    float:right;
    margin-right:5px;
    height:30px;
    border: 0px solid #000000;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
  
ul#nav li {
	float: left;
	position: relative;
}
 
ul#nav li ul {
	display: none;
	position: absolute; 
	top: 1em;
	padding-top:4px;
	left: 0;
	width:130px;
}

ul#nav li ul.navLast {
	display: none;
	position: absolute; 
	padding-top:4px;
	width:130px;
	left: -40px;
}

ul#nav li ul li {
    height:18px;
	padding-left:10px;
	width:130px;
}

ul#nav li ul li a {
	color: #e8ecde;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#nav li ul li a:hover {
	color: #333333;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul#nav li ul li a.containsSubs:hover {
	color: #e8ecde;
	text-decoration: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
  
ul#nav li ul li ul.secondTier {
	display: none;
	position: absolute; 
	top: 12px;
	padding-top:7px;
	left: 0;
	width:122px;
}  

ul#nav li ul li ul.secondTier li {
	position:relative;
	top:-17px;
	left:140px;
    height:18px;
	padding-left:10px;
	width:120px;
}

ul#nav li ul li ul.secondTier li.subtopMenu {
	padding-left:15px;
	padding-top:6px;
	background-image:url(../images/subsubtop.png);
	background-repeat:no-repeat;
	width:154px;
}

ul#nav li ul li ul.secondTier li.submiddleMenu {
	padding-left:15px;
	padding-top:3px;
	background-image:url(../images/subsubmiddle.png);
	background-repeat:no-repeat;
	width:154px;
}

ul#nav li ul li ul.secondTier li.subbottomMenu {
	padding-left:15px;
	padding-top:3px;
    padding-bottom:8px;
	background-image:url(../images/subsubbottom.png);
	background-repeat:no-repeat;
	width:154px;
}

ul#nav li ul li.topMenu {
	padding-top:8px;
	background-image:url(../images/subTop.png);
	background-repeat:no-repeat;
	height:19px;
}

ul#nav li ul li.middleMenu {
	background-color:#6B8438;
}

ul#nav li ul li.bottomMenu {
	background-image:url(../images/subBottom.png);
	background-repeat:no-repeat;
	height:30px;
}

ul#nav .arrow {
	position:absolute;
	margin-top:5px;
	left:90%;
}

ul#nav li > ul {
	top: auto;
	left: auto;
}
	
ul#nav li:hover ul, li.over ul{ display: block; }

ul#nav li ul li:hover ul, ul li a.over ul{ display: block; }

ul#nav li#mai:hover ul, li#mai.over ul {display:block;}

/* 4.FOOTER
---------------------------------------------------------------------- */
#footer {

	margin-top: 4px;
    text-align: center;
}

.footerText {
	font-size:13px;
	background-color: #FFF;
}

#announcments {
	background-color: #504031;
	text-align: left;
    padding:10px;
    margin-top:5px;
}

#announcments p {
	color:#cbc0b7; 
	margin-left:30px;
}

/* 5.PAGE SPECIFIC STYLES
---------------------------------------------------------------------- */
/* Home */

#home {
    background-image:url(../images/home/main.jpg);
    background-repeat:no-repeat;
    height:450px;
    width:	925px;
}

#homeBox {
    position:relative;
    top:300px;
    left:270px;
    width:630px;
}

/* Markets */
.managerName {
    float:right;
    margin-right:150px;
    margin-top:15px;
    font-style:italic;
}
.market_logo {
	float: right;
	height: 113px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

.market_logo img {
	position: relative;
	top: 150px;
}

/* Applications */
.app_charts {
	width: 650px;
	height: 480px;
}

.app_charts img {
	float: right;
}

/* E-Newsletter */
.enewsletterYearList {
	cursor: pointer;
	padding: 3px;
}

/* Staff & Board of Directors */
.directorImage {
	margin-top:12px;    
	float:left;
	padding:7px;
	background-color:#ececec;
	
}

.directorName {
        padding-left:10px;
	float:left;
	width:300px;	
}

.clearDirectors {
    clear:both;
    height:1px;
}

/* Recipes */
.recipesSeasonsRow {
	width: 787px;
	margin: auto;
}
.recipesSeasonsRow div {
	float: left;
	border: 1px solid #BBB;
	padding: 0px 20px 20px 20px;
	margin: 0 20px 20px 20px;
}
.recipesSeasonsRow a {
	width: 180px;
	text-decoration: none;
	text-align: center;
}
.recipesSeasonsRow a h4 {
	text-align: center;
}

/* 6.TEXT FORMATTING
---------------------------------------------------------------------- */
h1 {
	font-family:Garamond, Times, serif;
	font-size:35px;
	color:#439639;
	display:block;
}

h2 {
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	font-size: 25px;
	color:#474A51;
	margin-bottom: 3px;
}

h3 {
	font-family:Garamond;
	font-size:22px;
	color:#333333;
}

h4 {
	font-family:Garamond;
	font-size:19px;
	color:#6B8438;	
	margin: 3px 0 5px 0;
	font-weight: normal;
}
h4.no_margin {
	font-family:Garamond;
	font-size:19px;
	color:#6B8438;	
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color:#FFFFFF;
}

p {
	font-family: Garamond;
	font-size: 14px;
	color:#333333;
	margin-bottom: 10px;
	line-height: 18px;
}

#leftColumn ul {
	margin: 5px 0px 10px 40px;
	line-height: 20px;
}

#leftColumn ul li {
	font-family: Garamond;
	font-size: 14px;
	color:#333333;
	list-style:disc;
}

a {
	color:#439639;
	text-decoration:underline;
	cursor: pointer;
	
}

form {
	font-family: Garamond;
	font-size: 14px;
	color:#333333;
	margin-bottom: 10px;
	line-height: 16px;
}

.mainSideBarText {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	line-height:16px;
}

.mainSideBarText a {
	font-size: 13px;
	font-weight:bold;
	color:#FFFFFF;
	
}

.sideBarSmallText {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
}

.subtitle {
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	color:#474A51;
}

/* 7.GALLERY
---------------------------------------------------------------------- */
#gallery {
        margin-top:10px;
	margin-left:20px;
	padding-right: 0px;
	width: 225px;
}
#gallery ul {
    list-style: none;

}
#gallery ul li {
	margin:0px;
	display: inline;
}
#gallery ul img {
	border: 2px solid #DDDDDD;
}
#gallery ul a:hover img {
	border: 2px solid #BBBBBB;
}

/* 8.UTILITY CLASS
---------------------------------------------------------------------- */
#clearer {
    clear:both;
    height:1px;
    width:100%;
}

/* -- ERRORS --*/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBC2C4;color:#8a1f11;border-color:#C1272D; font-size: 1.6em;line-height: 1.6em;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#C3CCA8;color:#264409;border-color:#6B8438;}
.notice a {color:#514721;}
.success a {color:#264409;}