/*\
*** This style sheet holds the global styles for the Growing Degree Days site. It was created by:
*** Casey D. McConnell
*** Web Designer
*** IT Department, OARDC
*** The Ohio Sstate University
*** 
*** Modified by:
*** Josh Rocha
*** Web Developer
*** IT Department, OARDC
*** The Ohio Sstate University
\*/


	/** TAGS **/

*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body, html {
	background-color: #e3e3e3;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	color: rgb(59, 39, 22);
	z-index: 1;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color:inherit
}
form {
	display: inline;
}
h1 {
	color: rgb(187, 0, 0);
	font-size: 35px;
	font-weight: bold;
}
h2 {
	color: rgb(187, 0, 0);
	font-size: 14px;
	font-weight:bold;
}
h3 {
	color: rgb(187, 0, 0);
	font-size: 18px;
	font-weight:bold;
}
p{
	margin-left:10px;
}
p:first-letter {
	margin-left:-10px;
}

	/** CLASSES **/

	/*--Header--*/
	
	/* */

.headbackground {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 170px;
	background-color: rgb(187, 0, 0);
	z-index: 2;
}
	
.headerContainer {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 170px;
	background-color: rgb(187, 0, 0);
	z-index: 2;
}
.sub1{
	 margin-top: -5px;
	 margin-bottom:30px;
	 margin-right: auto;
	 margin-left: 60px;
	 z-index: 4;
	 font-size: 14px;
	 font-family: arial;
	 color: #FFFFFF;
}
.mastheadtext {
	margin-left: 0px;
	margin-top: 40px;
	width: autopx;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 3;
	color: #FFFFFF;
	font-size: 34px;
	font-family: arial;
}
.sub2 {
	margin-left: 0px;
	margin-top: 0px;
	width: autopx;
	padding-top: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	z-index: 3;
	color: #fec3a1;
	font-size: 22px;
	font-family: arial;
}
.oardcLogo {
	 margin-top: 40px;
	 margin-bottom:0px;
	 margin-right: auto;
	 margin-left: auto;
	 z-index: 4;
}

	/*--Navigation--*/

.globalNavigationContainer {
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 1011px;
	background-color: #FFFFFF;
	z-index: 2;
}
.globalNavButtonContainer {
	margin-top: 2px;
	margin-left: 6px;
	width: 999px;
	padding: 12px 0px;
	background-color: rgb(187, 0, 0);
	z-index: 3;
}
.globalNavButton {
	border-right: 1px solid #FFFFFF;
	padding: 6px 20px;
	background-color: rgb(187, 0, 0);
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 4;
}
.globalNavButtonCurrentPage {
	border-right: 1px solid #FFFFFF;
	padding: 6px 20px;
	background-color: rgb(187, 0, 0);
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 4;
}
.globalNavButton:hover {
	background-color: rgb(150, 0, 0);
	z-index: 4;
}
.quickCalendarHolder {
	float: right;
	margin-top: -6px;
	border-right: 1px solid #FFFFFF;
	padding: 6px;
	background-color: rgb(187, 0, 0);
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 4;
}
.goButton{
	float: right;
	margin-top: -5px;
	z-index: 4;
	background-color: rgb(187, 0, 0); 
}

.goButton:hover {
	background-color: rgb(150, 0, 0);
	z-index: 4;
}

.whiteLink {
	color: white;
}

/* Global */
	
.contentContainer {
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	width: 1011px;
	background-color: #FFFFFF;
	z-index: 2;
}
.columnContainer {
	position: absolute;
	width: 1011px;
	background-color: #FFFFFF;
	z-index: 3;
}



	/*--Content stuff--*/

.column-index {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 310px;
	z-index: 4;
}
.column-calendarLeft {
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
	width: 435px;
	height: 300px;
	background-color: rgb(92, 92, 92);
	color: #FFFFFF;
	font-size: 16.7px;
	font-weight: bold;
}

.columnGlossary {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:750px;
}
.glossaryContent {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}
.glossarySubContent {
	margin-left:125px;
	width:600px;
}

.glossaryFormula{
	font-weight:bold;
	text-align:center;
}
.glossaryGraph {
	width:600px;
}
.calendarFormContainer {
	margin-top: 80px;
	margin-left: 80px;
	width: 211px;
	height: 128px;
	text-align: right;
}
.showMeButton{
	padding: 6px;
	background-color: #FFFFFF;
}
.whiteArrow {
	position: absolute;
	margin-top: -182px;
	margin-left: 340px;
}
.column-calendarRight {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 531px;
	background-color: #FFFFFF;
}
.column-calendarInfoLeft {
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 0px;
	width: 300px;
	z-index: 4;
}
.column-calendarInfoLeftTop {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 0px;
	width: 310px;
	z-index: 4;
}
.column-calendarInfoCenter {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 270px;
	z-index: 4;
}
.column-calendarInfoRight {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 330px;
	z-index: 4;
}
.exampleContainer {
	margin-left: 30px;
}
.smallPlantBox, .smallplantBox, .smallBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 130px;
	color:  rgb(59, 39, 22);
	background-color: rgb(163, 163, 163);
}
.smallChemicalBox, .smallchemicalBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 130px;
	color:  rgb(59, 39, 22);
	background-color: rgb(239, 239, 239);
}
.smallInsectBox, .smallinsectBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 130px;
	color:  rgb(59, 39, 22);
	background-color: rgb(194, 194, 194);
}
.smallDiseaseBox, .smalldiseaseBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 130px;
	color:  rgb(59, 39, 22);
	background-color: rgb(196, 168, 110);
}
.smallBoxDivider {
	position: absolute;
	margin-top: 60px;
	margin-left: 10px;
	width: 113px;
	height: 32px;
	text-align: center;
	overflow: hidden;
}
.smallCalendarDescription {
	position: absolute;
	margin-top: 85px;
	margin-left: 10px;
	width: 113px;
	height: 32px;
	text-align: center;
	overflow: hidden;
}

.plantBox, .PlantBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 227px;
	color:  rgb(59, 39, 22);
	background-color: rgb(163, 163, 163);
}
.chemicalBox, .ChemicalBox, .Box {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 227px;
	color:  rgb(59, 39, 22);
	background-color: rgb(239, 239, 239);
}
.insectBox, .InsectBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 227px;
	color:  rgb(59, 39, 22);
	background-color: rgb(194, 194, 194);
}
.diseaseBox, .DiseaseBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 227px;
	color:  rgb(59, 39, 22);
	background-color: rgb(196, 168, 110);
}
.todayBox {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
	width: 133px;
	height: 227px;
	color:  rgb(59, 39, 22);
	color: #FFFFFF;
	background-color: rgb(92, 92, 92);
}
.showGDD {
	font-size:8pt;
	position: absolute;
	margin-top: 3px;
	margin-left: 13px;
	width: 113px;
	height: 35px;
	text-align: right;
	overflow: hidden;

	
}
.calendarName {
	position: absolute;
	margin-top: 20px;
	margin-left: 10px;
	width: 113px;
	height: 35px;
	text-align: center;
	overflow: hidden;
}
.calendarPictureHolder {
	position: absolute;
	margin-top: 62px;
	margin-left: 10px;
	width: 113px;
	height: 113px;
	text-align: center;
	overflow: hidden;
}
.calendarPicture {
	max-width:113px;
	max-height:113px;
}
.calendarDescription {
	position: absolute;
	margin-top: 185px;
	margin-left: 10px;
	width: 113px;
	height: 32px;
	text-align: center;
	overflow: hidden;
}
.exampleLine0 {
	margin-top: 16px;
	margin-left: 180px;
	width: 100px;
	height: 3px;
	background-color: rgb(187, 0, 0);
	z-index: 22;
}
.exampleLine1 {
	margin-top: 31px;
	margin-left: 180px;
	width: 100px;
	height: 3px;
	background-color: rgb(187, 0, 0);
	z-index: 22;
}
.exampleLine2 {
	margin-top: 82px;
	margin-left: 180px;
	width: 100px;
	height: 3px;
	background-color: rgb(187, 0, 0);
	z-index: 22;
}
.exampleLine3 {
	margin-top: 65px;
	margin-left: 180px;
	width: 100px;
	height: 3px;
	background-color: rgb(187, 0, 0);
	z-index: 22;
}
.exampleDesc0 {
	margin-top: -15px;
	color: rgb(187, 0, 0);
}
.exampleDesc1 {
	margin-top: 18px;
	color: rgb(187, 0, 0);
}
.exampleDesc2 {
	margin-top: 19px;
	color: rgb(187, 0, 0);
}
.exampleDesc3 {
	margin-top: 35px;
	color: rgb(187, 0, 0);
}

.greenBox {
	float: left;
	margin-top: 14px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding-bottom: 8px;
	width: 999px;
	background-color: rgb(187, 0, 0);
}
.brownBox {
	float: left;
	margin-top: 14px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding-bottom: 8px;
	width: 999px;
	background-color: rgb(187, 0, 0);
}
.date {
	margin-top: 6px;
	margin-left: 6px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
}
.column-eventLeft {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 517px;
}
.column-eventRight {
	float: right;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 6px;
	width: 435px;
	height: 326px;
	overflow: hidden;
	background-color:#FFFFFF;
}
.eventPicture {
	max-width:435px;
	max-height:306px;
	margin-left:auto;
	margin-right:auto;
	border:10px rgb(59, 39, 22) solid;
}
.backButtonHolder {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: rgb(59, 39, 22);
}
.backButtonContainer {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: #FFFFFF;
}
.backButton {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px 8px;
	background-color: rgb(187, 0, 0);
	color: #FFFFFF;
	font-weight: bold;
}
.backButton:hover {
	background-color: rgb(150, 0, 0);
}
.backToCalendarButtonHolder {
	float: left;
	margin-top: 0px;
	margin-left: 25px;
	padding: 4px;
	background-color: rgb(59, 39, 22);
}
.backToCalendarButtonContainer {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: #FFFFFF;
}
.backToCalendarButton {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px 8px;
	background-color: rgb(187, 0, 0);
	color: #FFFFFF;
	font-weight: bold;
}
.backToCalendarButton:hover {
	background-color: rgb(150, 0, 0);
}
.nextButtonHolder {
	float: left;
	margin-top: 0px;
	margin-left: 25px;
	padding: 4px;
	background-color: rgb(59, 39, 22);
}
.nextButtonContainer {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px;
	background-color: #FFFFFF;
}
.nextButton {
	margin-top: 0px;
	margin-left: 0px;
	padding: 4px 8px;
	background-color: rgb(187, 0, 0);
	color: #FFFFFF;
	font-weight: bold;
}
.nextButton:hover {
	background-color: rgb(150, 0, 0);
}
.columnFullView {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	width:850px;
	background-color:rgb(59, 39, 22);
	padding-top:1px;
	padding-bottom:1px;
	font-size:medium
}
.columnCalendarLink {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:850px;
	background-color:white;
	padding-top:1px;
	padding-bottom:1px;
	font-size: ;
	text-align: center;
	font-size: 20px;
	
}
.fullViewBoxTitle{
	display:block;
	height:20px;
	padding:5px;
	background-color:rgb(92, 92, 92);
	margin:2px 3px 2px 3px;
	color:#FFFFFF
}
.fullViewNameTitle{
	width:485px;
	display:inline-block;
	font-weight:bold;
	text-align:Left;
}
.fullViewEventTitle{
	width:275px;
	display:inline-block;
	font-weight:bold;
	text-align:center;
}
.fullViewGDDTitle{
	width:55px;
	display:inline-block;
	font-weight:bold;
	text-align:right
}
.fullViewBox{
	display:block;
	height:20px;
	padding:5px;
	background-color:#D3D3D3;
	margin:3px 3px 2px 3px
}
.fullViewBox:hover{
	display:block;
	height:20px;
	padding:5px;
	background-color:rgb(92, 92, 92);
	color:#FFFFFF;
	margin:3px 3px 2px 3px
}
.fullViewNameplant{
	width:485px;
	display:inline-block;
}
.fullViewNamechemical{
	width:485px;
	display:inline-block;
	font-weight: bold;
}
.fullViewNameinsect{
	width:485px;
	display:inline-block;
	font-weight: bold;
}
.fullViewBoxCity{
	display:block;
	height:20px;
	padding:5px;
	background-color:black;
	margin:3px 3px 2px 3px;
	color: white;
}
.fullViewNameCity{
	width:485px;
	display:inline-block;
	font-weight: bold;
	background-color:black;
	color: white;
}
.fullViewEventCity{
	width:275px;
	display:inline-block;
	text-align:center
	
}
.fullViewGDDCity{
	width:55px;
	display:inline-block;
	text-align:right
}
.fullViewEvent{
	width:275px;
	display:inline-block;
	text-align:center
	
}
.fullViewGDD{
	width:55px;
	display:inline-block;
	text-align:right
}
/*--Footer--*/
.footerContainer {
	clear: both;
	padding-top: 6px;
	margin-top:auto;
	margin-bottom: auto;
	margin-left: -446px;
	margin-right: -446px;
	background-color:#333;
	z-index: 2;
	color: #FFFFFF;
	font-family: Arial;
	width: autopx;
}
.footerText {
	text-align: left;
	font-size: 12px;
	background-color: #333;
	z-index: 3;
	width: autopx;
}

.ZipText {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	}
	
.FormText {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	}
	
.ButtonStyle{
	color: #FFFFFF;
	padding: 4px;
	font-family: Georgia;
	background-color: rgb(187, 0, 0);

}

.DropDownFilter{
	background-color: rgb(187, 0, 0);
	color: #FFFFFF;
	height: 24px;
	font-family: Georgia;
}

.TopButton{
	background-color: rgb(187, 0, 0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Georgia';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}
.SpreadButton{
	background-color: #fff;
    color: rgb(187, 0, 0);
    font-family: 'Georgia';
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}
.TopButton:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #777;
	cursor: pointer;
}
.SpreadButton:hover {
    border: none;
    color:red;
	cursor: pointer;
}
.ButtonStyle:hover {
    border: none;
    color:white;
	background-color: #960000;
	cursor: pointer;
}
.DropDownFilter:hover {
    border: none;
    color:white;
	background-color: #960000;
	cursor: pointer;
}