/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

body {font-size:62.5%; font-family: verdana,arial,sans-serif; background-color:rgb(255,255,255);} 
/*Font-size: 1.0em = 10px when browser default size is 16px*/
/* Lucida Grande for the Macs, Tahoma for the PCs */

/* CONTAINER */

		#container {
			width: 760px;
			margin: 0 auto;
			/*font-size: 120%;
			line-height: 1.5em;*/
			color: #000;
			background-color: #FFF;
		}


.nav1 {width:350px; position:absolute; z-index:3; margin:15px 0 0 425px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:#638CDE; text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:#214A94;}


		
/* GENERAL MOJO AND MULA */
		
/*		h1 {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 150%;
			color: #214A94;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		
		h2 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			margin: 0px;
		}
		
		a {
			color:#CC6714;
			text-decoration: none;
		}

		a:hover {
			color:#CC6714;
			background-color: #F5F5F5;
		}

*/		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px solid #214A94;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
			font-size: 120%;
			line-height: 1.5em;
		}
		
		#header h1 {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 400%;
			color: #214A94;
			margin-bottom: 30px;
			text-decoration: none;
		}
		
		#header h1 a, #header h1 a:hover, #header h1a:visited {
			color: #214A94;
			text-decoration: none;
		}

		/* the slogan */
		#header p { 
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			margin-top: -15px;
			margin-left: 30px;
			color: #999999;
		}

		#header form fieldset {float:right; border:none;}
		
		
/* NAVIGATION ELEMENTS */

		#navlist {
			margin: 0;
			font-size: 110%;
			line-height: 1.5em;
			border: 0px solid red;}
	
		 #navigation ul {
			margin: 0 0 10px 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 140px;
			}

		#navigation li {
			margin-bottom: 4px;
			}
		
		#navigation a {
			font-weight: bold;
			height: 20px;
			text-decoration: none;
			color: #214A94;
			display: block;
			padding: 5px 0 0 8px;
			background: #ffffff;
			border-left: 5px solid #214A94;
			border-bottom: 1px solid rgb(210,210,210);
}

		#navigation a:link, #navlist a:visited {
			color:#214A94;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #638CDE;
			color: #ffffff;
			border-left: 5px solid #214A94;
			border-bottom: 1px solid #638CDE;
			}

/* THE SMALL BOX BELOW NAV */

		
		
		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
/* CONTENT ELEMENTS */

		#content { width: 420px; margin-left: 160px; margin-right: 162px; }

		#content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 4px #638CDE; font-family:"trebuchet ms",arial,sans-serif; color:#214A94; font-weight:bold; font-size:220%;}
		#content h1.pagetitle a, #content h1.pagetitle a:link, #content h1.pagetitle a:hover, #content h1.pagetitle a:visited {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 4px #638CDE; font-family:"trebuchet ms",arial,sans-serif; color:#214A94; font-weight:bold;  text-decoration: none;}
		#content h1.block {margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
		#content h1 {margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
		#content h2 {margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
		#content h3 {margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
		#content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
		#content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
		#content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}

		#content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}		
		#content p.center {text-align:center;}
		#content p.right {text-align:right;}
		#content p.details {margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
		#content blockquote {margin:0 30px 0.6em 30px; font-size:90%;}		

		.clear-contentunit {width:362px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}



/*		
		#content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 4px 0; border-bottom:solid 4px #638CDE; font-family:"trebuchet ms",arial,sans-serif; color:#214A94; font-weight:bold; font-size:220%;}
		
		#content h1.block {margin:1.0em 0 0.4em 0; padding:8px 0 8px 5px; background:rgb(190,190,190); font-family:verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:180%;}
		
		#content h1 {margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:bold; font-size:180%;}
		#content h2 {margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:160%;}
		#content h3 {margin:-0.5em 0 0.5em 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;}
		#content h4 {margin:1.0em 0 1.0em 0; color:rgb(80,80,80); font-size:140%;}
		#content h5 {margin:1.0em 0 1.0em 0; color:rgb(80,80,80); font-size:130%;}
		#content h6 {margin:1.0em 0 0.2em 0; color:rgb(80,80,80); font-size:120%;}
*/
	
		
		#content ul {list-style:none; margin:0.5em 0 1.0em 0;}
		#content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(images/bg_bullet_half_2.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
		#content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
		#content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

		#content img {float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
		#content img.center {float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
		#content img.right {float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

		#content a {color:#214A94; font-weight:bold; text-decoration:none;}
		#content h1 a {color:#214A94; font-weight:normal; text-decoration:none;}
		#content a:hover {color:#638CDE; text-decoration:underline;}
		#content a:visited {color:#638CDE;}
		#content a img {border:solid 1px rgb(150,150,150);}
		#content a:hover img {border:solid 1px rgb(220,220,220);}		
		
		#content table {width:100%; margin:2.0em 0 0.2em 0; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
		#content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
		#content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
		#content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
		p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}		
		
/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 162px;
			font-size: 120%;
			line-height: 1.5em;
			border: 0px solid red;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}

		.google-side {width: 120px; float: right; border: 0px solid green;}
		
		.clear-side {clear: both; width:162px; height:0.1em; border:none;}
		
/* FOOTER ELEMENTS */

		#footer {
			border-top: 4px solid #214A94;
			margin-top: 20px;
			margin-bottom: 50px;
			clear: both;
			padding-top: 0px;
			}
		
		#footer p {
			font-size: 120%;
			color:#89817f;
			padding: 0px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #89817f;
			}