﻿#mainContentDiv {
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: visible;
}

.special_font { font-size: 1.2em; font-family: 'Eras Demi ITC', Verdana, Arial, Helvetica, sans-serif; }
.special_color { color: #b80000; }

#backgroundOpacityDiv {
    background-position: center center;
    position: fixed;
    width: 100%;
    height: 100%;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.50;
    background-image: url('Images/ss_2_chalkboard.gif');
    background-repeat: repeat;
    visibility: hidden;
    z-index: 1;
}

a, .content_clickable { color: #002AC8; text-decoration: underline; }
a:link, .content_clickable:link { color: #002AC8; cursor: pointer; text-decoration: underline; }
a:visited, .content_clickable:visited { color: #002AC8; cursor: pointer; text-decoration: underline; }
a:hover, .content_clickable:hover { color: #b80000; cursor: pointer; text-decoration: none; }
a:active, .content_clickable:active { color: #002AC8; text-decoration: none; }

#textPopupDiv {
    position: fixed;
    background-position: center center;
    background-image: url('Images/ss_board.jpg');
    background-repeat: repeat;
    border: 4px ridge black;
    color: Black;
    padding: 2em;
    left: 17%;
    top: 9%;
    width: 60%;
    height: 35em;
    overflow: scroll;
    z-index: 30;
    visibility: hidden;
}
#textPopup_close { position: fixed; left: 77%; top: 11%; z-index: 31; }
div#textPopup_title { position: relative; background-color: #e8e5d8; border: 2px outset black; padding: 0.10em 0.35em 0.10em 0.35em; float: left; font-size: 1.35em; margin-bottom: 1.5em; font-weight: bold; }
div#textPopup_content { position: relative; clear: both; font-size: 1.25em; padding: 0 1.5em 1.0em 1.0em; }

#HeaderDiv { height: 6.75em; color: #002AC8; background-color: #EDF6FF; }

#LogoDiv { width: 22em; float: left; }
#LogoText { margin-left: 0.5em; font-size: 1.4em; font-weight: bold; }

#HeaderMenuDiv { width: 32em; float: left; text-align: center; }
#HeaderMenu_Desc { padding-top: 1.5em; font-size: 1.2em; font-weight: bold; color: Black; }
#HeaderMenu_Menu { padding: 1.5em 0 0 5.0em; }
div.topMenuItem { float: left; }
div.topMenuSeparator { float: left; padding: 0 1.0em 0 1.0em; }

#loginDiv { position: relative; float: left; padding: 0.75em 0 0 5.0em; }
#loginConfig { padding-left: 0.5em; }

#midSectionDiv { font-size: 1.1em; }

#leftHandMenu {
    float: left;
    width: 12em;
    padding: 2.5em 1.0em 2.5em 1.0em;
    background-color: #EDF6FF;
    border-right: 2px solid blue;
    border-bottom: 2px solid blue;
}

ul.sideMenu_list { cursor: default; }
li.sideMenu_list { padding-bottom: 1.5em; }
li.sideMenu_list a { font-size: 1.05em; font-weight: bold; }

#ContentPlaceHolderDiv { border-top: 2px solid blue; margin-left: 14.0em; padding: 1em 11% 1em 11%; }

.textHeaders {
    position: relative;
    clear: right;
    padding: 1.5em 0 1.5em 0;
    text-align: center;
    color: #0a230c;
    font-size: 1.85em;
    font-weight: bold;
    font-family: 'Eras Demi ITC';
}
.textHeaders label { border: 2px ridge #0a230c; padding: 0.05em 0.2em 0.05em 0.2em; background-color: #f7f7ed; }

.textHeaders2 {
    position: relative;
    clear: right;
    padding: 1.5em 0 1.0em 0;
    text-align: left;
    color: #0a230c;
    font-size: 1.60em;
    line-height: 0.65em;
    font-weight: bold;
    font-family: 'Eras Demi ITC';
}
.textHeaders2 label { border-bottom: 2px ridge #0a230c; }

.textHeaders3 {
    position: relative;
    clear: right;
    padding: 0.5em 0 1.5em 0;
    text-align: center;
    color: #0a230c;
    font-size: 1.40em;
    line-height: 0.65em;
    font-weight: bold;
    font-family: 'Eras Demi ITC';
}
.textHeaders3 label { border-bottom: 2px ridge #0a230c; }

div.body_text { padding: 0; }
span.body_text {  }
span.yale_text {  }
img.center { display: block; margin: 0 auto 0 auto; }
img.left { float: left; margin: 0 1.0em 1.0em 0; }
img.right { float: right; margin: 0 0 1.0em 1.0em; }
img.inline { display: inline; }
div.center { clear: both; margin-left: auto; margin-right: auto; }
div.clear { clear: both; }

#featureDiv { margin-top: 1.0em; }

div.featureText { position: relative; margin-right: 160px; padding: 0em 2.5em 0 0; text-align: justify; }
span.featureText { }
.featurePicDiv { position: relative; float: right; margin-left: 1.2em; margin-bottom: 1.2em; }
.featureLeftHandPicDiv { position: relative; float: left; margin-right: 1.2em; margin-bottom: 1.2em; }
div.featurePic { position: relative; overflow: hidden; width: 160px; height: 200px; }
div.featureLgPic { position: relative; overflow: hidden; width: 280px; height: 240px; }
div.featureTallPic { position: relative; overflow: hidden; width: 190px; height: 290px; }
img.featurePic { position: absolute; top: 0; left: 0; }
div.featurePic_caption { width: 160px; font-size: 0.85em; font-weight: bold; text-align: center; }
div.featureLgPic_caption { width: 280px; font-size: 0.85em; font-weight: bold; text-align: center; }
#featurePic_popup {
    position: absolute;
    top: -1.0em;
    left: -10%;
    font-size: 0.9em;
    text-align: center;
    width: 120%;
    background-color: #EDF6FF;
    color: Black;
    border: 2px ridge Blue;
    padding: 3px;
    visibility: hidden;
    z-index: 2;
    overflow: visible;
}

.rightHandTextDiv
{
    position: relative;
    float: right;
    padding: 0.85em 0.65em 0.85em 0.65em;
    border: 2px ridge Blue;
    margin: 0.5em;
    background-color: #EDF6FF;
}
.rightHandTitle { margin-bottom: 0.65em; border-color: Gray; border-bottom-style: ridge; border-bottom-width: 2px; }
div.rightHandText {  }
li.rightHandText { padding-bottom: 0.5em; }

div.upcomingEvents { text-align: justify; }
ul.upcomingEvents { list-style-type: disc; }
li.upcomingEvents { padding-bottom: 2.0em; }

li.faqs { padding-bottom: 2.1em; }
li.links { padding-bottom: 1.75em; }

.directionsDiv { font-size: 0.95em; }
.directionsDiv img { border: 1px solid black; }

.KurleList { display: inline; }

#geneMenuDiv { position: absolute; text-align: center; margin-bottom: 1.45em; visibility: hidden; }
#geneMenuDiv span { margin-right: 1.2em; font-size: 1.15em; line-height: 1.5em; }

div.edit_special { position: absolute; color: Gray; bottom: 0; padding-top: 1.5em; z-index: 30; }
div.admin_special { position: absolute; color: Gray; bottom: 0; padding-top: 1.5em; z-index: 30; }
div.user_input_special { font-size: 0.85em; }
div.size_special { font-size: smaller; top: 0; visibility: hidden; }

#footerDiv {
    position: relative;
    text-align: center;
    height: 1.35em;
    font-weight: bold;
    border-top: 2px solid blue;
    padding-top: 0.5em;
    clear: both;
}
#footerContentDiv {
    position: relative;
    width: 27em;
    margin-left: 0 auto 0 auto;
    top: -0.15em;
}
span.contactUs { }
div.contactUs { position: relative; float: left; }
.contactUs { font-size: 1.05em; vertical-align: middle; }

#textOnlyDiv { position: relative; float: left; width: 14em; }
span#signature { font-size: 1.2em; visibility: hidden; font-family: "Magneto", Arial, sans-serif; }

ul.midfexFruitList_grower { list-style-type: square; padding-top: 16px; margin-left: 20px; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
li.midfexFruitList_grower { padding-top: 16px; padding-bottom: 8px; }
ul.midfexFruitList_fruits { list-style-type: disc; padding-top: 8px; margin-left: 20px; font-size: 0.9em; font-weight: bold; text-decoration: none; }
li.midfexFruitList_fruits { padding-bottom: 12px; text-decoration: none; }
ul.midfexFruitList_cultivars { list-style-type: circle; margin-left: 30px; font-size: 0.9em; font-weight: normal; text-decoration: none; }
li.midfexFruitList_cultivars { padding-bottom: 8px; margin-left: 10px; text-decoration: none; }

div.pastGrapevines a { line-height: 20px; }
ul.pastGrapevines { padding-top: 7px; margin-left: 20px; }
li.pastGrapevines { padding: 0 16px 16px 0; }
.grapevineFont { font-family: "Lucida Calligraphy", Arial; font-weight: bolder; }
.orchardGuideFont { font-family: "Lucida Handwriting", Arial; font-weight: bolder; }