/* GLOBAL STYLES */

* {
	margin: 0 auto;
	padding: 0;
}
body {
	margin:0 auto;
	padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:80%/160%;
        background:#fff;
        color:#000;
}

img { margin: 0; padding: 0; border: none; }

a { color:#39F; text-decoration:none; }
a:hover { color:#39F; text-decoration:underline; }

h1, h2, h3, h4 { font-size:100%; }
h2 { font-size:1.8em; color:#000; font-weight:normal; line-height:1.8em; }
h3 { font-size:1.5em; color:#000; font-weight:normal; line-height:1.3em; padding-bottom:6px; }
h4 { font-size:1.4em; color:#000; font-weight:normal; line-height:1.5em; }

h6 { font-size:1em; color:#000; font-weight:normal; line-height:1.3em; }

.smallprint { font-size: 11px; color: #808080; font-weight: normal; line-height: 14px; }

#container { position:relative; width:980px; margin:0 auto; text-align:center; }

#header { float:left; position:relative; width:980px; margin:0; padding:0; text-align:left; background:#fff url(../images/home/vinehall-header.jpg) no-repeat; }
#header h1 { float:left; text-indent:-9999px; height:140px; }
#header .address { position:absolute; top:85px; left:140px; width:530px; z-index:1000; }
#header .address h2 { float:left; font-size:80%; font-weight:normal; line-height:1.5em; }

.navContainer { float:left; width:980px; margin:0; padding:0; background:#fff url(../images/home/navContainer.jpg) no-repeat; }

.widecol { float:left; position:relative; width:980px; margin:5px 0; padding:0; text-align:left; clear:both; }
.leftcol { float:left; position:relative; width:225px; }
.pagenavcol { float:left; position:relative; width:165px; }
.midcol { float:left; position:relative; width:500px; margin:0 15px; /*background:#bbb;*/ }
.rightcol { float:right; position:relative; width:225px; }

.midcolContent { float:left; width:470px; padding:15px; font-size:80%; background:url(../images/home/welcome-bg.jpg) no-repeat top left; }

#pagenav { float:left; margin:13px 0; padding:0; }
#pagenav ul { float:left; width:165px; list-style:none; margin:0; padding:0; }
#pagenav li { margin:0; padding:2px 0; font-size:0.8em; line-height:1.6em; border-bottom:1px solid #efefef; }
#pagenav li a,
#pagenav li a:visited { width:165px; color:#39F; text-decoration:none; display:block; }
#pagenav li a:hover,
#pagenav li a:active { color:#000; text-decoration:none; }

.subcontent_title { float:left; width:100%; font-size:1em; }
.subcontent_title a { color:#39F; }
.subcontent_title a:hover { text-decoration:none; }
.subcontent_container { float:left; width:100%; margin:0 0 5px; padding:0; clear:both; overflow:hidden; }

/* CONTENT STYLES LIFTED FROM OLD SITE */
#pagecontent { margin:0; padding:0; width:560px; font-size:0.8em; color:#000; font-weight:normal; line-height:1.3em; overflow:hidden; }
/*
#pagecontent a,
#pagecontent a:visited  { color: #039; text-decoration: none; }
#pagecontent a:hover,
#pagecontent a:active  { color: #000; text-decoration: underline; }
*/
#pagecontent p { padding-bottom:10px; }
#pagecontent .pagecontentlist { margin-bottom:20px; }
#pagecontent .pagecontentlist li { margin-left:20px; }

.dotrule { margin: 0; padding: 0; height: 1px; background-image:url(../images/dotrule.gif); background-repeat:repeat; font-size:0px;}
.colrule { margin: 0; padding: 0; width: 20px; background-image:url(../images/colrule.gif); background-repeat:repeat-y; }

table.borderbottom { margin:0; padding:0; font-size:12px; width:100%; color:#000; font-weight:normal; line-height:2em; }
table.borderbottom td { border-bottom:solid 1px #e0e0e0; }

/****/

.pagetitle { border-bottom:1px dashed #EAEAEA; }
.pagetopimg { padding-top:10px; padding-bottom:15px; }

#twocoltable { margin: 0; padding: 0; font-size: 12px; width: 390px; color: #000; font-weight: normal; line-height: 24px; }
#twocoltable td { border-bottom:solid 1px #e0e0e0; }

.listtable { margin: 0; padding: 0; font-size: 12px; width: 100%; color: #000; font-weight: normal; line-height: 24px; }
.listtable td { border-bottom:solid 1px #e0e0e0; }

.pagecontenttable { margin: 0; padding: 0; font-size: 12px; width: 560px; color: #000; font-weight: normal; line-height: 24px; }
.pagecontenttable td { border-bottom:solid 1px #e0e0e0; }

.emaillink { float:right; width:15px; margin:6px 0 6px 0 }
.emaillink a { background: #FFF url(../images/email.gif) no-repeat center right; }
.emaillink a:hover { background: #FFF url(../images/email-on.gif) no-repeat center right; }

.card { margin-top:10px; padding:0 10px 0 10px; border:1px solid #c9c9c9; }

/* FORM STYLES */

.inputfield, .textfield   { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; width: 250px; border: solid 1px #c9c9c9; }
.inputsize2 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; width: 30px; border: solid 1px #c9c9c9; }
.inputsize4 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; width: 50px; border: solid 1px #c9c9c9; }
.formbutton { float:left; padding:5px; magin:3px 0; color: #fff; background: #39F; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; width: 100px; border: solid 1px #fff; }
.dropmenu { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; width: 250px; border:solid 1px #000; }
.dropmenu1 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; border:solid 1px #000; }
.dropmenu2 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; width: 360px; border:solid 1px #000; }
.inputfield2, .textfield2 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; border: solid 1px #c9c9c9; }
.inputfield3, .textfield3 { color: #000; background: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; width: 360px; border: solid 1px #c9c9c9; }


/* ACCORDIAN MENU */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 225px;
}

ul#menu a {
  cursor:pointer;
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin:0;
}

ul#menu li a { width:225px; height:45px; white-space:nowrap; overflow:hidden; }

ul#menu li a:hover {
  background:none;
}

ul#menu li ul li a {
  font-size:80%;
  line-height:1.5em;
  height:2em;
  width:195px;
  background:none;
  color: #08C;
}

ul#menu li ul li a:hover {
  background:none;
  color:#000;
}

#footerContainer { float:left; width:980px; margin-top:30px; padding:0; color:#999; font-size:75%; text-align:center; }
.toplink { float:left; padding:6px 180px; text-align:left; }
.toplink a { text-decoration:none; }
.toplink a:hover { color:#000; text-decoration:none; } 

.clear { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; }
.left { float:left; }
.right { float:right; }
.noborder { border:none; }
hr { border: 1px; color: #e8e8e8; background-color: #e8e8e8; height: 1px; clear: both; }
.imgleft { float:left; margin:0 15px 15px 0; }
.imgright { float:right; margin:0 0 15px 15px; }

/* PAGE TABS */
.tab_container { float:left; width:100%; margin:10px 0;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 27px;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	width: 100%;
}
ul.tabs li {
	float: left;
	padding: 0;
	height: 26px;
	line-height: 26px;
	border: 1px solid #E2E2E2;
	border-left: none;
	margin-bottom: -1px;
        margin-left:0;
        margin-top:0;
        margin-right:0;
	background: #F9F9F9;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #3399FF;
	display: block;
	font-size: 0.9em;
	padding: 0 5px;
	outline: none;
}
ul.tabs li a:hover {
        color:#000000;
	background: #F1F1F1;
}	
html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover  {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color:#000;
	tex-decoration:none;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	margin:0;
	padding:0;
}
.tab_content p {
	font-size:13px;
	line-height:1.4em;
}