@charset "utf-8";

/* 

CSS for markethall.org created by Kellie Bonnici

June 2008

*/



/* BASIC LAYOUT SYTLES*/



* {

	margin:0;

	padding:0;}

	

body {

	margin:0;

	padding:0;

	background: #FBFBFB url(../images/design/body_bg_grad.png) repeat-x top;

	text-align:center;}

	

#main {

	margin:5px auto;

	padding:0;

	width:766px;}



#topshad {

	margin:0;

	padding:0;

	width:766px;

	height:8px;

	background: url(../images/design/top_shadow.png) no-repeat center top;}

	

#bodyshad {

	background:url(../images/design/main_bg_slice.png) repeat-y top;

	width:766px;

	margin:0;

	padding:0;}



#contcont {

	margin:0 auto;

	padding:0;

	width:750px;}

	

#header {

	background:url(../images/design/header_bg.png) no-repeat center top;

	text-align: left;

	height: 168px;

	width: 750px;

	margin:0;}	



#utilnav {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-transform:uppercase;

	float:right;

	margin:6px 8px;

	color:#A8BBFF;}



img#logo {

	margin: 15px 0 0 50px;

	padding:0;

	border:0;}



#mainmenu {

	width:750px;

	height:35px;

	margin:0 auto;

	background-color:#090540;}

	

#contshad {

	background: url(../images/design/content_top_shad.png) repeat-x top;

	height:6px;}

	

#maincontent {

	text-align:left;

	font-family:Arial, Helvetica, sans-serif;

	margin:25px 260px 25px 25px;

/*	border-right:1px #090540 solid;*/

	width:465px;}



#rt_column {

	float: right; /* since this element is floated, a width must be given */

	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 0 25px 0 15px;

	margin:0;

	text-align:left;

	font-family:Arial, Helvetica, sans-serif;}



#cont_and_side {

	width:750px;

	margin:0;

	padding:0;}



/* END BASIC LAYOUT SYTLES*/

	

	

/* BODY FORMATTING STYLES */	



p {

	font-size:12px;

	line-height:150%;

	color:#333333;

	margin-bottom:14px;

	font-family:Arial, Helvetica, sans-serif;}			



li.basic {

	font-size:12px;

	line-height:150%;

	color:#333333;

	padding:2px 0;}



ol li.basic {

	padding-bottom:10px;}



ul.basiclist, ol.basiclist  {

	margin:0 15px 14px 30px;}

	

li.smnest1 {

	font-size:12px;

	line-height:150%;

	color:#333333;	

	margin-left:40px;

	padding:2px 0;

	list-style-type:circle;}



li.smnest2 {

	font-size:12px;

	line-height:150%;

	color:#333333;	

	margin-left:80px;

	padding:2px 0;

	list-style-type:square;}		

	

.bodyhighlight {

	border:1px solid #EAEFAD;

	padding:8px;

	margin:20px 50px;

	background: #F2F5CF;

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	font-style: italic;

	line-height: 140%;

	color: #333333;

	text-align:center;

	width:349px;}



/* HEADER STYLES */

#maincontent h1 {

	padding:0 0 16px 0;

	color:#1C266B;

	font: bold 25px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

	

#maincontent h2 {

	padding:6px 0 15px 0;

	color:#8195A2;

	font: bold 21px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent h2.camp {

	padding:6px 0 15px 0;

	color:#8195A2;

	font: bold 19px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	font-style:italic;}	



#maincontent h4.camp {

	font-size:16px;

	font-weight:bold;

	color:#2D3F4D;

	line-height: 130%;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	margin:25px 0 2px 0;}



#maincontent h4.campdate {

	color:#2D3F4D;

	margin:2px 0;

	font: bold 12px/130% Arial, Helvetica, sans-serif;}



#maincontent h3.campname {

	padding:2px 0 0 0;

	color:#333333;

	font: bold 17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent h4.campline2 {

	padding:0 0 2px 0;

	color:#4E5F69;

	font: normal 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent h3 {

	padding:8px 0;

	color:#333333;

	font: bold 17px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent h2.eventtitle {

	padding:0;

	color:#8195A2;

	font: bold 21px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}	



#maincontent h3.eventdate {

	padding:0 0 5px 0;

	color:#666666;

	font: normal 15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent h3.eventpresenter  {

	font-size:12px;

	line-height:150%;

	color:#333333;

	margin:0;

	padding:0 0 16px 0;

	font-style:italic;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;}			



#maincontent h4 {

	padding:6px 0 13px 0;

	color:#728796;

	font: italic bold 15px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}



#maincontent div.hbox3 {

	padding:8px 0;}

	

#maincontent div.hbox2 {

	padding:6px 0 15px 0;}	





/* LINK FORMATTING */	



#maincontent a:link, #maincontent a:visited {

	text-decoration:none;

	border-bottom:1px dotted #2161D8;

	color:#2161D8;}



#maincontent a:hover, #maincontent a:active {

	text-decoration:none;

	border-bottom:1px solid #120A7A;

	color:#120A7A;}

	

#maincontent a.image:link, #maincontent a.image:visited, #maincontent a.image:hover, #maincontent a.image:active, #maincontent table a.image:link, #maincontent table a.image:visited, #maincontent table a.image:hover, #maincontent table a.image:active {

	border-bottom:none;

	text-decoration:none;}	



#utilnav a:link, #utilnav a:visited {

	text-decoration:none;

	border-bottom:1px solid #2C3D9A;

	color:#A8BBFF;}



#utilnav a:hover, #utilnav a:active {

	text-decoration:none;

	border-bottom:1px solid #DDE4FF;

	color:#DDE4FF;}







/* sidebar styles */



.sidebar {

	width:210px;

	margin:0 0 20px 0;

	padding:0;}

	

.sidebar h1 {

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	font-size:16px;

	font-weight:bold;

	color:#333333;

	background: #E0E887 url(../images/design/sb_top.png) no-repeat top;

	min-height:25px;

	width:195px;

	border-bottom:3px solid #FFFFFF;

	padding:10px 0 2px 15px;

	margin:0;}

	

.sidebar h1 a {

	color:#333333;

	text-decoration:none;}	

	

.sidebar .sbmain, .sidebar .sbmain-wo {

	background-color:#EAEFAD;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:135%;

	margin:0;

	border-bottom:1px #E0E886 solid;

	padding-top:15px;}



.sidebar .sbmain p {

	padding:0 15px 15px 15px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:145%;

	margin:0;}



.sidebar .sbmain .morediv a.more:link, .sidebar .sbmain .morediv a.more:visited {

	text-decoration:none;

	border-bottom:1px solid #999999;

	color:#333333;

	background-color: #F9FAE4;

	font-size:10px;

	font-weight:bold;

	text-transform:uppercase;

	padding:1px 2px 2px 2px;}



.sidebar .sbmain .morediv a.more:hover, .sidebar .sbmain .morediv a.more:active {

	text-decoration:none;

	border-bottom:1px dotted #999999;

	color:#999999;}

		

.morediv {

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	text-align:right;

	padding:8px 15px 8px 0;

	margin:0;}



a.sb:link, a.sb:visited, #maincontent .bhmain a:link, #maincontent .bhmain a:visited {

	text-decoration:none;

	border-bottom:1px dotted #868686;

	color:#333333;}



a.sb:hover, a.sb:active, #maincontent .bhmain a:hover, #maincontent .bhmain a:active {

	text-decoration:none;

	border-bottom:1px solid #333333;

	color:#333333;}

	

/* end sb styles */



/* FOOTER STYLES */



#footer {

	border-top: 2px solid #454545;

	background: #abb8cb url(../images/design/footer_bg.gif);

	padding:8px 8px 2px 8px;

	text-align:left;}	



#footer p {

	margin:0;

	padding:0;

	font-size:10px;

	line-height:15px;

	margin-bottom:5px;}	



#footmain {

	text-align:left;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	margin:0 260px 0 0;}



#footmain a:link, #footmain a:visited {

	text-decoration:none;

	border-bottom:1px dotted #868686;

	color:#333333;

	text-transform:uppercase;}



#footmain a:hover, #footmain a:active {

	text-decoration:none;

	border-bottom:1px solid #120A7A;

	color:#120A7A;}

	

#footcred {

	float: right; /* since this element is floated, a width must be given */

	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	padding: 0;

	margin: 0;

	text-align:right;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	text-transform:uppercase;}

	

#footcred a, #footcred p {

	font-size:10px;

	font-weight:bold;

	color:#333333;}

	

#footcred a:link, #footcred a:visited {

	text-decoration:none;

	border-bottom:1px dotted #868686;

	color:#333333;}



#footcred a:hover, #footcred a:active {

	text-decoration:none;

	border-bottom:1px solid #120A7A;

	color:#120A7A;}



#footshad {

	margin:0;

	padding:0;

	width:766px;

	height:9px;

	background: url(../images/design/foot_shad.png) no-repeat center top;}



/* END FOOTER STYLES*/



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;}



/* what's on styles ("wo") */

p.wodate {

	font-size:12px;

	margin:0;

	padding:0;

	color:#1C266B;

	font-weight:bold;}

	

/* greatest artist styles */



ul#alphalist li {

	list-style:none;

	display:inline;

	margin:0 0 10px 0;

	padding:0 5px;

	border-right: 1px solid #CCC;

	text-transform:uppercase;

	font-size:12px;}

	

ul#alphalist {

	margin: 0 0 12px 0;

	text-align:center;}		

	

h4.greatestname {

	font-size:16px;

	font-weight:bold;

	color:#2D3F4D;

	line-height: 130%;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	margin:25px 0 2px 0;}

	

#maincontent h4.board {

	font-size:16px;

	font-weight:bold;

	color:#2D3F4D;

	line-height: 130%;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	margin:0 0 2px 0;}	



h5.greatesttitle, h5.board {

	font-size:13px;

	font-weight:bold;

	color:#436176;

	line-height: 130%;

	margin:2px 0 2px 0;}	

	

div.letdiv {

	text-align:center;

	border:1px solid #EAEFAD;

	background: #F2F5CF;

/*	background:#E3EAE7; */

	margin:15px 0 20px 0;

	padding:5px;

	color:#333333;

	font-size:20px;

	font-weight:bold;

	text-transform:uppercase;

	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}	

	

div.top	{

	text-transform:uppercase;

	font-size:12px;

	font-weight:bold;

	padding:4px;

	margin:10px 0 0 0;

	text-align:right;}



div.topdc	{

	text-transform:uppercase;

	font-size:12px;

	font-weight:bold;

	padding:5px;

	margin:10px 0 20px 0;

	text-align:right;

	border-bottom:1px solid #E0DFE3;}



div.line	{

	padding:4px;

	margin:10px 0;

	border-bottom:1px solid #E0DFE3;}



#maincontent a.great:link, #maincontent a.great:visited {

	text-decoration:none;

	border:none;}	



#maincontent a.great:hover, #maincontent a.great:active {

	text-decoration:none;

	border:none;

	color:#333333;}	



#maincontent a.great:link span, #maincontent a.great:visited span {

	text-decoration:none;

	border-bottom:none;

	visibility:hidden;}	



#maincontent a.great:hover span, #maincontent a.great:active span {

	text-decoration:none;

	border-bottom:none;

	color:#333333;

	visibility:visible;}	

	

.note {

	background:#D1D8DC;}



div.sbmain ul {

	margin:0 0 14px 30px;}



div.sbmain ul li {	

	font-size:12px;

	line-height:150%;

	color:#333333;}			



/* mysterious entity / artist in res img format */

img.me {

	padding:2px;

	border:1px solid #333333;

	margin:0 12px 12px 0;}



img.homepg {

	padding:2px;

	border:1px solid #333333;

	margin:0 0 12px 0;}



/* regular img format */

img.reg {

	padding:2px;

	border:1px solid #333333;

	margin:5px 12px 0 0;}



img.sbimg {

	padding:2px;

	border:1px solid #333333;

	margin:5px 0 0 12px;}



/* staff & board box styles */

div.staffbox {

	display:block;

	height:250px;

	margin:0 20px 17px 0;

	float:left;

	width:225px;}



div.staffbox2 {

	display:block;

	height:250px;

	margin:0 0 17px 0;

	float:left;

	width:190px;}



	

/* BODY HIGHLIGHT STYLES  - for pull quotes etc */	



div.bh {

	margin:20px auto;

	background:#ffffff;

	text-align:center;

	width:366px;}

	

div.bhmain	{

	border-right:1px solid #EAEFAD;

	border-left:1px solid #EAEFAD;

	background-color:#F2F5CF;

	margin:0;

	padding:0;

	width:364px;

	text-align:center;}



div.bhtop {

	padding:0;

	margin:0;

	background: #FFFFFF url(../images/design/bh_top.png) no-repeat center top;

	width:366px;

	height:5px;}	



div.bhbottom {

	padding:0;

	margin:0;

	background: #FFFFFF url(../images/design/bh_bottom.png) no-repeat left top;

	width:366px;

	height:5px;}



p.bhtxt {

	margin:0;

	padding:5px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	font-style: italic;

	line-height: 155%;

	color: #333333;}

	

/* BODY HIGHLIGHT STYLES */	



div.sbh {

	margin:0 auto;

	background:#ffffff;

	text-align:center;

	width:210px;}

	

div.sbhmain	{

	border-right:1px solid #EAEFAD;

	border-left:1px solid #EAEFAD;

	background-color:#F2F5CF;

	margin:0;

	padding:0;

	width:208px;

	text-align:center;}



div.sbhtop {

	padding:0;

	margin:0;

	background: #FFFFFF url(../images/design/sbh_top.png) no-repeat center top;

	width:210px;

	height:5px;}	



div.sbhbottom {

	padding:0;

	margin:0;

	background: #FFFFFF url(../images/design/sbh_bottom.png) no-repeat left top;

	width:210px;

	height:5px;}



p.sbhtxt, div.caption {

	margin:0;

	padding:10px 10px 12px 12px;

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;

	font-style: italic;

	line-height: 155%;

	color: #333333;

	font-size:12px;}	



/* END SBH styles */	



.small {

	font-size:90%;}	



table {

	margin:0 0 10px 8px;}



td {

	padding-bottom:5px;}	



div.tblwrap {

	margin-left:6px;}


/* added by Esther Vincent for Support Us Page  */

p.cards {
  text-align: center;
}


img.supportpie {
  float: right;
  width: 175px;
  padding-left: 15px}

ul.supportus {
  margin: 5px 0 20px 40px;}


li.support {

	font-size:12px;

	line-height:150%;

	color:#333333;

	padding:2px 0;

    list-style-type: disc;}

#maincontent h5 {

	padding:6px 0 15px 0;

	color:#8195A2;

	font: bold 19px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

div.supportimg {

    text-align: center;
}