html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: #d4c9ce; }
body, td, th, dt, dd, textarea { font: 12px/18px "Trebuchet MS", verdana, sans-serif; line-height: 18px; }

.clear { clear: both; }
div#contianer { min-height: 750px; background: #FFF url('../images/contentbg.gif') -3px 0 repeat-y; width: 847px; margin: 0 auto 25px; position: relative; border: 2px solid #FFF; border-top: 0; border-right-width: 1px}

div#header { border-right: 1px solid #FFF; background: #9bafbb url('../images/toprock.jpg') 147px 0 no-repeat; padding-top: 85px; }
p.title { width: 147px; height: 743px; background: url('../images/riverrock.jpg'); position: absolute; top: 0; left: 0;  overflow: hidden; text-indent: -9999px;}

div#content { margin-left: 147px; width: 488px; float: left; overflow: hidden; 
	padding: 23px 30px 30px; 
	color: #685d54;
 }


/* Sidebar styles */
div#sidebar { width: 150px; overflow: hidden; float: right; font-size: 11px; padding-bottom: 25px;  }
div#sidebar h2 { color:#FFF; text-transform: uppercase; text-align: center; font-size: 16px; letter-spacing: 2px; font-weight: normal; padding: 30px 0 0; margin-bottom: 10px; }
div#sidebar h3 { color:#FFF; text-transform: uppercase; text-align: center; font-size: 13px; font-weight: normal; padding: 0px 0 0; margin-top: 18px; clear: both; }
div#sidebar ul { margin: 0 10px;}
div#sidebar li { list-style-type: square; list-style-position: outside; margin-bottom: 10px; margin-left: 10px; }
div#sidebar a { text-decoration: none; color:#000; }
div#sidebar a:hover{ text-decoration: underline; }
div#sidebar p { margin: 0 10px 18px; }



span.reference { color: #FFF; display: block; text-align: right; font-size: 10px; text-transform: uppercase;}
span.artist { color: #FFF; display: block; text-align: center; font-size: 12px; text-transform: uppercase; margin-left: -10px;}
span.whitebold { color: #FFF; font-weight: bold; text-transform: uppercase; }
span.fontlarge { font-size-adjust: 0.75}


/* Navigation */
ul#primary-nav { ; line-height: 18px;  background: #685d54; height: 44px; overflow: hidden; margin-left: 147px; margin-top: 15px; padding-left: 0;}
ul#primary-nav li { display: block; float: left; height: 44px; overflow: hidden ;}
ul#primary-nav a { display: block; float: left; height: 44px; background: #685d54; color: #FFF; text-decoration: none; 
	text-transform: uppercase; font-size: 14px; font-weight: bold;  padding: 13px 18px 0; }
	
ul#primary-nav a:hover { background: #d4c9ce;}

ul#secondary-nav { line-height: 18px; background:#d4c9ce; height: 27px; overflow: hidden; margin-left: 147px; }
ul#secondary-nav li { display: block; float: left; height: 27px;  overflow: hidden; }
ul#secondary-nav a { display: block; float: left; height: 44px;  color: #FFF; text-decoration: none; 
	text-transform: uppercase; font-size: 14px; font-weight: bold;  padding: 5px 18px 0; }
	
ul#secondary-nav a:hover { color: #685d54;}


/* Current main section */
#group-facilities .group-facilities a,
#workshops .workshops a,
#surroundings .surroundings a,
#pictures .pictures a,
#contact .contact a,
#home .home a
 { background: #d4c9ce;}

/* current sub section */

body.art-groups ul#secondary-nav .art-groups a,
body.other-groups ul#secondary-nav .other-groups a,
body.courses ul#secondary-nav .courses a,
body.instructors ul#secondary-nav .instructors a,
body.accommodations ul#secondary-nav .accommodations a,
body.registration ul#secondary-nav .registration a
 { color: #685d54; }

/* Content Styles */
div#content h1, div#content h2, div#content h3 { text-transform: uppercase; }
div#content h1 { font-size: 28px; font-weight: normal; letter-spacing: 2px; margin-bottom: 19px; line-height: 26px;  }

div#content h2 { font-size: 18px; margin-bottom: 21px; margin-top: -3px;}

div#content p, div#content dl, div#content ul { margin-bottom: 18px; padding: 0 15px; }
div#content dt { color: #5e233f; text-transform: uppercase; font-size: 14px; margin-top: 18px;  }
div#content dt a { color: #5e233f; text-transform: uppercase; text-decoration: none; }
div#content dd { padding: 0 15px; }
div#content dd.description { margin-bottom: 18px; }

div#content a { color: #5e233f; text-decoration: none; }
div#content a:hover { text-decoration: underline; }

div#content ul li { list-style-type: disc;}

.top { text-align: right;}
.top a { color: #685d54; text-decoration: none;}


/* Specific page styles */
#home div#content { background: url('../images/welcome.jpg') no-repeat; padding-top: 375px; }


.courses div#sidebar { background: url('../images/doris.jpg') -1px 0 no-repeat; padding-top: 216px; }


div#content ul.instructors { color: #5e233f; margin-bottom: 36px;  }
ul.instructors a { color: #5e233f; text-decoration: none; text-transform: uppercase;}
#surroundings div#sidebar li { margin: 0; list-style-position: outside; margin-left: 15px; }

#pictures div#content { padding: 6px; width: 530px;}
div#content p.photo-description { text-align: center; padding-top: 13px;}

#pictures div#sidebar ul { margin: 2px 6px 18px 6px;  height: 88px;  }
#pictures div#sidebar li { list-style: none; display: block; float: left; padding: 0; margin: 0 2px 0px; }
#pictures div#sidebar h3 { margin: 0; text-align: left; margin-left: 8px; }

#contact div#content p.map { margin-left: -35px; }

.paintings p { padding-left: 13px; }
.paintings img { border: 1px solid #FFF; }
div#sidebar p.brian {  margin-top: 20px;    }
div#sidebar p.teresa {  margin-top: 20px;    }
div#sidebar p.jeremy {  margin-top: 20px;    }
div#sidebar p.ursula {  margin-top: 20px;    }
div#sidebar p.anthony {  margin-top: 20px;    }