body{
	margin:0; 
	padding:0;
	background:url(images/top_line_left.gif) no-repeat 0 0;
	font-size:small;
	}
div, p, img, h1, h2, form, input, label, a, ul, li{
	margin:0; 
	padding:0;
	}
.spacer{
	margin:0; 
	padding:0; 
	clear:both;
	line-height:0; 
	font-size:0;
	}
#containerspacer {
	margin:0; 
	padding:0;
	background:url(images/top_line_left.gif) no-repeat 0 0;
	}
#greenline{
	margin:0 auto; 
	width:778px; 
	height:27px;
	height: 27px;
	background:url(images/top_line.gif) repeat-x 0 0;	/* needed to complete the background under all the nav. */
	position:relative;
	}
#containermidspacer {
	margin:0; 
	padding:0;
	background:url(images/mid_line_left.png) no-repeat 0 0;
	}		
#midline{
	margin:0 auto; 
	width:778px;
	height:16px;
	background:url(images/mid_line.png) repeat-x 0 0;	/* needed to complete the background under all the nav. */
	position:relative;
	}		
/*-----------------------------------------Header Container Start-----------------------------------*/

#header{
	margin:0 auto; 
	padding: 0;
	width:778px; 
	height:240px;
	background:url(images/top_line.gif) repeat-x 0 0;	/* needed to complete the background under all the nav. */
	position:relative;
	}
#header img{
	background:url(images/O3Logozzz.png) no-repeat 0 0;
	position:absolute; 
	left:75px; 
	top:55px;
	}	
#header h1{
	font:normal 15px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
	background-color:#FFFFFF;
	position:absolute; 
	left:-9999px; 
	top:157px;
	}
#facebook img{
	position:relative; 
	float:right;
	padding: 0 75px 0 0;
	margin: 0;
	background: none;
	top: 27px;
	}	
	
	/*********************** Main Navigation ****************************/	
#nav {
	position:absolute; 
	left:64px; 		
	top:0px;		
	margin:0;
	padding:0;
	float:left;
	width:100%;	
	width: 778px;
	}
#nav li {
	display:inline;
	padding:0;
	margin:0;
	}
#nav a:link,
#nav a:visited {
	float:left;
	width:auto;
	color:#000;
	color:#4A4A4A; 		/* dark grey */
	background-color:#FFFFFF;
	padding:5px 8px 1px 8px;
/*	padding: 0;	*/
	margin: 0;
	font:bold 14px/19px Arial, Helvetica, sans-serif;
	text-align:center; 
	width:84px;
	text-decoration:none; 
	display:block;		
	}
#nav a:hover {
	color:#FFFFFF;
	background: url(images/gold1px.png) repeat 0 0 #FFFFFF;
	padding:5px 8px 1px 8px;	
	margin: 0;	
	}
#home #nav-home a,
#services #nav-services a,
#portfolio #nav-portfolio a,
#resources #nav-resources a,
#philosophy #nav-philosophy a,
#contacto3 #nav-contact a,
#about #nav-about a {
	background:url(images/purple1px.png) repeat 0 0 #FFFFFF;
	color:#FFFFFF;
	text-shadow:none;
	}
/* Selected link stays the same when hovered over */	
#home #nav-home a:hover,
#services #nav-services a:hover,
#portfolio #nav-portfolio a:hover,
#resources #resources-lab a:hover,
#philosophy #nav-philosophy a:hover,
#contacto3 #nav-contact a:hover,
#about #nav-about a:hover {
	background:url(images/purple1px.png) repeat 0 0 #FFFFFF;	
	}
/* When you click on a link, it turns purple */
#nav a:active {
	background:url(images/purple1px.png) repeat 0 0 #FFFFFF;
	color:#FFFFFF;
	padding:5px 8px 1px 8px;
	margin: 0;		
	}
	
	/******************* Main Navigation *********************************/	
#header form{
	position:absolute; 
	right:0px; 
	top:76px;
	width:154px; 
	height:101px;
	padding:3px 0 0 0;
	}
#header form input{
	background-color:#FFFFFF; 
	border:#7f9db9 solid 1px;
	font:normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:140px; 
	height:22px;
	margin:6px 0 5px 0;
	}
#header form label {
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#4a3650; 
	text-transform:uppercase; 
	background-color:#ffffff;
	padding:0 0 0 4px;
	width:auto;	
	display:block; 
	float:left; 
	}
#header h2{		/* client login */
	font:normal 20px/28px Georgia, "Times New Roman", Times, serif;
	color:#4a3650; 
	background-color:#ffffff;
	}
#header input.goBtn{
	width:25px; height:14px; 
	padding:0; 
	margin:0 0 0 0;
	float:left;
	}
/*-----------------------------------------Header End-----------------------------------*/

/*----------------------------------------- Main Content Start -----------------------------------*/
#maincontent{
	margin:0 auto; 
	padding: 0;
	width:778px;
	}
#left{		
	background:#FFFFFF;
	width:213px;
	width:243px;	 	
	height:95px;	
	padding:10px 0px 0 10px; 	
	margin: 0; 	
	float:left;
	}
#left h2{		
	font:normal 32px/32px Georgia, "Times New Roman", Times, serif;
	color:#93a344;	
	background-color:#FFFFFF;
	float: right;
	padding: 0;
	margin: 0;
	}
#left h2 span{		
	font:normal 1.5em Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#93a344;	
	background-color:#FFFFFF;
	}	
	
/* needed for the background image on the home page; also taller; otherwise, same as left */
/* the 120 is pixels from left; the 141 is pixels from top down */
#leftwpic{
	background:url(images/parishomez.png) no-repeat 120px 141px;
	background:url(images/parishomez.png) no-repeat 120px 100px;
	background:url(images/cnwhomez.png) no-repeat 120px 100px;
	background:url(images/OFHomez.png) no-repeat 120px 100px;	
	background:url(images/loadrite-home.png) no-repeat 120px 100px;
	background:url(images/GoAarons-home120.jpg) no-repeat 120px 100px;	
	background:url(images/APSAIL-homez.jpg) no-repeat 120px 100px;	
	background:url(images/GrantsGalore-homez.png) no-repeat 120px 100px;	
	background:url(images/TSS-benefits-z.png) no-repeat 120px 100px;
	background:url(images/ICON-homez.png) no-repeat 120px 100px;
	width:213px; 
	width:243px;	
	height:220px; 
	height:243px; 
	padding:10px 0px 0 10px; 	
	margin: 0; 	
	float:left;
	}
#leftwpic h2{
	font:normal 32px/32px Georgia, "Times New Roman", Times, serif;
	color:#93a344; 
	background-color:#FFFFFF;
	float: right;
	padding: 0;
	margin: 0;
	}
#leftwpic h2 span{
	font:normal 1.5em Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#93a344; 
	background-color:#FFFFFF;
	}		
	
#right{
	width:448px; 
	padding:0px 5px 0px 20px;  /* a little space in front of target icons. */
	margin: 0;   /* NEW */	
	float:left;
	}
#right p{
	/*font:normal 16px/22px Arial, Helvetica, sans-serif;*/
/*	font-size:normal;     20080424   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	background-color:#FFFFFF;
	padding:0; 
	margin:0;	
	}
#right p strong{
/*	font:bold 16px/22px Arial, Helvetica, sans-serif;*/
	font-size:medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3C3C3C;	
	}	
#right a{
/*	font:bold 14px/16px Arial, Helvetica, sans-serif;*/
/*	font-size:normal;     20080424   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#93a344; 
	text-decoration:none; 
	}
#right p a:hover{
	color:#ffcc33; 
	background-color:#FFFFFF;
	}	
/*  This size anchor is larger than the regular to accommodate the home page "more..."  */	
#right #biglink {
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	width:60px;
	background-color:#FFFFFF; 
	display:block; 
	padding:0 15px 0 0;
	float:right;
	}	
#right #signature {
	font-weight:bold;
	font-size:medium;
	font-family: Arial, Helvetica, sans-serif;
	color:#4a3650;	
	display:block; 
	padding:0 15px 0 0;
	float:right;
	}	
#right h2{
/*	font:bold italic 16px/22px Arial, Helvetica, sans-serif; */
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	color:#4a3650; 
	height:25px; 
	padding:0; 	
	margin:5px 0 0px 0;
	}
#right h2 span{
/*	font:bold 16px/16px Arial, Helvetica, sans-serif; */
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	color:#4a3650; 
	background-color:#FFFFFF;
	}	
#mainlist ul {
	margin:0px 0 12px 0; 
	padding:0;
	list-style: none;	
	}
#mainlist span {
/*	font:normal 16px/22px Arial, Helvetica, sans-serif;	*/
/*	font-size:normal;     20080424   */
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	color:#3C3C3C;	
	}	
#mainlist li {
	background: url(images/o3purplearrow.png) no-repeat 0 10px;
	padding: 5px 5px 5px 25px;
/*	font:normal 16px/22px Arial, Helvetica, sans-serif; */
/*	font-size:normal;     20080424   */
	font-weight: normal;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#3C3C3C;	
	text-align:left; 
	list-style:none; 
	display:list-item;
	}
#right ul{
	margin:12px 0 0 0; 
	padding:0;
/*	font-size:normal;     20080424   */
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#3C3C3C;	
	}
#right ul li{
	list-style:none; 
	margin:0 5px 0 0;
	letter-spacing: .2px;
	}
#right ul li #date{
	font-weight: normal;
	color:#3C3C3C;		
	}	
#right li a{
/*	font:bold 14px/16px Arial, Helvetica, sans-serif; */
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#93a344;	
	text-decoration:none; 
	}
	
#right dl{
	margin:12px 0 0 0; 
	padding:0;
	}
#right dl dt{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3C3C3C;	
	list-style:none; 
	margin:0 5px 0 0;
	letter-spacing: .2px;
	}
#right dl dt #date{
	font-weight: normal;
	}	
#right dd a{
/*	font:bold 14px/16px Arial, Helvetica, sans-serif; */
/*	font-size:bold;     20080424   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#93a344;	
	text-decoration:none; 
	}	
	
		
#buttonnav ul{
	margin:5px 0 0 0; 
	padding:0;
	}	
#buttonnav ul li{
	float:left;	/* THIS CAUSES PROBLEMS WITH THE OTHER LISTS IN right, so it needs its own container!!! */
	}
#buttonnav ul li a{
/*	background-color:#4a3650;	 just right, but better control with image background*/
	font:normal 18px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	text-align:center; 
	width:114px; 
	height:25px; 
	padding: 5px 5px 0 0;			
	display:block;
	text-decoration:none;
	}	
#buttonnav ul li.ontime a {
/*	background-color:#4a3650;	 just right, but better control with image background*/
	background:url(images/darkpurple1px.png) repeat 0 0 #FFFFFF;	
	margin: 0 10px 0 0;
	}
#buttonnav ul li.ontarget a{
	/*background-color:#999933;*/
	background:url(images/gold1px.png) repeat 0 0 #FFFFFF;	
	margin: 0 10px 0 0;	
	}
#buttonnav ul li.onprinciple a {
	/*background-color:#ffcc33;*/
	background:url(images/green1px.png) repeat 0 0 #FFFFFF;
	margin: 0 0px 0 0;	
	}
#buttonnav ul li.ontime a:hover,
#buttonnav ul li.ontarget a:hover,
#buttonnav ul li.onprinciple a:hover  {
	background:url(images/gold1px.png) repeat 0 0 #FFFFFF;
	}	


#contactform {
	font-family: Georgia, serif;
	font-size: 12px;
	color: #999999;
	padding:3px 0 0 0;	
	margin: 0;
	}
#contactform p form {
	margin: 0;
	padding: 0;
	}
#contactform legend {
	font-weight:bold;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	color:#4a3650; 
	height:25px; 
	padding:3px; 	
	margin:0;
	}	
#contactform fieldset {
	border: 1px solid #f5f8be;
	padding: 0 20px 5px 20px;
	}
#contactform label {
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#4a3650; 
	text-transform:uppercase; 
	background-color:#ffffff;
	padding:0 8px 0 4px; 
	margin: 0; 
	width:auto;	
	display:block; 
	float:left; 
	}	
#contactform input {
	background-color:#FFFFFF; 
	border:#7f9db9 solid 1px; 
	font:normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	margin: 0 0 6px 0;
	}	
#firstname, #lastname, #emailaddress, #phone, #request {
	width: 200px;
	height:22px;	
	border: solid 1px;	
	}
#request, #comment {
	margin: 0 0 6px 0;
	border:#7f9db9 solid 1px; 	
	}
#contactform input.submitBtn{
	width:25px; height:14px; 
	padding:0; 
	margin:0 0 0 0;
	float:left;
	}
/*----------------------------------------- Main Content End -------------------------------------*/

/*-----------------------------------------Footer Start-------------------------------------*/
#footerContainer{
	clear: both;
	margin:0 auto;
	padding: 0;
	width:778px;
	}
#footer{
	margin:0 auto; 
	padding:0;	
	width:778px; 
	position:relative;	
	}
#footer ul{
	margin:0; 
	padding:0;
	position:absolute;
	left:64px; 
	top:0px;
	background-color:#FFFFFF;	
	}
#footer #nav a:link,
#footer #nav a:visited {
	padding:1px 8px 5px 8px;
	}	
#footer p{
/*	font:normal 12px/16px Arial, Helvetica, sans-serif; */
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#3C3C3C; 
	background-color:#FFFFFF;
	display:block; 
	padding:10px 8px 0 0;
	margin: 15px; 
	float:right;
	}
/*-----------------------------------------Footer End-------------------------------------*/