html, body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	background:#cccccc url(img/bg/grass.gif) 300 300 repeat-x;
	}
	
	* {
		margin: 0px;
		padding: 0px;
		}
		
	h1, h2, h3, h4, h5, h6, p, blockquote, hr,
 	label, ul, ol, dl, table, fieldset, address {
    	margin-bottom: 1em;
		}
		
.right-pic {float:right; margin-left:1em; padding:4px; border:1px solid #ccc;}

.left-pic {float:left; margin-right:1em; padding:4px; border:1px solid #ccc;}


a:link {
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	}

a:visited {
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	}
	
a:hover {
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
	}
	
	#news a:link {
		font-size: 11px;
		color:#000;
		font-weight: normal;
		}
		
	#news a:visited {
	font-size: 11px;
		color:#000;
			}
	
	#news a:hover {
	font-size: 11px;
		color: #fff;
		text-decoration: none;
			}
	
	#left a:link/*, #right a:link*/ {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		border-bottom: 1px dotted #fff;
		padding: 2px 0px 2px 0px;
		line-height:160%
		}
	
	#left a:visited/*, #right a:visited*/ {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		border-bottom: 1px dotted #fff;
		padding: 2px 0px 2px 0px;
		line-height:160%
		}
		
	#left a:hover/*, #right a:hover*/ {
		font-size: 12px;
		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;
		}
	
h1 {
	font-size:20px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	margin-bottom:15px;
}

h2 {
	font-size:20px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	margin-bottom:15px;
}

h3 {
	font-size:20px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	margin-bottom:15px;
}

h4 {
	font-size:16px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}

h5 {
	font-size:14px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}



#header {
height:110px;
background: #EAEAEA url('../img/bg/top.gif') top left repeat-x;

} 

#left {
position:absolute;
left:0;
top:110px;
padding:0;
width:200px;
height:180%; /* works only if parent container is assigned a height value */
color:#fff;
background:#71A417;
text-align:left;
font-size: 11px
}

.content {
margin-left:220px;
margin-right:220px;
margin-bottom:20px;
margin-top:20px;
color:#333;
background:#fff;
border:5px solid #89B6F9;
padding:0 10px;
padding-top:10px;
}

.content-top {
margin-left:200px;
margin-right:200px;
margin-bottom:0px;
margin-top:0px;
color:#333;
text-align:right;
padding:25px 0px 0px 0px;
height:15px;
background:#cccccc url(../img/bg/grass.gif) top left repeat-x;
}

#right {
position:absolute;
right:0;
top:110px;
padding:0;
width:200px;
height:180%; /* works only if parent container is assigned a height value */
color:#fff;
background:#71A417 url(../img/bg/legs.gif) no-repeat top right;
font-size:11px;
}

.left-container {
border:1px solid #fff; margin-left:15px; width:165px; background: url(../img/bg/box-fade.jpg) bottom left no-repeat;
}

.right-container {
border:1px solid #fff; 
margin-left:15px; 
width:170px; 
background: url(../img/bg/box-fade.jpg) bottom left no-repeat;
}

#twitter {
	margin: 0px 0px 0px 12px;
	}

#left p {
padding:0 15px;
}
#right p {
padding:0 5px;
}
p.top {
margin-top:20px;
}