
/*body*/
body {background-color:#ffffff;
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#7B1D1E;}

/*container*/
#outercontainer {
min-width:800px;
max-width:1024px;
min-height:450px;
margin: auto;
padding: 0px;
background-image:url(images/bg.jpg);
background-position:top;
background-repeat:no-repeat;
}

#container {
min-height:450px;
margin: auto;
padding: 0px;
border-style:solid;
border-width:3px;
border-color:#f0ba34;
position:relative;
border-bottom:0px;
}

p{
padding:5px;
}

h1 
{text-align:center; color:#6666CC;}

h2
{
color:#7B1D1E;
font-size:24px;
}

h3
{color:#0099FF;}


/*anchor tags*/
a:link{
color:#7B1D1E; font-size:18px;}

a:visited {
color:#310202; font-size:18px;}

a:hover {
color:#a39472; font-size:18px;}

a:active {
color: #808040; font-size:18px;}

li{ list-style:url(images/grapecluster-small3.png);}

/*navigation*/
#navigation {
position:absolute;
top:0px;
left:0px;
width: 200px;
padding:5px 5px 5px 15px;
margin-top:150px;
font-size:14pt;
font-family:Arial, Helvetica, sans-serif;
voice-family: "\"}\"";
voice-family:inherit;
}

body>#navigation {width:300px;}


/*content*/
#content>p {margin:0px;}
#content>p+p {text-indent:30px;}
#content {
	margin-left:200px;
	margin-top:250px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 0px;
	display:block;
	position:relative;
	background:transparent;
	}
	
#content2 {
	margin-left:200px;
	margin-top:250px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 10px;
	display:block;
	position:relative;
	border-left:#7B1D1E solid 3px;
	}
#content2 th {text-align:center; background-color:#7B1D1E; color:#FFFFFF; font-size:22px; padding:5px;}
 
.textcenter{text-align:center;}
.textright{text-align:right;}
.imageright{ margin-left:200px; text-align:right; padding-right:50px;}
.previousnext {padding:20px 5px 5px 5px; text-align:center;}


/*bottom links*/
#bottomframecontent{
	background:transparent;
    color:#7B1D1E;
	min-width:800px;
	max-width:1024px;
	margin: auto;
	padding: 0px;
	font-size:14px;
	text-align:center;
	position: relative;
	border-style:solid;
    border-width:3px;
    border-color:#f0ba34;	
	}
	
#bottomframecontent li{
display:inline;
font-size:18px;
}
	
#bottomframecontent p{
text-align:center;
vertical-align:bottom;}

#bottomframecontent a{ 
font-size:14px;
display:inline;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

/*table*/
table {
padding:5px;
margin: auto;
text-align:left;}

/*extras*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatleft{
float:left;
}
