/*
    DNN Reset (based off Eric Myer's Reset)
*/
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {    margin: 0;    padding: 0;    border: 0;    outline: 0;    font-size: 100%;    vertical-align: baseline;    background: transparent; } body {
}
body {     line-height: 1; } ol, ul {     list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus {    outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del {     text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup  table { border-collapse: collapse;    border-spacing: 0; } */

.Left { float:left; }
.Right { float:right; }
.Clear { clear:both; }

/***********************
	LAYOUT
***********************/
#OuterWrapper {
	background:url(Images/PageTopBG.jpg) repeat-x top;
	width:100%;
	min-height:300px;
}

#InnerWrapper {
	width:1005px;
	margin:0 auto;
}


/*************** SIDEBAR *******************/
#Sidebar {
	float:left;
	width:260px;
}
	#Sidebar p {
		margin-left:20px;
	}

#Logo {
	float:left;
	width:260px;
	height:415px;
	background:url(Images/Logo.jpg) no-repeat;
	text-indent:-9999px;
}

.BoxTop {
	width:208px;
	height:30px;
	padding:5px 0 0 20px;
	margin:0 12px 0 20px;
	background:url(Images/BoxTop.jpg) no-repeat;
	float:left;
	display:inline; /* IE 6 bug fix */
}

.BoxBody {
	width:198px;
	padding:10px 10px 0 20px;
	margin:0 12px 0 20px;
	background:url(Images/BoxBody.jpg) repeat-y;
	float:left;
	display:inline; /* IE 6 bug fix */
}
	
.BoxBottom {
	width:228px;
	height:3px;
	padding:0;
	margin:0 12px 14px 20px;
	background:url(Images/BoxBottom.jpg) no-repeat;
	float:left;
	display:inline; /* IE 6 bug fix */
}

.Search {
	margin-left:10px;
}


/********* HEADER AND NAVIGATION **********/
#Header {
	width:740px;
	height:190px;
	background:url(Images/HeaderBG.jpg) no-repeat;
	float:left;
	position:relative;
}

#Login {
	position:absolute;
	right:50px;
	top:0px;
	height:24px;
	padding-top:3px;
	text-align:center;
	z-index:1;
	padding-left:20px;
	background:url(Images/LoginTab.jpg) top left no-repeat #fff;
}

#Navigation {
	position:absolute;
	bottom:0px;
	height:40px;
	width:703px;
	margin-right:37px;
}
	
/*	#Navigation ul li {
		float:left;
		color:#fff;
		padding:8px 2px;
		text-transform:uppercase;
		list-style-type:none;
	}
*/	

/******** CONTENT AREA ****************/
#Content {
	float:left;
	padding:30px 37px 0 22px;
	width:681px;
}
	.ContentPane {
		width:681px;
		float:left;
	}

#Banner {
	padding-bottom:20px;
	float:left;
	width:681px;
}



/************ FOOTER *****************/
#Footer {
	clear:both;
	margin:0 auto;
	width:681px;
	background:url(Images/FooterBar.jpg) no-repeat top right;
	padding:30px 37px 0 282px;
	text-align:center;
}



/*******************************************
	TYPOGRAPHY
*******************************************/
body {
	font-family:"Trebuchet MS", Trebuchet, "Myriad Pro", Verdana, sans-serif;
	color:#787878;
	line-height:150%;
}

p, .Normal {
	font-size:12px;
	padding-bottom:14px;
}
	
	#Login p,
	#Login .Normal {
	font-size:12px;
	padding-bottom:0;
	}
	
	#Footer p,
	#Footer .Normal {
		text-transform:uppercase;
		font-size:10px;
		line-height:14px;
	}
	
	.BoxBody p,
	.BoxBody .Normal {
		font-size:12px;
		margin:0 !important;
	}

td { 
	font-size:13px;
}
h1 { 
	color:#000000; 
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:180%; 
}

h2, .Head {
	font-size:18px;
	color:#0785bf;
	padding-bottom:14px;
	font-weight:normal;
}

h3, .SubHead {
	font-size:15px;
	padding-bottom:14px;
	font-weight:normal;
}
	.BoxTop h3,
	.BoxTop .SubHead {
		color:#fff;
		font-size:18px;
		padding:0;
	}


a {
	text-decoration:none;
	color:#739d52;
}
a:hover {
	text-decoration:underline;
	color:#739d52;
}
	#Login a {
		color:#787878;
		text-decoration:none;
	}
	#Login a:hover {
		color:#0785bf;
	}

ul, ol {
	margin-left:30px;
	list-style-type:disc;
	padding-bottom:14px;
}
ol {
	list-style-type:decimal;
}

ul ul, ul ol, ol ul, ol ol {
	margin-left:30px;
	list-style-type:circle;
	padding-bottom:0;
}
ul ol, ol ol {
	list-style-type:lower-alpha;
}





/****************************************
	FORM STYELS AND OTHER CLASSES
****************************************/
hr {
  margin-bottom:14px;
  height:5px;
  border-top:1px #787878 dashed;
  border-bottom:1px #787878 dashed;
}

.LargeText {
	font-size:130%;
	font-weight:bold;
}

a.ArrowLink {
	background:url(Images/ArrowLink.jpg) no-repeat left 2px;
	padding:0px 0 0 25px;
	color:#787878;
	font-size:13px;
	height:24px;
	display:block;
}
a.ArrowLink:hover {
	color:#0785bf;
	background-image:url(Images/ArrowLinkHover.jpg);
}

a.Button,
input.Button {
	float:right;
	background:#787878;
	border:1px solid #787878;
	padding:0px 5px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}

a.Button:hover,
input.Button:hover {
	background:#0785bf;
	color:#fff;
	text-decoration:none;
}

input.Button {
	width:auto !important;
	padding:0 2px;
	border:1px #787878 solid;
}

label {
	text-transform:uppercase;
}
	
	#Sidebar input, select {
		border:1px #d7d7d7 solid;
		padding:2px;
		background:#fff;
		
	}

	#Sidebar .BoxBody input #search,
	#Sidebar .BoxBody select {
		width:187px;

	}
	

#Content select {
	font-family:"Trebuchet MS", Trebuchet, "Myriad Pro", Verdana, sans-serif;
	color:#787878;
	font-size:14px;
}

.BigPicLeft {
	float:left;
	margin:0 20px 10px 0;
	border:none;
}

.BigPicRight {
	float:right;
	margin:0 0 10px 20px;
	border:none;
}

.PicLeft {
	float:left;
	margin:0 7px 7px 0;
	border:none;
}

.PicRight {
	float:right;
	margin:0 0 7px 7px;
	border:none;
}

.Green {
	color:#739d52;
}
/*** DNN ADMIN STYLE FIXES **/
.WorkPanel input,
.WorkPanel select,
td input,
td select {
	width:auto !important;
	border-color:#7F9DB9 !important;
	color:#000 !important;
}
.WorkPanel label,
td label {
	text-transform:none !important;
}

.ControlPanel .Head,
.ControlPanel .SubHead {
	padding-bottom:0 !important;
	color:#000;
}

.ControlPanel {
	width:800px;
	margin:0 auto;
}
#Content .NormalTextBox {
	min-width:150px;
}
#Content .ContactName, .ContactAddress, .ContactCity, .ContactState, .ContactZip, .ContactPhone, .ContactEmail, ContactComments{ 
	border:1px #d7d7d7 solid !important;
	padding:2px;
	background:#fff;
	color:#666;
	margin-bottom:10px;
	min-width:auto !important;
}
#Content .ContactName{ 
	min-width:300px !important;
}
#Content .ContactAddress{ 
	min-width:325px !important;
}
#Content .ContactCity{ 
	max-width:123px !important;
}
#Content .ContactState{ 
	margin-right:30px;
}
#Content .ContactZip{ 
	max-width:55px !important;
}
#Content .ContactPhone{ 
	max-width:123px !important;
}
#Content .ContactEmail{ 
	min-width:237px !important;
}
#Content .ContactComments{ 
	min-width:390px !important;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Trebuchet, "Myriad Pro", Verdana, sans-serif;
}



/****************************************
	Module Syles 
****************************************/

#FilterArtistName,
#FilterYear {
	line-height:normal;
}

.ArtistButton,
.YearButton {
	background-color:#7b7b7b !important;
	color:white;
	margin-bottom: 10px;
	float:right;
	display:inline;
}