/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {margin: 0; padding: 0}

body {border: 0px solid purple; background: #B1C470 url('images/bottom.gif') fixed bottom repeat-x; color: #6C7938; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0;}

.bartop {background: url('images/bartop2.gif'); border-bottom: #8E9DB7 2px solid; color: #C4CDE5; font-family: Arial; font-size: 17px; font-weight: normal; height: 28px}
.bartop a:link, .bottom a:visited, .bottom a:active {color: #C4CDE5; text-decoration: none}
.bartop a:hover {color: #C4CDE5; text-decoration: underline}
.barbottom {background: url('images/barbottom.gif'); border-top: #8E9DB7 2px solid; color: #C4CDE5; font-family: Arial; font-size: 17px; font-weight: normal; height: 28px; text-align: center}
.barbottom a:link, .bottom a:visited, .bottom a:active {color: #C4CDE5; text-decoration: none}
.barbottom a:hover {color: #C4CDE5; text-decoration: underline}

#menutop {border: 0px solid purple; background: url('images/menutop.png') repeat-x; height: 30px; padding: 1px 5px 0px 10px; font-size: 17px; position: relative; top: -60px; margin: 0px 30px 0px 30px; text-align: left}
#menutop a:link, #menutop a:visited, #menutop a:active {color: #6C7938; text-decoration: none}
#menutop a:hover {color: #6C7938; text-decoration: none}

#menubottom {border: 0px solid purple; background: url('images/menutop.png') repeat-x; height: 30px; padding: 1px 5px 0px 10px; font-size: 17px; position: relative; top: 14px; margin: 0px 30px 0px 30px; text-align: left}
#menubottom a:link, #menubottom a:visited, #menubottom a:active {color: #6C7938; text-decoration: none}
#menubottom a:hover {color: #93A54b; text-decoration: none}

#main {border: 0px solid purple; font-size: 110%; position: absolute; top: 165px; margin: 17px 0px 10px 0px}

a:link, a:visited, a:active {color: #6C7938; text-decoration: none}
a:hover {color: #6C7938; text-decoration: none}

.noborder {border: 0px; margin: 0; padding: 0px}

.border1 {background: #FAFDE7; border: 2px solid #B1C470}
.border2 {border: 1px solid #CDE18D}
#whitebox {background: #FAFDE7; border: 1px solid #EEF8D5; color: #6C7938; font-family: Arial; line-height:1.5; padding: 10px; text-align: left}
#whitebox a:link, a:visited, a:active {color: #6C7938; text-decoration: underline}
#whitebox a:hover {background: #B1C470; text-decoration: underline}
#whitebox a:link img, #whitebox a:visited img, #whitebox a:active img {background: #EEF8D5; border: 1px solid #CEE78E; margin: 0 0 5px 0; padding: 4px}
#whitebox a:hover img {background: url('images/content.png'); border: 1px solid #B5D956; margin: 0 0 5px 0; padding: 4px}

.noborder {border: 0px; margin: 0; padding: 0px}

#greenbox {background: url('images/content.png'); font-size: 17px; width: 250px; height: 350px; margin: 0px; padding: 10px}

#columnleft {background: url('images/content.png') repeat; border: 0px solid purple; font-size: 20px; width: 230px; margin: 0px; padding: 0px}
#columnright {background: url('images/content.png') repeat; border: 0px solid purple; color: #6C7938; font-size: 20px; width: 230px; margin: 0px; padding: 0px}
#columnright a:link, #columnright a:visited, #columnright a:active {text-decoration: underline}
#columnright a:hover {text-decoration: underline}
#columnright a:link img, #columnright a:visited img, #columnright a:active img {background: #EEF8D5; border: 1px solid #CEE78E; margin: 0 0 5px 0; padding: 4px}
#columnright a:hover img {background: url('images/content.png'); border: 1px solid #B5D956; margin: 0 0 5px 0; padding: 4px}

p {}
p a:link, p a:visited, p a:active {padding: 0px 1px 0px 1px; text-decoration: underline}
p a:hover {background: ; padding: 0px 1px 0px 1px; text-decoration: underline}

#menuside {border: 0px solid purple; background: url('images/content.png'); width: 220px; margin: 0px; padding: 0px}
#menuside ul {border: 0px solid purple; margin: 0px; padding: 0px 8px 0px 11px; list-style-type: none}
#menuside ol {border: 0px solid purple; margin: 0px; padding: 0px 8px 0px 11px; list-style: number; list-style-position: inside}
#menuside li {border: 0px solid black; margin: 0px; padding: 0px}

#new {border: 0px solid purple; background: url('images/content.png'); font-weight: bold; font-size: 17px; width: 250px; height: 350px; margin: 0px; padding: 10px}

.tier1 {background: url('images/tier1.png')}
.tier2 {background: url('images/tier2.png')}
.tier3 {background: url('images/tier3.png')}
.tier4 {background: url('images/tier4.png')}

.smallbox {background: url('images/content.png'); padding: 10px}

#program .left {border: 0px solid purple; float: left; width: 350px; margin-bottom: 15px}
#program .right {border: 0px solid purple; float: right; text-align: right; width: 200px; margin-bottom: 15px}
#program ul {margin-left: 2px; padding-left: 30px; list-style-type: none}
#program ol {list-style-type: number; list-style-position: inside}

.f200 {font-size: 200%}
.f150 {font-size: 150%}
.f140 {font-size: 140%}
.f125 {font-size: 125%}

.t1 {font-family: Georgia; font-size: 200%; font-weight: normal; margin: 0px}
.t2 {font-family: Georgia; font-size: 140%; font-weight: normal; margin: 0px}
.t2b {font-size: 140%; font-weight: normal; margin: 0px}
.t3 {font-size: 130%; font-weight: normal; margin: 0px}
.t4 {font-size: 120%; font-weight: normal; margin: 0px}
.t5 {font-size: 110%; font-weight: normal; margin: 0px}
.t6 {font-size: 100%; font-weight: normal; margin: 0px}
.t7 {font-size: 90%; font-weight: normal; margin: 0px}
.t90 {font-size: 90%; font-weight: normal; margin: 0px}
.t9 {font-size: 90%; font-weight: normal; margin: 0px}
.t8 {font-size: 80%; font-weight: normal; margin: 0px}
.t80 {font-size: 80%; font-weight: normal; margin: 0px}
.t70 {font-size: 70%; font-weight: normal; margin: 0px}

.pagetitle {background: url('images/titleline.png') no-repeat bottom left; font-family: Arial; font-size: 110%; font-weight: normal; margin: 0px 0px 10px 0px}

<!-- LINES -->
.line {border-bottom: 1px solid #B1C470; height: 1px; margin: 10px 0px 10px 0px}
.sponsorline {border-bottom: 1px solid #B1C470; height: 1px; margin: 10px 0px 10px 0px}
.tableline1 {border-bottom: 1px solid #B1C470; width: 40px}
.tableline2 {border-bottom: 1px solid #B1C470}
.tableline3 {border-bottom: 1px solid #B1C470; width: 7px}
.tableline4 {border-bottom: 1px solid #B1C470; border-right: 1px solid #B1C470; width: 20px}
.tableline5 {border-bottom: 1px solid #B1C470; width: 20px}

.pk1 {border-bottom: 1px solid #B1C470; float: left; padding-left: 7px; padding-right: 7px; white-space: nowrap}
.pk2 {float: left; padding-left: 0px; padding-right: 0px; height: 30px}
.pk3 {float: left; padding-right: 0px}
.pk4 {padding-bottom: 7px}
.pk5 {border-left: 1px solid #B1C470}
.pk6 {border-right: 1px solid #B1C470}


.tablebg {background: #BACF76}
.tablerowtop {background: #B1C470; color: #FAFDE7; padding: 1px 8px 1px 8px}
.tablecolleft {background: url('images/content.png'); padding: 1px 8px 1px 8px; white-space: nowrap}
.tablecolleftbuy {background: url('images/content.png'); padding: 6px 8px 5px 8px; white-space: nowrap}
.tablecell {background: #FAFDE7; padding: 1px 15px 1px 15px}
.tablecellbuy {background: #FAFDE7; padding: 6px 15px 5px 15px}

.c {text-align: center}

<!-- WIDTHS -->
.w5 {width: 5px}

<!-- HEIGHTS -->
.h5 {height: 5px}
.h10 {height: 10px}
.h15 {height: 15px}
.h20 {height: 20px}
.h25 {height: 25px}
.h30 {height: 30px}
.h35 {height: 35px}
.h40 {height: 40px}

<!-- PADDING -->
.pl {padding-left: 5px}
.p5 {padding: 5px}



.space5 {height: 5px}
.space7 {height: 7px}
.space {height: 10px}
.space10 {height: 10px}
.space20 {height: 20px}
.space25 {height: 25px}
.t1space {height: 15px}
.t2space {height: 15px}

<!-- FORMS -->
.input {background: #FFFFFF; border: 1px solid #B1C470}
input.txt {background: #FFFFFF; border: 1px solid #B1C470; color: #6C7938; font-size: 17px; height: 23px; padding-left: 3px}
.btn {background: #cde18d; border: 1px solid #B1C470; color: #6C7938; font-size: 18px; height: 26px; padding-left: 7px; padding-right: 7px; padding-top: 2px}
.btn:hover {background: #B1C470; border: 1px solid #93a54b; color: #EEF8D5; font-size: 18px; height: 26px; padding-left: 7px; padding-right: 7px; padding-top: 2px}
select {background: #FFFFFF; border: 1px solid #B1C470; color: #6C7938; font-size: 17px; height: 23px}
textarea {background: #FFFFFF; border: 1px solid #B1C470; color: #6C7938; font-family: Arial; font-size: 17px; height: 23px}

.picture {color: #999999; font-family: Verdana, arial, helvetica, sans-serif; font-size: 62.5%; margin: 5px 0px 3px 0px; padding: 0px; text-align: center}
.picture img {vertical-align: middle; margin-bottom: 3px;}
.right {padding: 0px 10px 0px 25px; float: right}
.left {padding: 0px 25px 0px 0px; float: left}

.iconright {float: right; padding: 0px 0px 10px 10px}
.iconleft {float: left; padding: 0px 10px 10px 0px}

.add {border: solid 1px #A4B97F; margin-bottom: 2px}

.table1 {border-bottom: 1px solid #CEE78E; padding: 1px 35px 1px 0px}
.table2 {border-bottom: 1px solid #CEE78E; padding: 2px 15px 0px 0px}
.table3 {border-bottom: 1px solid #CEE78E; padding: 1px 5px 1px 0px}

.small {font-family: Tahoma; font-size: 65%; font-weight: bold; letter-spacing: 1.2px; line-height:1.6; text-transform: uppercase}

iframe {
background: #F8FDEC;
border: 1px solid #A4B97F;
padding: 10px;
width: 595px;
}

#contentwrapper {border-bottom: 1px solid #A4B97F; float: left; width: 100%}
#leftcolumn {border: 0px solid #000000; float: left; margin-left: -100%; width: 20%}
#contentcolumn {margin: 0 15% 0 20%; text-align: center}
#rightcolumn {border: 0px solid #000000; float: left; margin-left: -15%; width: 15%}
.innertube {margin: 10px; margin-top: 0}

.boxtitle {float: left; font-size: 130%; font-weight: normal; margin: 0px; padding-left: 3px}