body {
background-color:#A0A68A;
color:white;
font-size: 100.1%;
font-family:arial, helvetica, geneva, sans-serif;
}

html>body {
font-size: 76%; /* overrides the above in all browsers except IE */
}

* {margin:0; padding:0;}

p {
font-family: arial, helvetica, geneva, sans-serif;
font-size:1.0em;
margin:0;
padding:0.6em 0 0.6em 0;
text-indent:0em;
}

h2 {
font-size:1.4em;
padding:0.2em 0 0.4em 0;
}

h3 {
font-size:1.2em;
padding:0.2em 0 0.2em 0;
}

h4 {
font-size:1.0em;
padding:0.2em 0 0.2em 0;
}

h5 {
font-size:0.8em;
padding:0.2em 0 0.2em 0;
}

ul {
margin:0 0 0 1.25em;
padding:0.6em 0 0.8em 0;
}

ol {
margin:0 0 0 1.25em;
padding:0.6em 0 1.0em 0;
}

li {
padding:.2em 0;
}

.quote {
font-style:italic;
padding:1em 0em 1em 2em;
}

.photo {
padding:10px;
}

.photo_right {
float:right;
padding:10px;
}

.photo_left {
float:left;
padding:10px;
}

div#header {
border:none;
background-image:url(ron_header.jpg);
background-position:top right;
background-repeat:no-repeat;
height:163px;
width:788px;
margin:0 0 0 .4em;
}

div#header img {
vertical-align:top;
border:none;
}

div#header_radio {
display:block;
float:left;
margin:4px 0 0 0;
}

div#header_text {
display:block;
float:left;
}

div#main_menu {
clear:both;
margin-top:0;
margin-right:168px;
font-weight:bold;
text-align:right;
}

div#main_menu a {
text-decoration:none;
background:transparent;
color:#000165;
margin:0 .3em 0 .4em;
align:right;
}

div#main_menu a:hover {
text-decoration:underline;
background:transparent;
color:white
}

div#main_menu li {
display:inline;
border-left:1px solid #000165;
padding:0;
}

div#main_menu li:first-child {
border-left:0;
}


div#content_wrapper {
/* holds content and columns */
}

div#content {
background-image:url(background_field.jpg);
background-repeat:no-repeat;
width:788px;
}

div#column1 {
background:transparent;
color:#CCFFCC;
width:130px;
float:left;
padding:0em 0px 200px 0px;
border: 0px solid black;
}

div#column1 ul {list-style-type:none;}
div#column1 li {
list-style-type:none;
font-size:1.0em;
font-weight:normal;
margin:0 0 0 -.8em;
}

div#column1 a {
background:transparent;
color:white;
text-decoration:none;
}

div#column1 a:hover {
text-decoration:underline;
}

div#menu_bulletinboard,
div#menu_gallery,
div#menu_radio,
div#menu_playlists
{
margin:0em 0 1em .3em;
font-weight:bold;
}

div#column2 {
width:480px;
float:left;
padding:0 10px 0 10px;
border: 0px solid black;
}

div#column2 a:link {
background:transparent;
color:white;
text-decoration:underline;
}

div#column2 a:visited {
background:transparent;
color:white;
text-decoration:underline;
}

div#column2 a:hover {
background:transparent;
color:#000165;
text-decoration:underline;
}

div#column2 a:active {
background:transparent;
color:#000165;
text-decoration:underline;
}

div#column3 {
background:transparent;
background-image:url();
background-repeat:no-repeat;
background-position:bottom left;
color:black;
width:146px;
float:right;
padding:0em 0px 120px 0;
margin:0 0 0 0;
border: 0px solid black;
}

div#column3 p {
padding:0.2em 0;
text-indent:0em;
}

div#column3 ul {list-style-type:none;}
div#column3 li {
list-style-type:none;
font-size:1.1em;
font-weight:normal;
}

div#column3 a {
text-decoration:none;
border:none;
}

div#column3 a:hover {
text-decoration:underline;
}

div#column3 img {
border:none;
}

div#hear_ron {
background:transparent;
color:black;
width:130px;
margin:1em 0 1.2em 0;
}

div#hear_ron a {
text-decoration:none;
background:transparent;
color:black;
}

div#hear_ron a:hover {
text-decoration:underline;
background:transparent;
color:black;
}


div#footer {
background:transparent;
color:black;
}

div#footer_content {
width:620px;
text-align:right;
font-size:smaller;
font-style:italic;
padding:0.3em 0 0 0;
}


/* Aslett Clearing Method - www.csscreator.com as described at http://www.bbd.com/stylin/index.htm */
/* Details http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{
  content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
	height: 0; /* ensure the period is not visible */
	clear: both; /* make the container clear the period */
	visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {display: inline-table;} /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Backslash hack - hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End backslash hack - hide from IE-mac */

/* end of clearing method */