/*****************************************************/
/*   Design:  Cherrys Caddy                          */
/*            Stylesheet for screen rendering        */
/*---------------------------------------------------*/
/*   Author:  Stacie Johnstun                        */
/*   Email:   stacie@yourwebcrew.com                 */
/*   Date:    May 28, 2008                           */
/*---------------------------------------------------*/

body {
	font-size: 62.5%; 
	margin: 0em auto; 
	padding: 0em; 
	background-image: url(images/bg1.gif) top center repeat-y; 
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#page-container {
	width: 650px; 
	margin: 0px auto; 
	padding: 0px;  
	border: none; 
	background-color: #FFFFFF;
}

/**********************/
/* SECTION 2 - HEADER */
/**********************/

#header { 
	width: 650px; 
	height: 65px; 
	margin: 0px; 
	padding: 0px;
	background: #59B7DD;
	border-bottom: solid 2px #FFFFFF;
}

.tag { 
    position: relative;
	left: 200px;
	top: -115px; 
	padding: 0px;
	color: #FFFFFF;
	font-size: 30pt;
	letter-spacing: 0.2cm
}

.tag2 { 
    position: relative;
	left: 160px;
	height: 25px;
	top: 10px;
	padding: 0px;
	color: #000000;
	font-size: 10pt;
}

#header2 { 
	width: 650px; 
	height: 67px; 
	margin: 0px; 
	padding: 0px;
	background: #6DAB00;
}

.logo { 
	position: relative; 
	top: 2px;
	left: 5px;
	width: 128px; 
	height: 130px; 
	margin: 0px; 
	padding: 0px;
	background: none;
	z-index: 2;
}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/

.nav-main {
	position: relative;
	top: 10px; 
	left: 55px;
	width: 540px;  
	border: none; 
	background-color: #257900;
	height: 22px;
	z-index: 1;
}

.nav-main ul {	
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	font-weight: bold;
}	

.nav-main li {
	float: left; 
	display: block; 
	white-space: nowrap; 
	background-color: inherit;
}

.nav-main li a {
	color: rgb(255,255,255); 
	margin: 0px; 
	padding: 0px 20px 0px 20px; 
	border-right: solid 1px rgb(255,255,255); 
	text-decoration: none; 
	font-size: 150%;		
}

.nav-main a:hover, .nav-main a.selected{
	background-color: inherit; 
	color: #ffcc00; 
	text-decoration: none;
}

.nav-main a.home {
	background-color: inherit; 
	color: #FFCC00; 
	text-decoration: none;
	border-right: none; 
}

.nav-main a.end {
	background-color: inherit; 
	color: #FFFFFF; 
	text-decoration: none;
	border-right: none; 
}

.nav-main a:hover, a.end{
	background-color: inherit; 
	color: #ffcc00; 
	text-decoration: none;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*******************************************************************/

.container-content-sidebar {
   float: left; 
   width: 650px; 
   min-height: 200px; 
   margin: 0px; 
   padding: 0px; 
   background-color: #6DAB00;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */

/* Put a buffer between sub-navigation column and      */
/* main-navigation so that the global page background  */
/* color does not come through in this place           */

.buffer {
 	float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}

/***********************/
/* SECTION 6 - CONTENT */
/***********************/


.content {
	float: left; 
	width: 500px;
	margin-left: 55px; 
	margin-top: 10px;
	padding: 10px 20px 0px 20px; 
	background-color: rgb(255,255,255);	
}

/*-------------------------*/
/* Section 6.2 - Pagetitle */
/*-------------------------*/

.content-pagetitle {
	width: 390px; 
	margin: 0px 0px 10px 0px; 
	padding: 0px;
}

.content-pagetitle p {
	padding: 0px; 
	margin: 0px; 
	font-weight: bold; 
	font-size: 140%;
}

/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/
/* To ensure that no problems arise */
/* with right and left floatings    */
/* and make the implementation      */
/* robuster.                        */
/*----------------------------------*/

.contentbox-container-full {
	 float: left; width: 470px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-left {
	float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-left2 {
	float: left; width: 150px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right2 {
	float: right; width: 300px; margin: 0px 0px 1.5em 0px; padding: 0px;
}
/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 140%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;
}

/* Shading */
.contentbox-shading {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}

/*-------------------------------*/
/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {
	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 150%;
}

h2 {
	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;
}

h3 {
	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%;
}

h4 {
	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}


/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

.content li {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}
/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}

/*--------------------------*/
/* Section 6.7 - Datatables */
/*--------------------------*/

.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225);
}

.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

.sidebar {
	 float: right; 
	 width: 220px; 
	 height: 200px;
	 margin-right: 10px; 
	 margin-top: 40px;
	 padding: 10px 5px 0px 0px; 
	 background-color: #508F2A;
}

.sidebar2 {
	 float: right; 
	 width: 220px; 
	 height: 142px;
	 margin-right: 10px; 
	 margin-top: 10px;
	 padding: 10px 5px 0px 0px; 
	 background-color: #257900;
	 font-size: 14pt;
	 text-align: center;
	 color: #FFFFFF;
	 
}

.sm_txt {
font-size: 9pt;
}
/**********************/
/* SECTION 8 - FOOTER */
/**********************/

.footer {
	clear: both; 
	width: 650px; 
	height: 60px;
	margin: 0em 0px 0px 0px; 
	padding: 5px 0px 5px 0px; 
	border: none; 
	background-image: url(images/grass.gif); 
	text-align: center;	
	color: #006600;
	font-weight: bold;
	font-size: 1.1em;
}

.footer a {
	color: #006600; 
	text-decoration: underline;
}

.footer a:hover {
	color: #006600; 
	text-decoration: none;
}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a {
	color: rgb(0,0,0); text-decoration: underline;
}

.content a:hover, .sidebar a:hover {
	color: rgb(110,110,110); text-decoration: none;
}

.content a:visited, .sidebar a:visited {
	color: rgb(110,110,110);
}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110);
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: rgb(110,110,110);
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/

/* Basic Colors */
.txt-white {
	color: rgb(255,255,255);
}

.txt-black {
	color: rgb(0,0,0);
}

/* Grey */
.txt-grey01 {
	color: rgb(242,242,242);
}

.txt-grey02 {
	color: rgb(230,230,230);
}

.txt-grey03 {
	color: rgb(217,217,217);
}

.txt-grey04 {
	color: rgb(204,204,204);
}

.txt-grey05 {
	color: rgb(191,191,191);
}

.txt-grey06 {
	color: rgb(178,178,178);
}

.txt-grey07 {
	color: rgb(153,153,153);
}

.txt-grey08 {
	color: rgb(127,127,127);
}

.txt-grey09 {
	color: rgb(89,89,89);
}

.txt-grey10 {
	color: rgb(51,51,51);
}

/* Yellow */
.txt-yellow01 {
	color: rgb(254,252,232);
}

.txt-yellow02 {
	color: rgb(253,249,201);
}

.txt-yellow03 {
	color: rgb(253,246,185);
}

.txt-yellow04 {
	color: rgb(252,243,162);
}

.txt-yellow05 {
	color: rgb(251,239,139);
}

.txt-yellow06 {
	color: rgb(250,236,116);
}

.txt-yellow07 {
	color: rgb(249,233,93);
}

.txt-yellow08 {
	color: rgb(249,230,69);
}

.txt-yellow09 {
	color: rgb(248,227,46);
}

.txt-yellow10 {
	color: rgb(247,224,23);
}

/* Blue */
.txt-blue01 {
	color: rgb(238,237,249);
}

.txt-blue02 {
	color: rgb(222,220,242);
}

.txt-blue03 {
	color: rgb(205,202,236);
}

.txt-blue04 {
	color: rgb(189,185,229);
}

.txt-blue05 {
	color: rgb(172,167,223);
}

.txt-blue06 {
	color: rgb(155,149,217);
}

.txt-blue07 {
	color: rgb(139,132,210);
}

.txt-blue08 {
	color: rgb(122,114,204);
}

.txt-blue09 {
	color: rgb(106,97,197);
}

.txt-blue10 {
	color: rgb(89,79,191);
}

/* Green */
.txt-green01 {
	color: rgb(237,246,229);
}

.txt-green02 {
	color: rgb(220,238,204);
}

.txt-green03 {
	color: rgb(202,229,178);
}

.txt-green04 {
	color: rgb(185,220,153);
}

.txt-green05 {
	color: rgb(167,211,127);
}

.txt-green06 {
	color: rgb(149,203,102);
}

.txt-green07 {
	color: rgb(132,194,76);
}

.txt-green08 {
	color: rgb(114,185,51);
}

.txt-green09 {
	color: rgb(97,177,25);
}

.txt-green10 {
	color: rgb(79,168,0);
}

/* Red */
.txt-red01 {
	color: rgb(252,235,233);
}

.txt-red02 {
	color: rgb(248,216,211);
}

.txt-red03 {
	color: rgb(245,196,188);
}

.txt-red04 {
	color: rgb(242,177,166);
}

.txt-red05 {
	color: rgb(238,157,144);
}

.txt-red06 {
	color: rgb(235,137,122);
}

.txt-red07 {
	color: rgb(232,118,100);
}

.txt-red08 {
	color: rgb(229,98,77);
}

.txt-red09 {
	color: rgb(225,79,55);
}

.txt-red10 {
	color: rgb(222,59,33);
}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}


/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; width: 425px; height: 1px; border: none;
}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}