/* layout styles */

/* layout styles : boxes and more boxes */

body {		 
margin: 0px;
padding: 0px;
background: #def4fa url(/images/blue-bg.jpg) repeat-x;
text-align: center;
color: #666;
font: normal 80%/160% "Lucida Grande" Verdana, sans-serif;
}

br.clearBoth {
clear: both;
margin: 0px;
padding:0px;
background-color: transparent;
}


/* top box: contains the tree background, top nav, and curved corner box with left and right blurbs */

#topTreeWrapper {
background: transparent url(/images/top-tree-bg.jpg) no-repeat;
width: 936px;
height: 323px;
margin: 0px auto;
position: relative;
}

#topTreeWrapper ul#topNav {
background-color: #83a323;
width: 936px;
margin: 0px;
padding: 0px;
font: 16px "Trebuchet MS", Arial, sans-serif;
color: #fff;
position: relative;
top: 27px;
left: 25px;
}

#topTreeWrapper ul#topNav li {
list-style: none;
display: inline;
padding: 0px 50px 0px 0px;
}

#topTreeWrapper ul#topNav li a {
display: inline-block;
background-color: #83a323;
text-decoration: none;
color: #fff;
}
#topTreeWrapper ul#topNav li a:hover, #topTreeWrapper ul#topNav li a.on {
background-color: #83a323;
color: #d2ee4c;
}


#topCurvedBox {
width: 860px;
height: 193px;
background-color: #fff;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
position: relative;
top: 65px;
text-align: left;
}

#topCurvedBox #leftBlurb {
width: 336px;
height: 193px;
background: green url(/images/left-blurb-apple-bg.jpg) no-repeat;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}

#topCurvedBox #leftBlurb h1, #topCurvedBox #leftBlurb h2 {
background-color: transparent;
margin: 0px;
padding: 0px;
font: italic normal 22px Georgia, "Times New Roman", serif;
color: #d2ee4c;
text-align: left;
position: relative;
left: 20px;
top: 11px;
}

#topCurvedBox #leftBlurb p {
width: 320px;
margin: 0px;
padding: 0px;
color: #fff;
font: bold 15px/18px "Trebuchet MS", Arial, sans-serif;
position: relative;
top: 30px;
left: 20px;	
}

#topCurvedBox #leftBlurb p a.white, #topCurvedBox #leftBlurb p a.white:visited {
color: #fff;
text-decoration: none;
}

#topCurvedBox #leftBlurb p a.white:hover {
color: #fff;
text-decoration: underline;
}

#topCurvedBox #leftBlurb p span.yellow {
color: #ffff33;
text-decoration: none;
}

#topCurvedBox #leftBlurb span.white {
color: #fff;
}

#topCurvedBox #rightBlurb {
width: 524px;
height: 193px;
background: #fff url(/images/right-intro-bg.jpg) no-repeat;
float: left;
position: relative;
}

#topCurvedBox #rightBlurb p {
position: relative;
top: 40px;
left: 50px;
margin: 0px;
padding: 0px;
width: 420px;
line-height: 120%;
background-color: #fff;
}

.highlight {
color: #af6b44;
}

.red {
color: #cc0000;
}

.phone {
font-size: 18px;
color: #7fbe1f;
}



/* end top nav and curved box stuff */


/* bottom content box styles */ 

#mainContentWrapper {
width: 860px;
margin: 0px auto;
text-align: left;
background-color: #fff;
position: relative;
}


#mainContentWrapper #leftIntro {
width: 285px;
background-color: #fff;
float: left;
position: relative;
left: 32px;
}

#mainContentWrapper #midIntro {
width: 285px;
background-color: #fff;
float: left;
position: relative;
left: 50px;
}

sup { line-height: 100%; }


#mainContentWrapper #left {
width: 590px;
background-color: #fff;
float: left;
position: relative;
left: 32px;
}


#mainContentWrapper #left h1 {
background-color: #fff;
font: normal 18px "Georgia", "Times New Roman", serif;
color: #639d1a;
text-transform: uppercase;
margin: 30px 0px 0px 0px;
padding: 2px 0px 10px 14px;
text-align: left;
border-bottom: 1px solid #80a021;	
}

#mainContentWrapper #left h2 {
background-color: #fff;
font: italic 18px "Georgia", "Times New Roman", serif;
color: #639d1a;
text-align: left;
}

#mainContentWrapper #left #calendar {
margin-top: 0px;
}

#mainContentWrapper #left span.thumbnailFloatLeft {
float: left;
background-color: #ffffff;
display: block;
width: 304px;
font-size: 11px;
margin-right: 15px;
text-align: center;
}

#mainContentWrapper #left span.thumbnailFloatLeft img {
border: none;
}

#mainContentWrapper #left p img.noBorder {
float: left;
border: none;
padding: 3px;
background-color: #ffffff;
margin-right: 10px;
margin-top: 4px;
}

/* right sidebar nav */

#mainContentWrapper #rightSideBar {
width: 210px;
background-color: #fff;
float: right;
position: relative;
border-left: 1px dotted #999;

padding: 0px 0px 10px 10px;
}

#mainContentWrapper #rightSideBar h2 {
font: italic 20px "Times New Roman", serif;
color: #364320;
background-color: #fff;
margin: 16px 0px 14px 0px;	
padding: 5px 0px 6px 17px;
height: 20px;
border-top: 1px solid #35434B;
border-bottom: 1px solid #35434B;
}

#rightSideBar ul#rightNav {
background-color: #d2f0f8;
margin: 0px;
padding: 0px;
}
#rightSideBar ul#rightNav li {
list-style-type:none;
background-color: #d2f0f8;
border-top: 1px dotted #275205;
line-height: 200%;
}
#rightSideBar ul#rightNav li a {
background-color: #d2f0f8;
color: #666;
display: block;
text-decoration: none;	
}
#rightSideBar ul#rightNav li a.schedule {
background-color: #fdff6e;
color: #666;
display: block;
text-decoration: none;	
}
#rightSideBar ul#rightNav li a:visited {
color: #666;
display: block;
}
#rightSideBar ul#rightNav li a:hover {
background: #fff url(/images/over-arrow.jpg) no-repeat 5px 10px;
color: #666;
display: block;
}
#rightSideBar ul#rightNav li a#u-r-here{
background: #fff url(/images/over-arrow.jpg) no-repeat 5px 10px;
color: #666;
display: block;
}

#rightSideBar ul#rightNav li a span {
display: block;
padding-left: 18px;
}

#mainContentWrapper #rightSideBar #rightNavBottom {
width: 210x;
background: #d2f0f8 url(/images/right-nav-bottom.jpg) no-repeat;
height: 27px;
border-top: 1px dotted #275205;
}

#mainContentWrapper #rightSideBar div.margin {
margin-left: 20px;
background-color: transparent;
}

#mainContentWrapper #rightSideBar div.margin a {
background-color: transparent;
}


#mainContentWrapper #rightSideBar h3 {
font: bold italic 16px Georgia, "Times New Roman", serif;
color: #35421e;
margin: 10px 0px 5px 0px;
}

#mainContentWrapper #rightSideBar p {
font-size: 11px;
background-color: transparent;
line-height: 130%;
margin: 0px 0px 10px 0px;
}

#mainContentWrapper a:link {
color: #80A021;
text-decoration: underline;
}
#mainContentWrapper a:visited {
color: #999;
}
#mainContentWrapper a:hover {
color: #CD4312;
}

#mainContentWrapper #newsBoxWrapper {
width: 100%;
height: 200px;
background:#fff url(/images/news-box-bg.jpg) repeat-x;
border-top: 1px dotted #999;
text-align: center;
}

 #newsBoxWrapper #newsBoxContent {
 width: 749px;
 height: 120px;
 background: #fff url(/images/news-box-top.jpg) no-repeat;
 margin: 30px auto;
 margin-top: 45px;
 padding-top: 20px;
 }
 
 #newsBoxContent #newsLeft {
 width: 314px;
 background-color: transparent;
 border-right: 1px dotted #999;
 font-size: 11px;
 color: #000;
 text-align: left;
 padding: 0px 30px 0px 30px;
 float: left;
 }
 #newsBoxContent #newsRight {
 width: 314px;
 background-color: transparent;
 font-size: 11px;
 color: #000;
 text-align: left;
 padding: 0px 30px 0px 30px;
 float: left;
 }
 #newsBoxContent h3 {
font: italic 18px "Times New Roman", serif;
color: #364320;
background-color: #fff;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
}
#newsBoxContent p {
margin-top: 0px;
padding-top: 0px;
}
#newsBoxContent strong {
 color: #DF8C2F;
 font-weight: normal;
 }

/* end right sidebar nav */



#mainContentWrapper #leftIntro h2, #mainContentWrapper #midIntro h2 {
background: #fff url(/images/help-bullet.jpg) no-repeat;
font: normal 18px "Georgia", "Times New Roman", serif;
color: #639d1a;
text-transform: uppercase;
margin: 30px 0px 0px 0px;
padding: 2px 0px 10px 34px;
text-align: left;
border-bottom: 1px solid #80a021;
}

.appleImgFloat {
background-color: #fff;
float: left;
width: 87px;
height: 97px;
padding: 0px 16px 0px 0px;
}





#rightBlurb a, #rightBlurb a:visited {
background-color: #fff;
color: #7FBE1F;
text-decoration: underline;
}
#rightBlurb a:hover {
background-color: #fff;
color: #af6b44;
text-decoration: none;
}



#bottomFade {
background: #fff url(/images/content-wrapper-bottom.jpg);
height: 87px;
width: 860px;
margin: 0px auto;
}

#vineFooter {
width: 860px;
height: 181px;
margin: 0px auto;
background: #b6351e url(/images/vine-footer.jpg);
position: relative;
}

#vineFooter a, #vineFooter a:visited {
color: #fff;
}

#vineFooter a:hover{
color: lime;
}


#vineFooter p#copyright{
background-color: #436216;
color: #fff;
width: 320px;
float: left;
font-size: 11px;
text-align: left;
position: relative;
top: 60px;
left: 20px;
text-align: left;
margin: 0px;
padding: 0px 5px 0px 5px;
}

#vineFooter p#email {
background-color: #436216;
color: #fff;
width: 50px;	
float: right;
font-size: 11px;
text-align: right;
position: relative;
top: 60px;
right: 20px;
margin: 0px;
padding: 0px 5px 0px 5px;
}