body
{
   font-family: arial, helvetica;
}

#head-container
{
	color: #000;
	//background: #ccc;
}

#header
{
	margin: 0 auto;
	width: 860px;
	padding: 0px;
	//background: #ddd;
        //border-bottom: 3px solid black;
        margin-bottom: 20px;
}

#header h1 { margin: 0; }

#content-container
{
	float: left;
	width: 100%;
	color: #000;
	//background: #eee;
}

#content-container2
{
	margin: 0 auto;
	width: 900px;
}

#content-container3
{
	float: left;
	width: 900px;
	//background: #FFF url(two-fixed-background.gif) repeat-y 100% 0;
}

#content
{
	clear: left;
	float: left;
	width: 560px;
	//width: 440px;
	padding: 20px;
	margin: 0;
	display: inline;
        //padding-left: 140px;
}

#content h2 
{ 
   margin: 0 0 10px 0; 
   //border-bottom: 3px solid black; 
}

#content a
{
   color: #345; 
}

#content p 
{ 
   color: #777; 
   font-size: 12px; 
   margin: 4px 0 6px 0;  
}

#content .head-link
{
   color: #000;
   font-weight: bold;
   font-size: 110%;
}

#aside
{
	float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 60px 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer-container
{
	clear: left;
        margin-top: 120px;
	//color: #fff;
	//background: #000;
}

#footer
{
	margin: 0 auto;
        font-size: 10px;
	width: 900px;
	text-align: center;
	padding: 5px;
	//height: 1%;
        color: #fff;
        background: #000;
}




#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0em;
	padding: 0;
	text-align: left;
	//width:80%;				/* <-- use this to tie width to viewport size */
	//width: 55em;				/* <-- use this for a set width */
	width:95%;
	background-color: #eeeeee;;
	}
 	
#box-content
	{
	padding: 1em;
	}

#box-content h1
	{
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	}
		
#box-content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(/images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(/images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(/images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(/images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(/images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(/images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(/images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(/images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}