/* Generic Selectors */

body {

font-family: verdana, helvetica, sans-serif;

font-size: 12px;

color: #333333;

background-color: #FCEB6F;

margin-top: 0px;

margin-left: 0px;

}

p {

width: 100%;

font-family: verdana, helvetica, sans-serif;

font-size: 12px;

}

td {

font-family: verdana, helvetica, sans-serif;

font-size: 12px;

color: #333333;

vertical-align: top;

}

dl {

width: 100%;

}

li {

list-style-type: disc;

line-height: 150%;

}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 18px;

font-weight: bold;

color: #211463;

}

h2 {

width: 100%;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: bold;

color: #211463;

}

h4 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: bold;

color: #211463;

}
 

/**************** Pseudo classes ****************/

a:link {

color: #A50018;

text-decoration: underline;

}

li :link {

color: #A50018;

text-decoration: none;

}

a:visited {

color: #A50018;

text-decoration: underline;

}

li a:visited {

color: #A50018;

text-decoration: none;

}

a:hover {

color: #211463;

padding-bottom: 0px;

text-decoration: none;

}

li a:hover {

display: block;

color: #211463;

padding-bottom: 5px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #C6EC8C;

}

a:active {

color: #211463;

}

/************************* ID's *************************/

#navigation {

position: absolute;

width: 130px;

height: 600px;

padding: 0 0 0 0; /*top right bottom left*/

margin: 0;

margin-top: 0px;

font-weight: normal;

}

#content {

position: absolute;

padding: 80px 0 100px 10px; /*top right bottom left*/

width: 600px;

margin-top: 0px;

margin-left: 130px;

background-image: url(http://www.greatharvestcharlotte.com/title.png);

background-repeat: no-repeat;

}

#right {

position: absolute;

padding: 0 0 0 0; /*top right bottom left*/

width: 200px;

margin-top: 0px;

margin-left: 740px;

}


#sand1 {

float:left;

width: 290px;

padding: 15px 5px 0px 0px; /*top right bottom left*/

}

#sand2 {

float:left;

width: 290px;

padding: 15px 0px 0px 0px; /*top right bottom left*/

}

#nutrition1 {

float:left;

padding: 0px 0px 0px 0px; /*top right bottom left*/

width: 260px;

}

#nutrition2 {

float:left;

width: 300px;

padding: 0px 0px 0px 0px; /*top right bottom left*/

}