/*
  Global styles
*/

/* Change color/background image as needed */
html, body { margin: 0; padding: 0; text-align: center; background: #657643 url("images/body-bg_green.jpg") repeat-x; }

/* Change color as needed */
a { color: #703900; text-decoration: none; border-bottom: 1px dotted #c96; cursor: pointer; }
a:hover { background: #ffc; }

img { margin: 0; border: none; }

/* Floated images and other elements */
.imgright { float: right; clear: right; margin-left: 9px; margin-bottom: 6px; }
.imgleft { float: left; clear: left; margin-right: 10px; margin-bottom: 6px; }

/* Text in other-aligned blocks, i.e. text in right-aligned <p> to be aligned left */
span.textleft { display: block; float: left; margin-top: 0.2em; }
span.textright { display: block; float: right; margin-top: 0.2em; }

body, div, td, th, h2, h3, h4, textarea {
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
	color: #333;
}


h2 a { text-decoration: none; border: none; }
h2, h2 a { color: #666; }

div.clear { clear: both; line-height: 0; margin: 0; padding: 0; }


#contentContainer { 
				overflow: auto;
				width: 800px;
				margin: 10.5px;
			    margin-left: auto;
			    margin-right: auto;
		/*		border: solid 1px  #3a7d36;  */
				text-align: left; 
				background: #e5ddc9;
		}

#content { 
				width: 550px; 
				float: left; 
				margin: 0; 
				position: relative;
				padding: 9px 0 0 12px; 
				background: #E5DDC9;
		}

#side { 
				width: 225px; 
				float: right; 
				margin: 0 0 0 0; 
				padding: 3px 0 0 0;
		} 
				/* margin 0 0 0 535px */


/*
  Sidebar styles
*/

#side a { color: #666; text-decoration: none; border: none; }
#side a:hover { color: black; border-bottom: none; background: #ddd; }

#side p, #side li { line-height: 1.3em; font-size: 0.8em; }
#side label { font-size: 110%; color: #666; }
#side p { margin: 10px 8px 10px 8px; }

#side h3 { margin: 8px 0 0 0; padding: 4px; background: #555; color: white;
           font-size: 0.85em; text-transform: uppercase; }
#side h3 a { color: white; display: block; width: 100%; }
#side h3 a:hover { color: #ffc; background: transparent; }

#side h4 { color: black; font-size: 0.85em; margin: 8px 0 0 4px; }
#side ul { padding: 0; margin: 4px 4px 6px 8px; list-style-type: none; }
#side li { margin: 0 0 3px 0; padding: 0 0 0 10px; background: url("img/li.gif") no-repeat 0 5px; }

/* Sidebar box styles */
#side .sideBox { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;
                 margin-top: 8px; margin-bottom: 12px; color: #421; padding: 0 6px 6px 6px; }
#side .sideBox h3 { background: #657643; margin: 0 -6px 6px -6px; }
#side .sideBox p { margin: 8px 8px 2px 0; }
#side .sideBox td p { margin: 4px 0 2px 0; }




/*
  Footer styles
*/

#footer { text-align: center; margin-top: 0; padding: 50px 0 15px 0; background: #333 url("images/footer-bg.jpg") repeat-x; clear: both; }
#footer p { text-align: center; font-size: 0.8em; margin: 0; padding: 4px; color: white; }
#footer a { color: white; border-color: #ccc; }
#footer a:hover { background: #ddd; color: black; }