/* Font setting */
body, input, textarea, select
{
	font-family: Verdana, Trebuchet MS, Geneva, Arial, sans-serif;
	font-size:8pt;
	color: #666;
}
input, textarea
{
	padding: 0 0 0 2px;
}
body
{
	background: #fff url(bg_gradient.gif) repeat-x center top;
	
	margin-left:12px;
	margin-top:12px;
	
	text-align: center;
}
h2
{
	font-size:12pt;
	font-weight:bold;
}

hr
{
	height:1px;
	margin-right:4px;
	color: #718ea5;
}

/* Graphic and text in banner */
#banner
{
	background: #fff url(header.jpg) no-repeat right top;
	
	text-align: left;
	
	border-left: solid 1px #718ea5;
	border-right: solid 1px #718ea5;
	border-top: solid 1px #718ea5;

	width: 753px;
	height: 202px;
}

/* Standard links */
a:link
{
	color: #8A3700;
	text-decoration:underline;
}
a:visited
{
	color: #8A3700;
	text-decoration:underline;
}
a:hover
{
	text-decoration: none;
	color: #8A3700;
}
a:active
{
	text-decoration:underline;
	color: #8A3700;
}


/* 
   Content frame.  If you change the height and width, all the multi-column
   layouts will also have to change.  Remember that padding and margin are 
   included in the displayed size.
*/
#content
{
	border-right : solid 1px #718ea5;
	border-left : solid 1px #718ea5;
	border-bottom : solid 1px #718ea5;

	background: #fff;
	text-align: left;

	width: 753px;
	height:950px;
}

/* styles for two column layout with 200px left column */
#TwoColLeft
{
	float:left;
	
	width:145px;
	height:444px;
	
	text-align:left;
	
	padding-left:5px;
	margin-top:3px;
	margin-bottom:3px;
}
#TwoColRight
{
	float:left;
	
	/* content width - total left div width - padding - 10 just because: 998-150-5=843 */
	width: 583px;
	/* don't set the height for the right side.  The left side will give it a minimum and 
	   then if the content overflows, it will grow.  If you set the height, it will stay that height. */

	text-align:left;
	border-left: solid 1px #718ea5; 
	font-size: 10pt;

	padding : 0px 3px 3px 5px;
	margin-top:3px;
	margin-bottom:3px;
}