/*BlackGrapes stylesheet copyright 2008*/

html {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
}

body {
background-color:#FFFFFF;
color:#444444;
text-align:center;
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
margin:0;
line-height:20px;
padding:0;
width:100%;
height:100%;
}

a:link{
color: #444444;
text-decoration: underline;
}

a:visited{
color: #444444;
text-decoration: underline;
}

a:hover{
color: #77aa44;
text-decoration: none;
}

ul, li{
margin-left:-10px;
}

h1 {
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
color:#000000;
}

h2 {
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
color: #77aa44;
}

h3 {
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #312e2a;
font-weight:bold;
}

.mainMenu{
float:left;
padding: 0;
width: 100%;
background-color:#f3f3f3;
margin-top:10px;
}

.mainMenu ul{
margin-left: 20px;
padding: 0;
list-style: none;
}

.mainMenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.mainMenu a{
float: left;
display: block;
font: bold 11px Arial, Helvetica, sans-serif;;
color: #004992;
text-decoration: none;
padding: 0 1px 0 1px;
}

.mainMenu a:hover{
color: #999999;
}

.mainMenu .current a{ 
color: #cccccc;
}

.blueText {
font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0099FF;
font-weight:bold;
text-align:left;
margin-left:10px;
}


.logo a{
text-decoration: none;
}

.logo a:hover{
color: #999999;
text-decoration: none;
}

.intro{
font-size:14px;
color:#848484;
margin:20px 20px 0 20px;
text-align:left;
}
s

.bold{
font-weight:bold;
}

/* positioning divs */
#container {
margin-right: auto;
margin-left: auto;
width: 950px;
text-align:center;
position: relative;
min-height:100%;
height:auto !important;
height:100%;
}

#content {
width: 100%;
text-align:center;
min-height:700px;
}

#title{
text-align:left;
}

#leftSide {
width:250px;
float:left;
font-size:10px;
text-align:left;
background-repeat:no-repeat;
}

#rightSide {
width:650px;
float:right;
font-size:11px;
text-align:left;
}

#footer {
width:100%;
text-align:left;
margin-top:50px;
font-size:10px;
color:#999999;
}

#flash {
width:100%;
height:100%;
margin:0;
}