@charset "utf-8";
/* CSS Document */
/* Standard Style Sheet for Muskoka Artists Studio Tour */

body {
	background-color: #FFF;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:62.5%;
}
a img, a:hover img {
	border:0;
}
a, a:link {
	color:#AA312D;
}
a:hover {
	text-decoration:none;
}
#mastWrapper {
	position:relative;
	margin:0 auto;
	width:760px;
	text-align:left;
	font-size:1.3em;
	line-height:1.5em;
}
#mastMainMenu {
	float:left;
	width:150px;
	text-align:center;
}
h1#mainHeadline {
	text-indent:-5000px;
	background:url(../image/design/logo_title.gif) bottom left no-repeat;
	width:455px;
	height:70px;
	font:1em "Times New Roman", Times, serif;
}
img.sidebarLogo {
	float:right;
	margin-right:10px;
}
#mastMainMenu ul {
	margin-top:190px;
	margin-left:-40px;
	text-align:left;
	list-style:none;
}
#mastMainMenu ul li {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	margin:15px 0;
}
#mastMainMenu ul li a {
	display:block;
	color:#000000;
	text-decoration:none;
	background:url(../image/design/btn_off.gif) top left no-repeat;
}
#mastMainMenu ul li a p {
	margin:0;
	padding:0;
	margin-left:35px;
}
#mastMainMenu ul li a:hover {
	color:#8a2d28;
	background:url(../image/design/btn_on.gif) top left no-repeat;
}
#mastMainMenu ul.submenu {
	margin-top:0;
	margin-left:-6px;
}

#mastMainContent {
	float:left;
	width:570px;
	padding:10px;
	padding-top:0;
	background:url(../image/design/dottedLineLG.gif) 0 -320px no-repeat;
	min-height:400px;
}
#mastMainContent.mainHome {
	background:url(../image/design/dottedLineLG.gif) 0 -120px no-repeat;
}
img.mainHeader {
	margin-left:0px;
}
h1 {
	font-size:1.2em;
	font-weight:bold;
}
h2 {
	font-size:1.1em;
	font-weight:bold;
}
ul.adminListMenu {
	list-style:none;
}
ul.adminListMenu h3 {
	margin-bottom:0;
}
ul.adminListMenu p {
	margin:2px 0 20px 20px;
}

#homeSlideShow {
	float:right;
	margin:15px 0 15px 5px;
}

.imageCell {
	border-bottom:2px solid #8a2d28;
	background:#c9c6aa;
	margin:5px 0 0 13px;
}
.imageNumber {
	font-size:2em;
	font-weight:bold;
	float:left;
	padding:5px;
}
.imageCell img {
	float:left;
	margin:5px;
}
.imageCell p.imageEditLink {
	clear:left;
	text-align:right;
	margin-right:25px;
}
img.imageSlideShow {
	border:6px solid #FF0000;
}

.imageGalleryContainer {
	text-align:center;
	padding:0;
	margin:0;
}
p.galleryLink {
	margin-top:-15px;
	font-size:0.9em;
}

.galleryCell, table.galleryTable td {
	width:150px;
	height:280px;
	padding:10px;
	text-align:center;
	float:left;
	margin:8px;
	background:#c9c6aa;
	overflow:hidden;
	vertical-align:middle;
}
table.galleryTable td.blank {
	background:#FFFFFF;
}
.galleryCell p {
	margin:3px;
	padding:0;
}

p.artistGalleryLink {
	float:right;
	display:block;
	width:185px;
	height:45px;
}
p.artistGalleryLink a {
	display:block;
	width:185px;
	height:45px;
	background:url(../image/design/arrow_off.gif) bottom right no-repeat;
}
p.artistGalleryLink a:hover {
	background:url(../image/design/arrow_on.gif) bottom right no-repeat;
}

.artistPanel {
	width:255px;
	padding:10px;
	float:left;
	margin-top:10px;
	background:url(../image/design/dottedline.gif) top right repeat-y;
}
img.artistPortrait {
	float:left;
	border:solid thin #666666;
	margin:0 10px 10px 0;
}
.artistMedia, .artistWeb, .artistPhone, .artistEmail, .artistAddress, .artistDirections, .artistHours {
	margin-top:-13px;
	padding-left:20px;
	display:block;
	clear:left;
}
.artistMedia {
	background:url(../image/design/monoIcons/palette.png) 0 3px no-repeat;
}
.artistWeb {
	background:url(../image/design/monoIcons/monitor.png) 0 3px no-repeat;
}
.artistPhone {
	background:url(../image/design/monoIcons/telephone.png) 0 3px no-repeat;
}
.artistEmail {
	background:url(../image/design/monoIcons/email.png) 0 3px no-repeat;
}
.artistAddress {
	background:url(../image/design/monoIcons/house.png) 0 3px no-repeat;
}
.artistDirections {
	background:url(../image/design/monoIcons/car.png) 0 3px no-repeat;
}
.artistHours {
	background:url(../image/design/monoIcons/information.png) 0 3px no-repeat;
}
div.infoGroup {
	margin-top:30px;
}
p.artistDirections {
	font-style:italic;
}
.galleryPanel {
	width:275px;
	padding:10px;
	float:left;
	margin-top:18px;
}

.highlight {
	color:#FF0000;
}
	
table.borderedTable {
	border-collapse:collapse;
}
.borderedTable td {
	border:solid thin #AA312D;
}
.popupTable {
	border-collapse:collapse;
	border:none;
}
.popupTable td {
	border:none;
}
#mastFooter {
	clear:both;
	font-size:0.8em;
	text-align:center;
	padding-left:150px;
	margin-top:20px;
	color:#666666;
}
.imageGalleryContainer {
	margin-top:20px;
}
form.standardForm {
	margin-left:0px;
}
form.standardForm fieldset {
	margin-bottom:10px;
	width:570px;
}
form#editForm fieldset {
	width:550px;
}
form.standardForm legend, form.narrowRightForm legend {
	padding:0 2px;
	font-weight:bold;
}
form.standardForm label, form.narrowRightForm label {
	width:100px;
	display:inline-block;
	line-height:1.8em;
	vertical-align:top;
	text-align:right;
	margin-right:10px;
}
form.standardForm fieldset ol, form.narrowRightForm fieldset ol {
	margin:0;
	padding:0;
}
form.standardForm fieldset li, form.standardForm span.formLabel, form.narrowRightForm fieldset li, form.narrowRightForm span.formLabel {
	list-style:none;
	display:block;
	padding:5px;
	margin:0;
	background-color:#c9c6aa;
}
form.standardForm input, form.standardForm textarea {
	width:230px;
}
form.standardForm div {
	display:inline-block;
}
form.standardForm input.radio {
	padding:10px;
	margin:0;
	width:40px;
	display:inline;
}
form.standardForm input.button {
	display:block;
	width:300px;
	text-align:center;
	margin-left:15px;
	padding:0;
}
form.standardForm fieldset div {
	width:550px;
}
form.narrowRightForm {
	float:right;
	width:auto;
}
form.narrowRightForm input {
	width:auto;
}
form.narrowRightForm label{
	width:auto;
}
table.artistsListing {
	width:99%;
}
table.artistsListing, table.artistsListing a, table.artistsLists a:hover {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
table.artistsListing a:hover {
	color:#8a2d28;
}
table.artistsListing td {
	text-align:left;
	padding:2px 5px;
}
td.artistOrder {
	width:30px;
	text-align:right;
}
tr.evenRow {
	background:#c9c6aa;
}
table.artistsListing td {
	border-right:solid thin #999999;
}
table.artistsListing td.artistMediaField {
	border:none;
}
table.artistsListing td.artistMediaField, table.artistsListing td.artistLocationField {
	font-weight:normal;
	font-size:0.9em;
}
.noteItem {
	color:#660000;
}

.brochureListing {
	background:#c9c6aa;
	width:350px;
	height:200px;
	padding:10px;
	padding-left:200px;
	margin:5px;
}
.brochureListing img.brochureThumb {
	float:left;
	margin-left:-180px;
}
.brochureListing h3 {
	margin-top:20px;
}

.sidebar {
border-top: 2px solid #8a2d28;
border-bottom: 2px solid #8a2d28;
padding: 25px 0 5px 0;
width: 275px;
text-align:center;
margin-top:10px;
margin-left:10px;
float:right;
}

/*Dynamic Drive Content Slider CSS Styles*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/border-top: 2px solid #8a2d28;
border-bottom: 2px solid #8a2d28;
padding: 25px 0 5px 0;
width: 275px;
height:395px;
text-align:center;
margin-top:10px;
margin-left:10px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
padding-top: 20px;
background: white;
width: 275px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

.pagination{
width: 275px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: center;
background-color: #8a2d28;
border: 2px solid #8a2d28;
border-width: 0 5px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
margin-left:10px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 249px; /*IE5 width*/
w\idth: 265px; /*IE6 width*/
}

.pagination a{
padding: 0 4px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

p.slideShowCaption {
	margin:0;
}
h3.slideShowArtist {
	font-size:1em;
	font-weight:normal;
}