/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*green 9BCB6C*/
body
{
     font-family: Helvetica,Arial,sans-serif;
     line-height: 1.5em;
}

h1{

    font-size: 1.3em;
}

h2
{
    font-size: 1em;
}

#wrapper
{
    margin:auto;
    width:980px;
    height:650px;
   
}

a
{
	color:black;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* header */
#headerTop
{   height: 30px;
    background-color: #DBEBC6;
}
#header
{
    float:left;
    width:980px;
    height:300px;
    background-color: #ecf8fe;
    margin-top: 15px;
}

#logo
{
    float:left;
    width:200px;
    padding:30px;
}

#intro
{
    float:left;
    margin:63px 0 10px 110px;

    background-image: url('images/greenapplelarge.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;

    width:610px;
    height:300px;
}

button
{
    margin-top:15px;
    margin-right:15px;
}

/* content */

#contentWrapperMain
{
    float:left;
    width:965px;
     background-color: #ccdeb8; 
    padding-left: 15px; 
    background-image: url('images/appleBasket.jpg');
      background-position: left bottom;
    background-repeat: no-repeat;
    height:535px;   

}

#contentWrapper
{
    float:left;
    width:965px;
     background-color: #ccdeb8; 
    padding-left: 15px; 
}

.column, .columnLast
{
    float:left;
    width:275px;
    margin:20px 15px 20px 0;
    padding:15px;
}

.column ul
{
    border-right: dashed black 1px; 
     height:125px;
     margin-left: 10px;
}

.column li, .columnLast li
{
    margin-top:10px;

}

.column a, .columnLast a
{
    text-decoration: none;
    color:black;
}

.column a:hover, .columnLast a:hover
{
    text-decoration:underline;
    color:black;
}

.yellowBG, .redBG, .greenBG
{
    background-position: left top;
    background-repeat: no-repeat;
    padding:27px 30px 27px 63px;
    
}

.yellowBG
{
    background-image: url('images/yellowapple.jpg');
    
}
.redBG
{
    background-image: url('images/redapple.jpg');
}
.greenBG
{
    background-image: url('images/greenapple.jpg');
}

#leftCol
{
    float:left;
    width:500px;
    padding:20px 20px 20px 35px;
}
#rightCol
{
    float:left;
    width:300px;
    padding:20px;
}

.smallerText
{
    font-size: .9em;
    line-height: 1.5em;
}

#contentWrapper p
{
	margin-bottom:10px;
}


/* footer */
#footer
{
    float:left;
    height:80px;
    background-color: #AFA497;
    font-size: .8em;
    color:white;
    padding:15px 30px 15px 40px;

}

#footerLeft
{
    float:left;
    width:250px;
}

#footerRight a
{
    color:white;
    text-decoration: none;
}

#footerRight a:hover
{
    text-decoration: underline;
}

#footerRight
{
    float:left;
    width:250px;
    margin-left: 410px;
    text-align: right;
}

.hidden
{
    visibility: hidden;
}