/* css for basic items ---------------------------------------------------------------------------------- */
html,body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 808px;
	font-family: arial, helvetica, verdana;
    font-size: 12px;
    line-height: 17px;
	color: #6D6C70;
	background: #F7F8F8;
 	}
img {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    }
a, a:visited {
	color: #6D6C70;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #F18822;
	text-decoration: underline;
	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    }
ul#dash {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dash li {
    padding: 0 0 6px 10px;
    margin: 0;
    line-height: 12px;
    background: url(../images/dash.gif) no-repeat;
    }
p {
	padding: 0 0 12px 0;
	margin: 0;
	}



/* css for site structure ------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	margin: 0 auto 20px auto;
	width: 808px;
    }
#inner {
	position: relative;
	width: 808px;
	background: #fff url(../images/bg.gif);
	}    


/* css for top navigation items ------------------------------------------------------------------------------- */
#navTop {
	width: 808px;
	height: 25px;
	overflow: hidden;
	background: #F7F8F8;
    }
#navTop ul {
	float: right;
	}
#navTop ul li {
	float: left;
	}
.subNav {
	font-size: 10px; 
	line-height: 10px; 
	color: #BBBBBD;
	z-index: 90;
	}
.subNav a,
.subNav a:visited {
	color: #BBBBBD;
	text-decoration: none;
	}
.subNav a:active,
.subNav a:hover {
	color: #646366;
	text-decoration: none;
	}
#s01 {
	position: absolute;
	padding: 0 0 0 211px;
	top: 104px;
	left: 10px;
	visibility: hidden;
	}
#s02 {
	position: absolute;
	padding: 0 0 0 211px;
	top: 104px;
	left: 145px;
	visibility: hidden;
	}
#s03 {
	padding: 0 0 0 335px;
	position: absolute;
	top: 104px;
	left: 10px;
	visibility: hidden;
	}
#s04 {
	position: absolute;
	top: 104px;
	left: 10px;
	visibility: hidden;
	}


/* css for header items ---------------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 808px;
	height: 68px;
	overflow: hidden;
	background: #F7F8F8;
    }
#header-left {
	width: 200px;
	float: left;
    }
#header-right {
	width: 608px;
	float: left;
    }
#header-right ul {
	float: right;
	}
#header-right ul li {
	margin: 40px 0 0 0;
	float: left;
	}
#orange-line {	
	width: 808px;
	height: 7px;
	background: url(../images/bg-top.gif) top no-repeat;
}

/* css for content items ------------------------------------------------------------------------------------------ */
#content {
	position: relative;
	margin-top: 5px;
	padding: 0 0 40px 0;
	width: 800px;
	overflow: hidden;
	}	

 
/* css for footer items ---------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	padding: 15px 0 0 20px;
	width: 788px;
	height: 40px;
    clear: both;
    font-size: 11px;
    line-height: 13px;
    color: #BBBBBD;
	background: #F7F8F8 url(../images/bg-bottom.gif) top no-repeat;
    }


/* css for text and link items --------------------------------------------------------------------------------- */
#dotted-line {
	background: url(../images/dotted-line340px.gif); 
	margin: -5px 0 5px 0; 
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	}


#intro {
	font-size: 17px;
	line-height: 22px;
	color: #858488;
	}
#intro-small {
	font-size: 14px;
	line-height: 18px;
	color: #858488;
	}
#cucumber {
	color: #88C441;
	}	
#berry { 
	color: #41647B;
	}
#vanilla { 
	color: #541D00;
	}
#orange { 
	color: #F18822;
	}
#red { 
	color: #B50042;
	}
#green { 
	color: #919816;
	}
#purple { 
	color: #3F166F;
	}

a#cucumber, 
a#cucumber:visited { 
	color: #88C441;
	text-decoration: none;
	}
a#berry, 
a#berry:visited { 
	color: #41647B;
	text-decoration: none;
	}
a#berry:active, 
a#berry:hover { 
	color: #41647B;
	text-decoration: underline;
	}
a#vanilla, 
a#vanilla:visited { 
	color: #541D00;
	text-decoration: none;
	}
a#vanilla:active, 
a#vanilla:hover { 
	color: #541D00;
	text-decoration: underline;
	}
a#orange, 
a#orange:visited { 
	color: #F18822;
	text-decoration: none;
	}
a#orange:active, 
a#orange:hover { 
	color: #F18822;
	text-decoration: underline;
	}
a#red,
a#red:visited { 
	color: #B50042;
	text-decoration: none;
	}
a#red:active, 
a#red:hover { 
	color: #B50042;
	text-decoration: underline;
	}
a#green,
a#green:visited { 
	color: #919816;
	text-decoration: none;
	}
a#green:active, 
a#green:hover { 
	color: #919816;
	text-decoration: underline;
	}
a#purple,
a#purple:visited { 
	color: #3F166F;
	text-decoration: none;
	}
a#purple:active, 
a#purple:hover { 
	color: #3F166F;
	text-decoration: underline;
	}


a#cucumberNoLine, 
a#cucumberNoLine:visited {
	color: #88C441;
	text-decoration: none;
	}
a#cucumberNoLine:hover, 
a#cucumberNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#berryNoLine, 
a#berryNoLine:visited {
	color: #41647B;
	text-decoration: none;
	}
a#berryNoLine:hover, 
a#berryNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#vanillaNoLine, 
a#vanillaNoLine:visited {
	color: #541D00;
	text-decoration: none;
	}
a#vanillaNoLine:hover, 
a#vanillaNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#orangeNoLine, 
a#orangeNoLine:visited {
	color: #F18822;
	text-decoration: none;
	}
a#orangeNoLine:hover, 
a#orangeNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#redNoLine, 
a#redNoLine:visited {
	color: #B50042;
	text-decoration: none;
	}
a#redNoLine:hover, 
a#redNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#greenNoLine, 
a#greenNoLine:visited {
	color: #919816;
	text-decoration: none;
	}
a#greenNoLine:hover, 
a#greenNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}
a#purpleNoLine, 
a#purpleNoLine:visited {
	color: #3F166F;
	text-decoration: none;
	}
a#purpleNoLine:hover, 
a#purpleNoLine:active {
	color: #6D6C70;
	text-decoration: none;
	}



a#cucumberLine, 
a#cucumberLine:visited {
	color: #88C441;
	text-decoration: underline;
	}
a#cucumberLine:hover, 
a#cucumberLine:active {
	color: #88C441;
	text-decoration: underline;
	}
a#berryLine, 
a#berryLine:visited {
	color: #41647B;
	text-decoration: underline;
	}
a#berryLine:hover, 
a#berryLine:active {
	color: #41647B;
	text-decoration: underline;
	}
a#vanillaLine, 
a#vanillaLine:visited {
	color: #541D00;
	text-decoration: underline;
	}
a#vanillaLine:hover, 
a#vanillaLine:active {
	color: #541D00;
	text-decoration: underline;
	}
a#orangeLine, 
a#orangeLine:visited {
	color: #F18822;
	text-decoration: underline;
	}
a#orangeLine:hover, 
a#orangeLine:active {
	color: #F18822;
	text-decoration: underline;
	}
a#redLine, 
a#redLine:visited {
	color: #B50042;
	text-decoration: underline;
	}
a#redLine:hover, 
a#redLine:active {
	color: #B50042;
	text-decoration: underline;
	}
a#greenLine, 
a#greenLine:visited {
	color: #919816;
	text-decoration: underline;
	}
a#greenLine:hover, 
a#greenLine:active {
	color: #919816;
	text-decoration: underline;
	}
a#purpleLine, 
a#purpleLine:visited {
	color: #3F166F;
	text-decoration: underline;
	}
a#purpleLine:hover, 
a#purpleLine:active {
	color: #3F166F;
	text-decoration: underline;
	}

a#cucumberLineGray, 
a#cucumberLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#cucumberLineGray:hover, 
a#cucumberLineGray:active {
	color: #88C441;
	text-decoration: underline;
	}
a#berryLineGray, 
a#berryLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#berryLineGray:hover, 
a#berryLineGray:active {
	color: #41647B;
	text-decoration: underline;
	}
a#vanillaLineGray, 
a#vanillaLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#vanillaLineGray:hover, 
a#vanillaLineGray:active {
	color: #541D00;
	text-decoration: underline;
	}
a#orangeLineGray, 
a#orangeLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#orangeLineGray:hover, 
a#orangeLineGray:active {
	color: #F18822;
	text-decoration: underline;
	}
a#redLineGray, 
a#redLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#redLineGray:hover, 
a#redLineGray:active {
	color: #B50042;
	text-decoration: underline;
	}
a#greenLineGray, 
a#greenLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#greenLineGray:hover, 
a#greenLineGray:active {
	color: #919816;
	text-decoration: underline;
	}
a#purpleLineGray, 
a#purpleLineGray:visited {
	color: #807F83;
	text-decoration: underline;
	}
a#purpleLineGray:hover, 
a#purpleLineGray:active {
	color: #3F166F;
	text-decoration: underline;
	}


#text14cucumberLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #88C441;
	border-bottom: 3px solid #88C441;
	color: #88C441;
	font-size: 14px;
	}
#text14berryLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #41647B;
	border-bottom: 3px solid #41647B;
	color: #41647B;
	font-size: 14px;
	}
#text14vanillaLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #541D00;
	border-bottom: 3px solid #541D00;
	color: #541D00;
	font-size: 14px;
	}
#text14orangeLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #F18822;
	border-bottom: 3px solid #F18822;
	color: #F18822;
	font-size: 14px;
	}
#text14purpleLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #3F166F;
	border-bottom: 3px solid #3F166F;
	color: #3F166F;
	font-size: 14px;
	}
#text14greenLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #919816;
	border-bottom: 3px solid #919816;
	color: #919816;
	font-size: 14px;
	}
#text14redLine {
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 3px solid #B50042;
	border-bottom: 3px solid #B50042;
	color: #B50042;
	font-size: 14px;
	}

#text15orange {
	color: #F18822;
	font-size: 15px;
	line-height: 18px;
	}

#text14cucumber {
	color: #88C441;
	font-size: 14px;
	}
#text14berry {
	color: #41647B;
	font-size: 14px;
	}
#text14vanilla {
	color: #541D00;
	font-size: 14px;
	}
#text14orange {
	color: #F18822;
	font-size: 14px;
	}
#text14purple {
	color: #3F166F;
	font-size: 14px;
	}
#text14green {
	color: #919816;
	font-size: 14px;
	}
#text14red {
	color: #B50042;
	font-size: 14px;
	}

#text13cucumber {
	color: #88C441;
	font-size: 13px;
	}
#text13berry {
	color: #41647B;
	font-size: 13px;
	}
#text13vanilla {
	color: #541D00;
	font-size: 13px;
	}
#text13orange {
	color: #F18822;
	font-size: 13px;
	}
#text13purple {
	color: #3F166F;
	font-size: 13px;
	}
#text13green {
	color: #919816;
	font-size: 13px;
	}
#text13red {
	color: #B50042;
	font-size: 13px;
	}

#text12cucumber {
	color: #88C441;
	font-size: 12px;
	}
#text12berry {
	color: #41647B;
	font-size: 12px;
	}
#text12vanilla {
	color: #541D00;
	font-size: 12px;
	}
#text12orange {
	color: #F18822;
	font-size: 12px;
	}
#text12purple {
	color: #3F166F;
	font-size: 12px;
	}
#text12green {
	color: #919816;
	font-size: 12px;
	}
#text12red {
	color: #B50042;
	font-size: 12px;
	}

#text10 {
	font-size: 10px;
	line-height: 13px;
	}
#text10ltgray {
	font-size: 10px;
	line-height: 13px;
	color: #858488
	}
#text11 {
	font-size: 11px;
	line-height: 14px;
	}
#text12 {
	font-size: 12px;
	line-height: 15px;
	}
#text13 {
	font-size: 13px;
	line-height: 16px;
	}
#text14 {
	font-size: 14px;
	line-height: 17px;
	}
#text15 {
	font-size: 15px;
	line-height: 18px;
	}
	
	
ul#dashCucumber {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashCucumber li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #88C441;
    background: url(../images/dashCucumber.gif) no-repeat;
    }
ul#dashBerry {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashBerry li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #41647B;
    background: url(../images/dashBerry.gif) no-repeat;
    }
ul#dashVanilla {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashVanilla li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #541D00;
    background: url(../images/dashVanilla.gif) no-repeat;
    }
ul#dashOrange {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashOrange li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #F18822;
    background: url(../images/dashOrange.gif) no-repeat;
    }
ul#dashPurple {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashPurple li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #3F166F;
    background: url(../images/dashPurple.gif) no-repeat;
    }
ul#dashGreen {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashGreen li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #919816;
    background: url(../images/dashGreen.gif) no-repeat;
    }
ul#dashRed {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul#dashRed li {
    padding: 0 0 6px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
	color: #B50042;
    background: url(../images/dashRed.gif) no-repeat;
    }    	
    
    
    
span#subtitle {
	font-size: 12px;
	line-height: 15px;
	color: #F18822;
	}   
a#subtitle,
a#subtitle:visited {
	font-size: 12px;
	line-height: 15px;
	color: #F18822;
	text-decoration: none;
	}   
a#subtitle:active,
a#subtitle:hover {
	color: #F18822;
	text-decoration: underline;
	}