@charset "utf-8";
/* CSS designed by FAR Studio Designs */
/* February 2009 */
/*
Colors Used:
Text Brown:  		#370802;
Background Beige:	#f7f6ea;
Header Yellow		#f9f2e6;
Text Blue			#2e4787;
Text Green			#1b4334
body green			#cbe0d8;
footer green		#65a58e;

*/

html, body, #wrap	{
		height: 100%
		}
body > #wrap {
		height: auto;
		min-height: 100%;
		}
body {
		background-color: #cbe0d8;
		color: #000;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}

h1		{height: 10px;	/* image replacement */
		width: 200px;
		text-indent: -9000px;
		}	
h2 		{
		color: #2e4787;
		font-size: 2.8em;
		}
h3 		{color: #1b4334; 
		font-size: 1.4em;
		}
	
a		
		{color: #2e4787; 
		text-decoration: none;
		font-style: italic;
		}
	a:visited {color: #1b4334;
		text-decoration: none;
		}
	a:hover 	{background: #2e4787; color: #fff;}
	a:active	{color: #2e4787;}


img		{
		border: none;
		}
		
p		{font-size: 1.2em;}

li		{/*list-style: none*/}

li.header {list-style:none}


/*<---------------------------------------------------IDs-----------------------------------------------*/

#container {
		background-color: #f7f6ea;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		width: 1000px;
		}
		
		.clients {background-color: #FFFFFF;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		width: 1000px;}
		
#main {
		background: #f7f6ea url(i/mainborders2.png) repeat-y;
		/*border: #265e49 1px solid; */
		margin: 0 0;
		padding-bottom: 101px; /* set up for sticky footer */
		position: relative;
		}
		
#header	{
		/* border: #1b4334 1px solid; */
		background: #65a58e url(i/runheader.jpg) no-repeat;
		height: 150px;
		position: relative;
		width: 1000px;
		}	

/* <--------------------------------------------Menu----------------------------------------------------*/
#menu	{
		background: #2e4787 url(i/runmenu.jpg) repeat-x;
		border: #1b4334 1px solid;
		height: 50px;
		padding: 2px 0 2px;
		width: 998px;
		}
	#menu ul	{
		color: #fff;
		padding: 4px 0 0 12px;
		}
	#menu li	{
		float: left;
		}
	#menu li a	{
		background: #2e4787 url(i/runbutton.jpg);
		color: #fff;
		font-size: 1.6em;		
		margin: 0 4px;
		padding: 14px 20px;
		text-align: center;
		text-transform: uppercase;
		}
	#menu a:hover	{
		background: #000 url(i/runbutton_dn.jpg);
		}
/* <-------------------------------------------Content-----------------------------------------------*/						
#content  {
		font-size: 1.2em;
		padding: 10px 20px;
		width: 620px;
		}
		
		
#sidebar  {
		right: 6px;
		margin: 12px 0 0;
		padding: 30px 20px;
		position: absolute;
		width: 250px;
		}		
	#sidebartop	{
			background: transparent url(i/runsidebartop.png) no-repeat;
			height: 42px;
			position:absolute;
			right: 1px;
			top: 0;
			width: 300px;
			}
	#sidebarbottom	{
			background: transparent url(i/runsidebarbottom.png) no-repeat;
			height: 164px;
			position:absolute;
			right: 0;
			bottom: 0;
			width: 300px;
			}

/*------------------------------------------Footer----------------------------------------------------*/
#footer {
		background: #65a58e url(i/runfooter.jpg) repeat-x;
		border: #1b4334 1px solid;
		font-size: 1.4em;
		height: 81px;
		padding: 10px 20px;
		position: relative;
		width: 958px;
		}	


#footer .logo	{
				float:left;
			}

#footer ul	{margin: 0 0 0 260px}
#footer li	{
				float:left;
				}
	#footer li a:link  {color: #fff; }
	#footer li a:visited, #sidebar a:visited   {color: #2e4787;}
	#footer li a:hover, #sidebar a:hover 	{color: #fff; background: #2e4787; }			
	#footer li a:active, #sidebar a:active	{color: #fff;}
		
				
/* <------------------------------------------menu-------------------------------------------------------*/

		
/* -------------------------------------------classes ------------------------------------------------------ */
.rightside	{
	bottom: 2px;
	color: #fff;
	left: 566px;
	position: absolute;
	width: 425px;
		}		
		
.box	{
		background-color: #fff;
		border: #2e4787 thin double;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: 	#2e4787;
		font-size: 1.5em;
		padding: 12px;
		}	
	
/* -----------------------------------------clear fix ------------------------------------------------------ */
.clearfix:after {
		content: ".";
		display:: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
.clearfix {
		display: inline-block;
		} /* hides from IE-mac */
* html .clearfix {
		height: 1%;}
.clearfix  {
		display: block;} /* end hide from IE-mac */