@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;
	text-transform:lowercase;}
	
#main {
	margin:5px auto;
	padding:0;
	width:766px;}

#topshad {
	margin:0;
	padding:0;
	width:766px;
	height:8px;
	background: #fbfbfb url(../images/design/top_shadow.png) no-repeat center top;}
	
#bodyshad {
	background: #fbfbfb url(../images/design/main_bg_slice.png) repeat-y top;
	width:766px;
	margin:0;
	padding:0;}

#contcont {
	margin:0 auto;
	padding:0;
	width:750px;
	background-color:#fbfbfb;}
	
#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:460px;}

#rt_column {
	float: right; /* since this element is floated, a width must be given */
	width: 208px; /* 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 15px 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: FrizQuadrataSHOP-Regular, "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 FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}
	
#maincontent h2 {
	padding:6px 0 15px 0;
	color:#8195A2;
	font: bold 21px FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

#maincontent h2.camp {
	padding:6px 0 15px 0;
	color:#8195A2;
	font: bold 19px FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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:0px;
	color:#333333;
	font: bold 17px FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

#maincontent h4.campline2 {
	padding:0 0 2px 0;
	color:#4E5F69;
	font: normal 13px FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

#maincontent h3 {
	padding:8px 0;
	color:#333333;
	font: bold 17px FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

#maincontent h2.eventtitle {
	padding:0;
	color:#8195A2;
	font: bold 21px FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}	

#maincontent h3.eventdate {
	padding:0 0 5px 0;
	color:#666666;
	font: normal 15px FrizQuadrataSHOP-Regular, "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 FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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 */
	clear:both;
	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:FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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:FrizQuadrataSHOP-Regular, "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: FrizQuadrataSHOP-Regular, "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: FrizQuadrataSHOP-Regular, "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 FrizQuadrataSHOP-Regular, "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;}

div.supportimg {
    text-align: center;
}

#homepageslideshow {
	width:460px;
	height:460px;
	float:left;
	}
	
#slidetopleft {
	width:225px;
	height:225px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
	
#slidetopright {
	width:225px;
	height:225px;
	float:left;
	margin-bottom:10px;
	}
	
#slidebottomleft {
	width:147px;
	height:225px;
	float:left;
	margin-right:10px;
	}
	
#slidebottomcenter {
	width:146px;
	height:225px;
	float:left;
	margin-right:10px;
	}
	
#slidebottomright {
	width:147px;
	height:225px;
	float:left;
	}

#myblogcontainer {
	width:750px;
	height:auto;
	margin:auto;
	}
	
#myblog {
	width:500px;
	height:auto;
	float:left;
	}

#myblogsidebar {
	width:250px;
	height:auto;
	float:left;
	}
	
#eventsbox {
	width:auto;
	height:auto;
	float:left;
	}
	
	
	/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2011 */



@font-face {
    font-family: 'FrizQuadrataSHOP-Regular';
    src: url('frizquadratashop-regular-webfont.eot');
    src: url('frizquadratashop-regular-webfont.eot?iefix') format('eot'),
         url('frizquadratashop-regular-webfont.woff') format('woff'),
         url('frizquadratashop-regular-webfont.ttf') format('truetype'),
         url('frizquadratashop-regular-webfont.svg#webfont7XeS1wL8') format('svg');
    font-weight: normal;
    font-style: normal;

}