/* CSS Document */


body {

	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	padding:0px;
	margin:5px 35px 0px 35px;
	line-height:120%;
	
	}
h1 {
margin-top:0;
padding-top:15px;
font-size:1.5em;
}
h3 {
color: #600;
margin-top:10px;
}
#menu {
margin-top:0px;
border-bottom:1px solid gold;
background-color:#FFd700;
height:24px;
margin-left:0px;


}

img {
border:none;

}


p.first:first-letter {
float: left;
font-size: 200%;
font-weight: bold;
color:#600;
font-family:"Times New Roman", Times, serif;
font-style:italic;
margin-top:-0.15em;
}
p.menu {
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
text-align:center;
}
#header {
font-size:1.1em;
height:75px;
text-align:right;
line-height:120%;
font-family:"Times New Roman", Times, serif;
background-image:url(images/vine.jpg);
background-repeat:repeat-x;
border-bottom: 1px solid #600;

}
#banner {
text-align:center;
margin-top:5px;
}



/* CSS for flexible 2 columnn layout */
#container {
width: 100%;
  float: right;
  margin-left: -155px;
  

background-repeat:no-repeat;
}

#leftcol {
position:relative;
text-align:center;
margin-top:5px;
width:155px;
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-bottom:10px;

}
#rightcol {
margin-top:0;
position: relative;
margin-left:170px;
margin-right:10px;
padding-bottom:10px;


}
#form1 {
/*margin-right: 270px; Set right margin to RightColumnWidth*/

width:550px;
clear:both;
float:left;
background-color:#FFFFFF;

}
#form2 {
/*float: left;
width: 270px; Width of right column in pixels
margin-left: -270px; /*Set left margin to -(RightColumnWidth) */


width:270px;
float:left;
text-align:right;
background-color:#FFFFFF;

}
#form3 {}

#menul {
width:500px;

}

#menur {


width:465px;

float:left;
}
hr{
color:#660000;
width:67%;
text-align:center;
}
.clearing {
height:0;
clear:both;
}
/* end 2 col css */




#footer {
border-top:1px solid gray;
position:relative;
left:0px;
right:25px;
padding-top:20px;
clear:both;
text-align:center;
color:#660000;
font-size:0.8em;

}

#copy {
position:relative;

font-size:0.8em;
text-align:center;
}


#otherlogos {
position:relative;
font-size:0.9em;
text-align:center;
width: 250px;
float:right;

}
table {
color:#660000;
}
td {
text-align:center;
padding-top:2px;
padding-bottom:3px;
border-top:2px solid white;
background-color:#f0f0f0;
}
tr {
border-left: 1px solid red;
border-right: 1px solid #C8C8C8;
}
th {
text-align:center;
font-weight:bold;
border-bottom:1px solid white;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black;/*bottom horizontal line that runs beneath tabs*/
background-color:#D3D600;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #600;
background: #D3D600; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #633;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #600; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #D3D600;
}