/* Site defaults */

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	height: 100%; 
	margin: 0;
	padding: 0;
	background: #c3bda4;
	line-height: 150%;
	font-family: Verdana, Helvetica, sans-serif;
	color: #5B5648;
	font-size: 11px;
}

body.mceContentBody {
	background: #ffffff;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

/* Class to automatically clear floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE needs special care */
/* Hides from IE-mac \*/
  * html .clearfix { height: 1%; }
/* End hide from IE-mac */

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2D2B20;
}

h1 {
  padding: 2em 0 1em 0;
	font-size: 200%;
	line-height: 1.4em;
}

h2 {
  padding: 2em 0 1em 0;
	font-size: 150%;
}

h3 { 
  padding: 1em 0 0.5em 0;
	font-size: 130%;
}

h4 {
	padding-bottom: 0.5em;
	font-size: 120%;
}

a {
	color: #960000;
}

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

a:link,
a:visited {
	text-decoration: none;
}

li {
	list-style: disc;
	margin: 0.5em 2em;
}

ul.nobullets li {
	list-style: none;
}

ul ul li {
	list-style: disc;
	margin: 0.5em 4em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/** Template layout **/

#mainbg {
	background: #c3bda4 url(../images/body-bg.png) repeat-x;
}

#mainbg-2 {
	height: 100%;
	background: #fff url(../images/body-shadow-br.png) 100% 0 repeat-y;
}

#mainbg-3 {
	height: 100%;
	background: transparent url(../images/body-shadow-bl.png) 0 0 repeat-y;
}

#mainbg-4 {
	height: 100%;
	background: transparent url(../images/body-shadow-tr.png) 100% 0 no-repeat;
}

#mainbg-5 {
	height: 100%;
	background: transparent url(../images/body-shadow-tl.png) 0 0 no-repeat;
	padding: 0 25px;
}

#header {
	position: relative;
	height: 112px;
	overflow: hidden;
	background: #b42227 url(../images/header-bg.png) repeat-x;
}

#logo, logo_prt {
	position: absolute;
	top: 10px;
	left: 25px;
	display: block;
	border:none;
}

#logo_prt {
	display: none;
}

#logo-ie {
	display: none;
}

#toolbar {
	height: 31px;
	background: url(../images/toolbar-bg.png) repeat-x;
	position: relative;
}

#toolbar-nonav {
	height: 10px;
	position: relative;
	background: url(../images/toolbar-bg-nonav.png) repeat-x;
}

div.wrapper {
	width: 950px;
	margin: auto;
	position: relative;
}

#inset {
	text-align: center;
	margin: 15px 0;
}

#inset table {
	width: auto;
	margin: 0 auto;
}

#mainft-2 {
	height: 100%;
	background: #c3bda4 url(../images/footer-shadow-tr.png) 100% 0 no-repeat;
}

#mainft-3 {
	height: 100%;
	background: transparent url(../images/footer-shadow-tl.png) 0 0 no-repeat;
	padding: 0 24px;
}

#footer {
	text-align: center;
	background: transparent url(../images/footer-bg.png) repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
}

#footer .padding {
	padding: 1em 0;
	width: 100%;
	border-top: 1px solid #c4bd9a;	
	
}

#footer a.webdesign {
	color: #ffffff;
	text-decoration: underline;
}




div.apimage_caption {
	font-size: 100%;
}

div.moduletable h3 {
	font-size: 130%;
	color: #2D2B20;
}

.componentheading,
.contentheading {
	font-size: 150%;
	color: #2D2B20;
}


.contentpaneopen h3 {
	color: #2D2B20;
}

.componentheading {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

td.componentheading {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

td.contentheading {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

.componentheading1 {
	font-size: 200%;
	color: #2D2B20;
  	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.contentheading1 {
	font-size: 150%;
	color: #2D2B20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* mainbody styles */

div#mainbody {
	width: 100%;
	padding: 0;
	background-color: #e7e4dc;
}

div#left,
div#right {
	padding: 5px 10px 0 10px;
	background: #e7e4dc url(../images/side-bg.png) repeat-x;
	border-right: 1px solid #fff;
}

div#content-wrapper {
	padding: 0;
	background: #f1eee6 url(../images/content-bg.png) repeat-x;
}

div#content {
	padding: 0 15px;
}

/* 3-column layout */

body#col3 div#left {
	width: 180px;
	float: left;
}

body#col3 div#content-wrapper {
	width: 518px;
	float: left;
}

body#col3 div#content {
}

body#col3 div#right {
	width: 160px;
	float: right;
}

/* 2-column layout */

body#col2 div#left {
	width: 180px;
	float: left;
}

body#col2 div#content-wrapper {
	width: 698px;
	float: left;
}

body#col2 div#right {
	display: none;
}

/* 1-column layout */

body#col1 div#content-wrapper {
	width: 100%;
	min-height: 750px;
}

body#col1 div#left,
body#col1 div#right {
	display: none;
}

body#col1 div#content-wrapper .padding {
	margin: 0;
	padding: 0;
}






/* Content styling */

.contentdescription {
	padding-bottom: 1em;
	font-size: 130%;
	color: #2D2B20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* font family */
.contentheading,
.componentheading,
span.pathway,
.sectiontableheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* module settings */

div.moduletable h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

div.moduletable {
	margin-bottom: 10px;
}

div#left div.moduletable,
div#right div.moduletable  {
	margin-bottom: 15px;
}

div#left div.moduletablenosub {
	margin-bottom: 15px;
	padding-bottom: 0;
}

div#left div.moduletablenosub a {
	font-size: 130%;
	font-weight:bold;
	color: #2D2B20;
	display: block;
}

div#left div.moduletablenosub a:hover {
	color: #B42227;
}

div#left div.moduletablemain {
	margin-bottom: 15px;
	padding-bottom: 0;
}

div#left div.moduletablemain a {
	font-size: 130%;
	font-weight:bold;
	color: #2D2B20;
	display: block;
}

div#left div.moduletablemain a:hover {
	color: #B42227;
}

/* List Menu styles */
ul.mainmenu {
	margin: 0;
	padding: 0;
	font-weight:bold;
	color: #2D2B20;
}

ul.mainmenu li {
	display: block;
	margin: 1em 0 0.5em 0;
	font-size: 130%;
}

ul.mainmenu li a {
	color: #2D2B20;
}

ul.mainmenu li ul {
	margin-top: 0.5em;
}

ul.mainmenu li ul li{
	display: block;
	margin: 0 0 0.2em 0.5em;
	list-style: none;
	font-size: 80%;
	font-weight: normal;
}

ul.mainmenu li ul li a {
	color: #960000;
}

/* default menu link styles */
a.mainlevel {
	display: block;
	margin-bottom: 2px;
}

a.sublevel {

}

/* default menu link styles */
span.mainlevel {
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #B42227;
}

div#left div.moduletablemain a.mainlevel {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size: 130%;
	color: #2D2B20;
}

div#left div.moduletablemain span.mainlevel {
	margin-top: 1.5em;
	font-size: 130%;
	color: #2D2B20;
}

/* default menu link styles */
a.mainlevel {
	display: block;
	margin-bottom: 2px;
}

a.sublevel {

}

div#left div.moduletablemain a.sublevel {
	margin-left: 0;
	margin-bottom: 0.2em;
	font-size: 100%;
	font-weight: normal;
	color: #960000;
}

a.mainlevel:hover {
	text-decoration: none;
}

a.sublevel:hover {
	text-decoration: none;
}

div.modulesep {
	width: 100%;
	margin: 10px 0;
	border-top: 2px solid #B42227;
}

/* headings */

.contentheading { 
   padding-bottom: 5px;
}


table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

.clr {
	clear: both;
}

div.apimage {
  margin: 5px;
}

/* some page content things */

.hide {
	display: none;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
	border-top:1px solid black;
	margin-top:10px;
}

.highlight {
  background-color: #ffc;
}

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
}

div#pathway {
	margin-bottom: 10px;
	padding-left: 8px;
}

/* Custom styling */
#eventTable {
	width: 540px;
}

#eventTable td.date {
	width: 100px;
}

#eventTable .descTable {
	width: 440px;
	margin-bottom: 20px;
}

ul.eventList li {
	display: block;
	margin: 0 0 2em 3em;
	list-style: none;
}

ul.eventList li em {
	font-size: 130%;
	font-weight: bold;
}

ul.eventList li dl,
ul.eventList li ul {
	display: block;
	padding-top: 2em;
}

ul.eventList li dl dt {
	display: block;
	width: 20%;
	float: left;
	clear: left;
	font-weight: bold;
}

ul.eventList li dl dd {
	display: block;
	width: 70%;
	float: left;
	padding-bottom: 2em;
}

ul.eventList div.eventTitle {
	padding-bottom: 0.5em;
}

ul.eventList div.eventTitle strong {
	font-weight: bold;
}

/* Custom styling */
.contentpaneopen-events #mainEvents {
	width: 600px;
	height: 190px;
	padding: 0 25px 0 25px;
}

.contentpaneopen-events #eventTable {
	width: 375px;
	float: left;
	margin-top: 2em;
}

.contentpaneopen-events #eventTable th {
	font-weight: bold;
}

.contentpaneopen-events #eventTable th {
	font-weight: bold;
}

.contentpaneopen-events #eventTable td {
	padding: 0.5em 0 0 0;
}

.contentpaneopen-events #specialEvents {
	width: 625px;
	height: 110px;
	padding: 0 25px 0 0;
}

.contentpaneopen-events #specialEvents p.left {
	width: 400px;
	float: left;
}

.contentpaneopen-events #auction {
	width: 100%;
	height: 250px;
}




ul.memberlist li {
	list-style: disc;
}

ul.memberResources li {
	padding-top: 1em;
	font-size: 130%;
	font-weight: bold;
}

ul.memberResources li ul {
	margin: 1em 0;
}

ul.memberResources li ul li {
	list-style: disc;
	padding: 0 0 0.4em 0;
	margin-left: 3em;
	font-size: 85%;
	font-weight: normal;
}

ul.memberResources li ul li ul {
	margin: 0;
}

ul.memberResources li ul li ul li {
	margin-left: 3em;
	font-size: 100%;
}

ul.linklist li {
	margin-top: 1em;
	font-size: 130%;
	font-weight: bold;
	list-style: none;
}

ul.linklist li ul {
	margin: 0.5em 0 1em 0;
}

ul.linklist li ul li {
	margin: 0 0 0.4em 3em;
	font-size: 82%;
	font-weight: normal;
	list-style-image: url(http://www.appellationsthelena.com/images/A_images/arrow1.png);
}

ul.imagelist li {
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 1em 0;
	list-style: none;
}

ul.imagelist li ul {
	display: block;
	margin-top: 1em;
}

ul.imagelist li ul li {
	display: block;
	float: left;
	margin: 0 0 1em 1em;
}

ul.imagelist li ul li img {
	border: none;
}

ul.downloadlist li {
	font-weight: bold;
}

ul.downloadlist ul li {
	font-weight: normal;
}

/* Login/logout styling */
#loginForm label {
	float: left;
	clear: left;
}

#loginForm input {
	float: left;
	clear: left;
	margin: 0 0 0.5em 0;
}

#loginForm #mod_login_remember {
	margin: 0.5em 0 1em 0.2em;
}

#loginForm .labelRight {
	clear: none;
	margin: 0.4em 0 0 0.4em;
}