article, aside, figure, footer, header, hgroup, menu, nav, section { display:block;}

body {margin: 0; padding: 0; background: #f8ffeb url(bg-images/bg-body.jpg) 0 100px repeat-x;
  font-family: verdana, sans-serif; font-size: 13px; color: #222;}

h1, h2, h3, h4, p {margin: 10px; padding: 10px 20px;}

h1 {font-size: 1.8em; margin-top: 32px;}
h1.new-style {color: #d53a16; text-align: center; font-size: 1.6em;}

h2 {color: #222; padding-top: 0; margin-bottom: 48px; font-size: 1.2em;}
h2.large {font-size: 1.6em;}
h2.large2 {font-size: 1.6em;text-align: center; margin: 30px 0 10px 30px;}
h2.home {margin: 0 0 20px 6px; padding-top: 0;} /* margin changes position of nav */
h3 {font-size: 1.2em;}

ul, ol {margin: 5px 20px 5px 60px; padding: 0;}
ul li {list-style-type: square; padding: 3px;}
ol li {padding: 3px;}

a {padding: 2px;}
a img {border: none;}
a:link, a:visited {color: #096631;}
a:hover, a:active {color: #d93115;}

img.alignLeft {float: left; margin: 0 10px 10px 0; border: 1px solid #000;}
img.alignRight {float: right; margin: 0 0 10px 10px; border: 1px solid #000;}
img.alignRight2 {float: right; margin: 0 0 10px 10px; }

p.intro {margin-top: 50px;}

.justify {text-align: justify;}
.centerAlign {text-align: center;}
ul.format {text-align: justify;}

.clear {clear: both;}

#main {width: 920px; background: #fff url(bg-images/bg-main.jpg) repeat-y; margin: 0 auto;}
#mainWrap {background: url(bg-images/bg-headerWrap3.jpg) repeat-x; border-top: 1px solid #93c049; margin: 0; padding: 0;}

header {position: relative; width: 920px; padding-top: 20px; margin-top: 20px; background: url(bg-images/bg-header.jpg) no-repeat;}

header nav {background: url(bg-images/bg-nav.png); margin: 0 0 20px; width: 905px; border-top: 1px solid #fff;}

nav ul { float: right; margin: 0; padding: 5px 0; width: 890px;}
nav ul li {float: left; font-weight: bold; display: inline; margin: 4px 8px; padding: 0; 
font-size: 12px; text-transform: uppercase;  color: #475817;}

nav a {padding: 3px;}

nav a:link, nav a:visited {text-decoration: none; color: #fff; padding: 5px; background: #d63a16;}
nav a:hover, nav a:active {color: #fff; background: #f04829;}

#extra { background: url(bg-images/bg-green-texture-new.jpg); height: 300px; margin: 45px 7px 0; width: 906px;}
#extra2 { background: url(bg-images/bg-green-texture2.jpg); height: 275px; margin: 45px 7px 0; width: 906px;}

#platter {background: url(bg-images/bg-fruit-platter.jpg) 400px 0 no-repeat; height: 300px;}
#platter2 {background: url(bg-images/bg-fruit-platter2.jpg) top right no-repeat; height: 300px;}

#proverbs {width: 410px; text-align: center; background: #daeeb3 url(bg-images/bg-homeAccent.jpg) 0 50% repeat-x; 
margin: 30px 0 0 20px; 
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

#feature {background: #f93723 url(bg-images/bg-feature.jpg) bottom left repeat-x; text-align: center; padding:  3px 0 8px; margin: 0 7px;}

#feature h3 {margin: 12px 6px; padding: 6px; margin: 0; font-size: 12px; color: #000;}

#feature a:link, #feature a:visited {color: #000; padding: 3px 40px; background: #a2ce65 url(bg-images/bg-greenBurst2.jpg) repeat-x;}
#feature a:hover, #feature a:active {color: #000; padding: 3px 40px; background: #a2ce65 url(bg-images/bg-greenBurst3.jpg) repeat-x;}

#contentWrap {clear: both; background: #61b3e5 url(bg-images/healthy-and-fit2.jpg) bottom left no-repeat; padding-top: 25px; padding-bottom: 118px; margin: 0 7px; min-height: 300px;}

#contentWrap2 { background: #fff url(bg-images/bg-contentWrap2.jpg) no-repeat; padding-top: 10px; margin: 0 7px; position: relative;}
#contentWrap3 {clear: both; background: #61b3e5 url(bg-images/bg-blue-gradient2.jpg); padding-top: 10px; padding-bottom: 30px; margin: 20px 0 0;}
#contentWrap4 {clear: both; background: #fff url(bg-images/bg-contentWrap4.jpg) no-repeat; padding-top: 10px; padding-bottom: 20px; margin: 0 7px;}
#contentWrap5 {clear: both; background: #fff url(bg-images/bg-contentWrap4.jpg) no-repeat; padding-top: 10px; padding-bottom: 30px; margin: 0;}

#contentLeft {width: 293px; float: left; margin-left: 6px; }
#contentCenter {width: 293px; float: left; margin-left: 6px;}
#contentRight {width: 293px; margin-left: 604px; }

#navLeft {position: absolute; top: 20px; right: 30px; width: 340px; background: #78c6ed url(bg-images/bg-blue-gradient.jpg) repeat-x;}
#navCenter {position: absolute; top: 20px; right: 30px; width: 340px; background: #78c6ed url(bg-images/bg-blue-gradient.jpg) repeat-x;}
#navRight {position: absolute; top: 20px; right: 30px; width: 340px;  background: #78c6ed url(bg-images/bg-blue-gradient.jpg) repeat-x;}

#contentLeft2 {width: 450px; float: left; }
#contentRight2 {width: 450px; float: right; }

#contentLeft h3, #navLeft h3 {background: #d1ec8b url(bg-images/bg-greenBurst.jpg) 50% 50%; margin: 0; text-align: center; padding: 7px 0;}
#contentCenter h3, #navCenter h3 {background: #ee4829 url(bg-images/bg-redBurst.jpg) 50% 50%;  margin: 0; text-align: center; padding: 7px 0;}
#contentRight h3, #navRight h3 {background: #fdcb39 url(bg-images/bg-yellowBurst.jpg) 50% 50%;margin: 0; text-align: center; padding: 7px 0;}

#contentLeft p, #contentCenter p, #contentRight p, #contentLeft h4, #contentCenter h4, #contentRight h4 {margin: 6px 10px; padding: 3px 10px 3px 5px;}

#contentLeft a, #contentCenter a, #contentRight a, #navLeft a, #navCenter a, #navRight a {color: #000;}
#contentLeft a:hover, #contentCenter a:hover, #contentRight a:hover, #navLeft a:hover, #navCenter a:hover, #navRight a:hover {background: #fff;}

#contentRight a.chart:hover {background: none;}
#contentLeft3 {width: 400px; float: left; margin: 20px 0 0 30px; text-align: center;}
#contentRight3 {width: 420px; float: left; margin: 60px 0 0 30px;}
#contentLeft3 h3 {margin: 10px 0 0;}
#contentLeft3 p {margin-top: 0;}
#contentRight3 h3 {margin: 20px 0 0 0; padding: 0;}
#contentRight3 ul {margin: 20px 0 10px 20px;}

#contentWrap ul, #contentWrap2 ul {margin: 6px 10px 6px 48px;}
#contentLeft ul, #contentCenter ul, #contentRight ul {margin: 6px 0 6px 28px;}

.info {margin: 10px; background: #fff url(bg-images/bg-info.jpg) repeat-x; border: 3px solid #fff;}
.info2 {margin: 20px; background: #fff url(bg-images/bg-info.jpg) repeat-x; border: 3px solid #fff;}
.info3 {margin: 40px 20px; border: 3px double #000;}
.info4 {margin: 40px 20px; border: 3px double #000; background: #f7feea;}
.info5 {margin: 50px 10px; background: #fff url(bg-images/bg-info.jpg) repeat-x; border: 3px solid #fff;}
.info6 {margin: 20px 20px 40px; border: 3px double #000;}
.info7 {float: right; width: 320px; margin: 10px 30px 10px 20px; background: #fff url(bg-images/bg-info.jpg) repeat-x; border: 3px solid #fff;}
.info7 p {margin: 0;}
.info7 h3 {margin: 0; text-align: center;}
.info8 {float: right; width: 220px; margin: 10px 30px 10px 20px; text-align: center;}
.info8 p {margin: 0; text-align: left; margin: 10px; padding: 0; font-weight: bold;}
.info8 h3 {margin: 0; padding: 5px 0; text-align: center;}

div.infoWrap {float: right; margin: 10px 30px 10px 10px; width: 332px; text-align: center; border: 3px double #000;}
div.infoWrap h2, div.infoWrap p {margin: 8px; padding: 6px;}

div.infoWrap2 {float: right; margin: 10px 30px 10px 10px; width: 275px; text-align: center; border-left: 1px dotted #000;}
div.infoWrap2 h2, div.infoWrap2 p {margin: 8px; padding: 6px;}

div.tableWrap {float: right; margin: 10px 30px 30px 10px; width: 420px; text-align: center; }

footer { background: url(bg-images/bg-footer.jpg) bottom left no-repeat;
 width: 920px; clear: both; text-align: center; color: #000; padding-bottom: 20px; margin-top: 20px;}
 
 #detail1 {width: 425px; float: left;  margin: 10px 0 10px 15px; background: url(bg-images/bg-info2.jpg) repeat-x; border: 3px solid #fff; color: #222; text-align: left; padding: 5px; text-align: justify;}
 #detail2 { width: 425px; float: right;  margin: 10px 15px 10px 0; background: url(bg-images/bg-info2.jpg) repeat-x; border: 3px solid #fff; color:#222; text-align: left; padding: 5px; text-align: justify;}
 
 #detail1 h3, #detail2 h3 {text-align: center; font-size: 1.3em; border-top: 1px dotted #000; border-bottom: 1px dotted #000;}
 
 #detail1 a, #detail2 a {font-weight: bold;}
 
 #bottom {width: 920px; margin: 0 auto; text-align: center;}
  
 #bottomWrap {background: url(bg-images/bg-bottom.jpg) 0 136px repeat-x; min-height: 200px;}

/* miscellaneous */
 ul.toggleInfo h3 {margin:  0; padding: 0;}
 ul.toggleInfo {background: #f7feea; margin: 24px 30px 24px 30px; padding: 10px 0 10px 22px;}
 ul.toggleInfo li {padding: 5px 0;}

contentLeft h3 {font-size: 1.1em; color: #03662d; background: #f8edd3; margin-left: 0; padding-left: 16px;}

p.author { font-weight: bold; color: #044b22; text-align: right;}
p.separate {border-bottom: 3px double #888; padding-bottom: 20px; margin-bottom: 20px;}
.special { font-weight: bold; color: #044b22;}
.special2 { font-weight: bold; color: #337c18;}
.special3 { font-weight: bold; color: #bb2406;}
.special4 { font-weight: bold; border-bottom: 1px dotted #000;}
.special6 { background: #f7feea;}
.special7 {color: #000; background: #92e162;}
.special8 { font-weight: bold; color: #337c18; font-size: 1.2em;}
h3.special5 {color: #000; font-size: 1.4em;} 
.spaceTop {margin-top: 30px;}
#contentWrap4 h2.spaceTop2 {margin: 40px 10px 10px;}

footer p, footer h4 {padding: 0;}

footer a:link, footer a:visited {color: #377c18;}
footer a:hover, footer a:active {color: #d93115;}

#contentWrap h4.unique {text-align: center; font-size: 14px; background: #f6fee9; padding: 5px 0 0; margin: 10px 0;}
#contentWrap h4.unique2 {text-align: center; font-size: 15px; padding: 5px 0 0; margin: 12px 0;}

#iconWrap {text-align: center; width: 450px; margin-bottom: 4px;}

#proverbs h3 {padding: 3px; margin: 5px 0; color: #096631; font-size: 13px; font-variant: small-caps;}

#proverbs a:link, #proverbs a:visited {color: #000;}

.icon1 {}

.small {font-size: .9em; font-weight: normal;}
.spacer {padding: 0 10px;}

table td {vertical-align: top;}

img.spaceLeft {margin-left: 22px; margin-top: 10px;}

table.student_enroll, table.student_enroll2 {margin: 20px auto; width: 550px; background: #f9fcf1;}
table.student_enroll th, table.student_enroll2 th {padding: 8px; background: #d6ebb3;}
table.student_enroll td, table.student_enroll2 td {padding: 6px 8px;}
table.student_enroll td.leftSide {width: 40%;}

table.student_enroll td.feedback {text-align: center;}
table.student_enroll td.check {text-align: right;}