/* CSS Document Sam & Joe's On Line*/

body {
	background-color: #9D8E63;
}

/* #74B648 for the olive
#8A1947 for the plum
#F2DB0D for the yellow */

p {
font-family:"Times New Roman", Times, serif;
color: #FFFFE7;

font-size: 120%;
}

a.external.link { color: #A5525A; }
a.external.visitedk { color: #A5525A; }


h1 {
font-family:"Times New Roman", Times, serif;
color: #FFFFE7;
font-size: 150%;
}

#container
{
width: 90%;
margin: 10px auto;
background-color: #7E232A;
color: #FFFFE7;
border:#FFFFE7;
border: 2px solid #FFFFE7;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #8A1947;
border-bottom: 1px solid #74B648;
}

#top h1
{
padding: 0;
margin: 0;
}
#full_line_break
{
background-color: #7E232A;
text-align:center;
width: 100%;
border-top: 1px solid #FFFFE7;
font-size:12px;
}

#nav_bar
{
background-color: #7E232A;
text-align:center;
width: 100%;
font-size:14px;
}

#left_top
{
background-color: #7E232A;
float: left;
width: 28%;
height: 190px;
margin: 0;
padding: 1em;
}

#right_top
{
background-color: #7E232A;
float: right;
width: 58%;
height: 190px;
margin: 0;
padding: 0.5em;
line-height:100%;
}

#right_top2
{
background-color: #7E232A;
float: right;
width: 58%;
height: 190px;
margin: 0;
padding: 0.5em;
line-height:100%;
}


#content_top
{
background-color: #8A1947;
margin-left: 260px;
margin-right: 200px;
padding: 1em;
max-width: 36em;
}

#leftnav
{
float: left;
width: 130px;
margin: 0;
padding: 0.5em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 260px;
border-left: 1px solid #74B648;
margin-right: 200px;
border-right: 1px solid #74B648;
padding: 1em;
max-width: 36em;
}

#main_content
{
margin-left: 260px;
padding: 1em;
max-width: 36em;
}
#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #8A1947;
border-top: 1px solid #74B648;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


a:link {
	color: #FFFFE7;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #A5525A;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #A5525A;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}