/* ---------- Body Attributes ---------- */

body{
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	background: white url(../images/links_back3.gif) repeat;
	margin: 20px auto;
	height: 100%;
}

/* ---------- Div Attributes ---------- */

#container{
	position: relative;
	margin: 0 auto;
	width: 760px;
}

	#leftColumn{
		position: relative;
		float: left;
		display: block;
		width: 230px;
	}
	
		#leftColumnContent{
			overflow: auto;
			overflow-x: hidden;
			overflow-y: auto;
			position: relative;
			margin-top: 10px;
			padding: 5px;
			height: 386px;
			background: white;
			border: 1px solid black;
		}
	
	#rightColumn{
		position: relative;
		float: right;
		display: block;
		width: 520px;
		border: 1px solid black;
	}

#footer{
	position: relative;
	margin: 10px auto;
	width: 760px;
}

	#footer a{
		background: transparent;
	}

/* ---------- Common Styles ---------- */

img{
	border: none;
}

.clear{
	clear: both;
}

a{
	background: #e7e7e7;
	color: #333333;
}

a:hover{
	background: #a4bcc8;
	color: white;
}