@charset "UTF-8";

.gardenCompass1  
{
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #fff;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000;
}

.gardenCompass1 #container 
{
background: #fff;
margin: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
border-right: 1px solid #666;
border-bottom: 2px solid #ccc;
float: left;
width: 900px;
} 

.gardenCompass1 #container hr
{
border: 1px solid #060;
}

.gardenCompass1 #container #header 
{
	background: #eee;
	padding: 0;
	clear: both;
	margin: 0;
} 

.gardenCompass1 #container #header #dwnLogo
{
margin: 5px 20px 0 3px;
padding: 0px;
float: left;
border: none;
}

.gardenCompass1 #container #header #indexTOC
{
font-size: 75%;
font-family: "Times New Roman", Times, serif;
position: relative;
font-weight: bold;
text-align: center;
margin: 5px 0 0 0;
padding: 5px 0;
clear: both;
}

.gardenCompass1 #container #header h3 
{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 20px 5px 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: left;
	border: solid 2px #ccc;
	position: relative;
}


#header #navGlobal 
{
	list-style-type: none;
	font-size: 9px;
	padding: 0;
	margin: 0;
}


#header #navGlobal li 
{
	padding: 0 40px 0 0;
	float: left;
	padding-left: 0px;
	margin: 8px 0;
}

/********** BEGIN #sidebar1 **********/

.gardenCompass1 #sidebar1 
{
float: right; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #ebebeb; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0 5px 0 10px;
margin: 0px;
}



.gardenCompass1 #sidebar1 h3
{
font-size: 80%;
}


.gardenCompass1 #sidebar1 p
{
font-size: 70%;
}


.gardenCompass1 #sidebar1 table
{
font-size: 65%;
}


.gardenCompass1 #container #sidebar1 ul
{
font-size: 68%;
padding-left: 10px;
margin-bottom: 10px;
margin-left: 0px;
}


.gardenCompass1 #container #sidebar1 li li
{
font-size: 150%;
}


.gardenCompass1 #container #sidebar1 .highlight
{
position: relative;
background-color: #ffc;
margin: 0;
line-height: 1.6em;
border: 2px solid #ccc;
padding-top: 0.3em;
padding-right: 0.3em;
padding-bottom: 0px;
padding-left: 1.4em;
}



#sidebar1 .item
{
background: #fff;
padding: 5px 5px 5px 0;
border-bottom: 2px solid #ccc;
border-left: 3px solid #ccc;
margin: 0 5px 10px 0;
}

#sidebar1 .item p
{
padding: 0;
margin: 0 0 0 8px;
}

#sidebar1 .item img
{
margin: 0 2px 2px 0;
float: left;
}



/********** END #sidebar1 *********/
/********** BEGIN #sidebar2 **********/

.gardenCompass1 #sidebar2 
{
float: right; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0 5px 0 10px;
margin: 0;
}

.gardenCompass1 #sidebar2 h3
{
font-size: 83%;
}

.gardenCompass1 #sidebar2 p
{
font-size: 70%;
}

/********** END #sidebar2 *********/




.gardenCompass1 #mainContent 
{
padding: 0;
margin: 0 215px 0 0;
border-bottom: 1px solid #666;
border-right: 1px solid #ccc;
} 


#container #mainContent #head
{
margin: 0;
padding: 0;
position: relative;
}


#container #header #gclogo1
{
margin: 5px 0 0 0;
padding: 0px;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
float: left;
}


#container #mainContent .headItem
{
padding: 0 0 .3em .5em;
margin: 10px 0 0 0;
}



#container #mainContent .headItem h4
{
font-size: 80%;
margin: 1px;
padding: 2px 0 2px 10px;
border-bottom: 1px solid #ccc;
border-left: 2px solid #ccc;
border-top-style: none;
border-right-style: none;
color: #360;
}


#mainContent .headItem p
{
font-size: 90%;
padding: .3em 0 0 1em;
margin: .2em 1em .3em 0;
}



#mainContent .item
{
	position: relative;
	padding: 0 0 0 1em;
	font-size: 12px;
	margin: 0 18px 0 10px;
	clear: left;
}


#mainContent .item1
{
position: relative;
padding: 0 0 0 1em;
font-size: 75%;
}


#mainContent .item .emphasis
{
font-weight: bold;
color: #060;
padding: 0 0 0 5em;
}


#container #mainContent .item .subtext
{
font-size: 80%;
}


#container #mainContent .item ul
{
margin-left: 1em;
}

#container #mainContent .item li
{
list-style-position: outside;
list-style-type: disc;
margin: .4em 0;
}


#mainContent #head h1
{
	font-size: 18px;
	padding: 10px;
	margin: 0px;
}


#mainContent #head h4
{
font-size: 80%;
margin: 0 0 0 150px;
padding: 0px;
}


.gardenCompass1 #footer 
{
padding: 0;
width: 700px;
} 

.gardenCompass1 #footer p 
{
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-family: "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
}

.gardenCompass1 #footer img
{
margin: 0px;
padding: 0px;
border-style: none;
position: relative;
}


.fltrt 
{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}


.fltlft 
{ /* this class can be used to float an element left in your page */
float: left;
margin: 0 10px 6px 0;
padding: 0;
}


.clearfloat 
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.gardenCompass1 #container #mainContent #head .subHead
{
font-size: 85%;
padding-left: 2em;
position: relative;
margin: 0 0 .5em 0;
color: #360;
}

#mainContent .item1 .leftList
{
font-size: 100%;
margin: 0 0 20px 0;
padding: 0.5em;
list-style-position: inside;
list-style-type: disc;
position: relative;
width: 45%;
float: left;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc;
}


#mainContent .item1 .RtList
{
font-size: 100%;
margin: 0 5px 20px 0;
padding: 0.5em;
list-style-position: inside;
list-style-type: disc;
position: relative;
width: 45%;
float: right;
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
border-top: 2px solid #ccc;
}

#mainContent .item1 ul .title
{
font-size: 100%;
background: #bfffbf;
margin: 0 0 .5em 0;
padding: 0.5em;
list-style-position: outside;
list-style-type: none;
border-top: solid 1px #666;
border-right: solid 1px #666;
}


#mainContent .item1 ul .comment
{
font-size: 95%;
background: #ffc;
margin: 0 0 5px 0;
padding: 0.5em;
border-style: none;
list-style-position: outside;
list-style-type: none;
font-weight: bold;
border: solid 1px #ccc;
}


#mainContent .item1 li
{
list-style-position: outside;
list-style-type: disc;
margin: 0 0 .3em 1.7em;
font-size: 98%;
}

.space1
{
height: 75px;
width: 200px;
}


#mainContent #head p
{
font-size: 85%;
margin: 1em;
}

#mainContent .headItem h4 em
{
font-size: 80%;
}


.item .tomfooter
{
text-align: center;
}

#mainContent #head h3
{
font-size: 0.9em;
}

#container #header #gcBanner
{
margin: 0 0 0 0;
padding: 0px;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
clear: both;
border-right: none;
border-left: none;
}

#mainContent .item .tableHead
{
font-weight: bold;
background: #0f9;
border-bottom: 1px solid #666;
}

#mainContent .item .tableRow1
{
font-weight: bold;
background: #6f9;
}

#mainContent .item .tableAvocado
{
background: #9f9;
font-size: 92%;
}