/* main styles */
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #003300; }

p { font-size: 0.6em; color: #333333; line-height: 1.4em; margin-top: 0.5em; margin-right: 0em; margin-bottom: 1.5em; margin-left: 0em; padding: 0em; }

h3 { margin: 0px; font-size: 1em; padding-top: 2px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; color: #003300; font-family: "Times New Roman", Times, serif; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #003300; margin: 0px; padding: 0px; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #003300; padding-top: 0.5em; margin: 0em; }

img { border-top-width: 0px; border-width: 0px; }

/* /////////////////////////////////// */
/* wrapper */
#container { width: 900px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; border-top-color: #DBDFA2; border-right-color: #DBDFA2; border-bottom-color: #DBDFA2; border-left-color: #DBDFA2; border-bottom-style: solid; background-color: #FFFFFF; background-image: url(../images/rpt_body_back.gif); background-repeat: repeat-y; } 
/* /////////////////////////////////// */
/* Top area */
#header { padding: 0; height: 116px; background-image: url(../images/rpt_top.jpg); background-color: #DDDDDD; background-repeat: repeat-x; width: 900px; }

#header h1 { margin: 0; padding: 10px 0; }

.navLogo { background-image: url(../images/comp_tree_r7_c5.jpg); height: 30px; width: 114px; margin-left: 42px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 42px; padding-bottom: 0px; padding-left: 0px; background-repeat: no-repeat; display: inline; border-right-style: solid; border-right-width: 1px; border-right-color: #006600; }

.pattern { background-image: url(../images/curly_background.jpg); float: left; height: 116px; width: 492px; margin: 0px; display: inline; }

.logo { height: 99px; width: 199px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 17px; float: left; display: inline; }

.nameStyle { height: 50px; width: 197px; background-image: url(../images/annabelle_ollis_freelance.jpg); float: left; background-repeat: no-repeat; padding: 0px; margin-top: 60px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

/* /////////////////////////////////// */
/* Main navigation */
#mainNav ul { list-style-type: none; margin: 0px; padding: 0px; display: inline; }

#mainNav li { margin: 0px; height: 25px; padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; float: left; list-style-type: none; display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #1D5218; }

#mainNav .hiOver a { text-decoration: underline; color: #EBEBEB; }

#mainNav .hiOver { text-decoration: underline; background-image: url(../images/rpt_ao_nav_02.jpg); background-repeat: repeat-x; }

#mainNav a { height: 0px; color: #EBEBEB; text-decoration: none; margin: 0px; padding: 0px; }

#mainNav { background-image: url(../images/rpt_ao_nav_01.jpg); background-repeat: repeat-x; height: 30px; font-family: "Times New Roman", Times, serif; font-size: 0.9em; margin: 0px; padding: 0px; }

#mainNav a:hover { height: 0px; text-decoration: underline; margin: 0px; padding: 0px; }
/* /////////////////////////////////// */
.sidebar1 ul, .sidebar2 ul { list-style-type: none; padding: 0px; margin: 0px; }
/* Side bar 1 */
.sidebar1 { width: 182px; background: #DBDFA2; padding-bottom: 8px; float: left; display: inline; border-top-width: 8px; border-top-style: solid; border-top-color: #fff; }

.sidebar1 h3, .sidebar1 p, .sidebar2 p, .sidebar2 h3 { margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 8px; }

.sidebar1 .level2 a { text-decoration: none; font-size: 0.75em; color: #003300; padding-left: 15px; }
.sidebar1 .level2 li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C5C98D; border-left-color: #010000; padding-bottom: 3px; background-image: url(../images/rpt_subNavBack.jpg); background-repeat: repeat-y; background-position: right; padding-top: 2px; margin-bottom: 2px; margin-right: 5px; margin-top: 2px; }
.sidebar1 .subNav .level3 a { padding-left: 30px; color: #267302; }

.sidebar1 .level2 a:hover, .sidebar1 .level3 a:hover { text-decoration: underline; }
.sidebar1 .level3 li { font-size: 0.75em; text-decoration: none; color: #156002; padding-left: 15px; padding-bottom: 3px; background-image: url(../images/rpt_subNavBackHi.jpg); background-repeat: repeat-y; background-position: right; margin-right: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CAD096; }
.sidebar1 .level3 a { color: #505139; text-decoration: none; }

/* /////////////////////////////////// */
/* Side bar 2 */
.sidebar2 { float: right; width: 222px; background: #DBDFA2; clear: right; padding-top: 0px; padding-right: 0; padding-bottom: 8px; padding-left: 0; display: inline; border-top-width: 8px; border-top-style: solid; border-top-color: #FFFFFF; }

.sidebar2 .searchform label { color: #003300; font-size: 0.9em; font-family: "Times New Roman", Times, serif; }

.sidebar2 .searchform { margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 12px; padding-left: 8px; }

.sidebar2 .article { background-image: url(../images/comp_tree_r12_c13.jpg); background-repeat: repeat-y; padding-left: 6px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #EFEFD4; border-bottom-color: #BBBC95; margin-top: 3px; margin-right: 6px; margin-bottom: 3px; margin-left: 4px; padding-bottom: 6px; }

.sidebar2 .article .aTitle { color: #003300; font-size: 0.9em; font-family: "Times New Roman", Times, serif; }

.sidebar2 .article p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }

.sidebar2 .article a { color: #990000; font-size: 0.6em; padding-right: 5px; text-decoration: underline; margin-top: 5px; }

.sidebar2 li { padding-bottom: 0px; }

.sidebar2 img { padding-left: 4px; border-width: 0px }
/* /////////////////////////////////// */
/* Main content area */
.mainContent { width: 480px; float: left; margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; display: inline; } 

.mainContent ul { list-style-type: none; font-size: 0.7em; color: #006600; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }

.mainContent h1 { font-weight: normal; padding-top: 15px; padding-bottom: 3px; }

.mainContent table { font-size: 0.7em; color: #003300; padding: 0px; margin: 2px; }

.mainContent td { background-color: #DBDFA2; padding: 3px; }

.mainContent li { padding: 0px; list-style-type: square; margin-left: 15px; }
/* /////////////////////////////////// */

/* Footer */
#footer { padding: 0 10px; background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #DBDFA2; } 

#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 */ }
/* /////////////////////////////////// */
/* Miscellaneous classes for reuse */
.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-right: 8px;
}
.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;
}
#footer .creditTag, #footer .creditTag a { font-size: 1em; color: #666666; }