/* ---------------------------- */
/* global id's and classes group */
/* ---------------------------- */

p,td {font-family: verdana,arial,helvetica,sans-serif; font-size: 11px;}

body {
	font-size:11px;
	line-height:16px;
	background-color:#ffffff;
	color:#282828;
	font-family: verdana,arial,helvetica,sans-serif;
	margin:0px;
	padding:0px;
}

.biggerbody {
	font-size:11px;
	line-height:17px;
	color:#282828;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin:0px;
	padding:0px;
}

.smallbody {
	font-size:10px;
	line-height:15px;
	color:#282828;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin:0px;
	padding:0px;
}

A:link, A:visited { 
	color:#ff3300;
	text-decoration: none;
}

A:hover { 
	color:#ff3300;
	text-decoration: underline;
}

A:link.plain, A:visited.plain { 
	color:#ff3300;
	text-decoration: none;
}

A:hover.plain { 
	color:#ff3300;
	text-decoration: underline;
}


/* ---------------------------- */
/* Gray Header Styles */
/* ---------------------------- */

.header {font-size:11px; line-height:17px; font-weight:normal; color:#414141; font-family: verdana,arial,helvetica,sans-serif; margin:0px; padding:0px;}
.boldHeader {font-size:11px; line-height:17px; font-weight:bold; color:#414141; font-family: verdana,arial,helvetica,sans-serif; margin:0px; padding:0px;}
A:link.header {font-family: verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:11px; line-height:15px; padding:11px 0px 8px 0px; color:#ff3300; text-decoration: none;}
A:visited.header {font-family: verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:11px; line-height:15px;	padding:11px 0px 8px 0px; color:#ff3300; text-decoration: none;}
A:hover.header {font-family: verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:11px; line-height:15px; padding:11px 0px 8px 0px; color:#ff3300;text-decoration: underline;}

h2 {font-family: verdana,arial,helvetica,sans-serif; font-weight:bold; font-size:14px; margin-bottom:0px; color: #414141;}
h2.Gray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; line-height:19px; font-weight:normal; margin:10px 0px 10px 0px; text-align:left; color:#999999;}
h2.MediumGray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; line-height:19px; font-weight:normal; padding:20px 20px 0px 0px; text-align:left; color:#999999;}
h1 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:22px; font-weight:normal; margin:5px 0px 3px 0px; color:#999999;}
h1.SubGray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:18px; font-weight:normal; margin:10px 12px 10px 0px; text-align:left; color:#ccc;}
h2.SubGray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:normal; margin:30px 12px 10px 0px; text-align:left; color:#999;}
h1.SubGrayRight {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:18px; line-height: 25px; font-weight:normal; margin:10px 25px 10px 0px; text-align:right; color:#ccc;}
h1.SubGrayLeft {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:18px; line-height: 25px; font-weight:normal; margin:10px 12px 10px 0px; text-align:left; color:#ccc;}
h2.SubGrayRight {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:normal; margin:10px 17px 10px 20px; text-align:right; color:#ccc;}
h2.GrayCaps {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:normal; margin:10px 17px 10px 0px; text-align:left; color:#999999; text-transform: uppercase;}
.boldGray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:normal; margin:30px 12px 10px 0px; text-align:left; color:#999;}
h2.Intro {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:16px; font-weight:normal; margin:10px 12px 10px 0px; text-align:left;	color:#999;}


/* ---------------------------- */
/* Top Navigation */
/* ---------------------------- */


A:Link.NavItems {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#5E5E5E; padding:0px 0px 10px 0px; height:13px; margin:0px;}
A:Visited.NavItems {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#5E5E5E; padding:0px 0px 10px 0px;	height:13px; margin:0px;}
A:Hover.NavItems {color:#FF3300; text-decoration:none;}
A:Link.CurrentPage {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#FF3300; padding:0px 0px 10px 0px; height:13px; margin:0px;}
A:Visited.CurrentPage {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#FF3300; padding:0px 0px 10px 0px; height:13px; margin:0px;}
A:Hover.CurrentPage {color:#FF3300; text-decoration:none;}
A:Link.redBold {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#a80000; padding:0px 0px 10px 0px; height:13px; margin:0px;}
A:Visited.redBold {font-weight:normal; font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:10px; margin-bottom:0px; text-decoration:none; color:#a80000; padding:0px 0px 10px 0px; height:13px; margin:0px;}
A:Hover.redBold {color:#FF3300; text-decoration:none;}

/* ---------------------------- */
/* Left Navigation */
/* ---------------------------- */
p.leftNav {text-align: left; margin:7px 0px 7px 0px;}
#leftNav {width: 153px; text-align:left;}
#leftNav img {background-color: #F0EBCB; padding: 0px; margin: 0px;}
a:link.leftNav {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal; margin:0px 0px 0px 0px; text-align:left; color:#545454; text-decoration: none; text-transform: uppercase;}
a:visited.leftNav {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal; margin:0px 0px 0px 0px; text-align:left; color:#545454; text-decoration: none; text-transform: uppercase;}
a:hover.leftNav {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal; margin:0px 0px 0px 0px; text-align:left; color:#ff3300; text-decoration: none; text-transform: uppercase;}
a:link.leftNavActive {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal;	margin:0px 0px 0px 0px;	text-align:left; color:#ff3300;	text-decoration: none; text-transform: uppercase;}
a:visited.leftNavActive {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal; margin:0px 0px 0px 0px; text-align:left; color:#ff3300; text-decoration: none; text-transform: uppercase;}
a:hover.leftNavActive {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; line-height:13px; font-weight:normal; margin:0px 0px 0px 0px; text-align:left; color:#ff3300; text-decoration: none; text-transform: uppercase;}

/* ---------------------------- */
/* general ordered lists below used for teachers section */
/* ---------------------------- */

ol li {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:normal; line-height:16px; margin:7px 20px 7px -8px; color:#414141; text-align:left;}
OL OL {list-style-type: lower-alpha; margin-left: 15px;}
ul.teachers { font-family: verdana,arial,helvetica,sans-serif; font-size:10px; font-weight:normal; line-height:16px; text-align:left; color:#414141; list-style-image: url(../images/bullet.gif) outside; padding: 0px 35px 10px 25px;}	


/* ---------------------------- */
/* main site layout */
/* ---------------------------- */

#topNav {
	background-color: #EBEBEB;
	height: 40px;
	margin: 0px 0px 10px 154px;
	padding: 0px;	
}

#topNav ul {
	margin: 0px;
	font-size: 10px;
	display: block;
	clear: both;
}

#topNav ul li {
	list-style: none;
	margin: 0px;
	display: inline;
}

p.footer {
	font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif;
	color: #999;
	font-weight:normal;
	font-size:11px;
	margin:7px 0px 7px 0px;
}

ul.indent {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	color:#414141;
	text-align:left;
	list-style-image: url(../images/bullet.gif) outside;
	padding: 0px 25px 10px 40px;
}

ul.teachersOrange {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	color:#414141;
	text-align:left;
	list-style-image: url(../images/orange.gif) outside;
	padding: 0px 20px 0px 20px;
}

.gray {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#999999;
	margin:7px 0px 27px 0px;
}

p.imageInfo {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	margin:0px 5px 10px 5px;
	text-align:left;
	color: #414141;
}

p.artworkPageList {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	margin:12px 9px 20px 20px;
	float: left;
	color:#414141;
	text-align:left;
}

p.artworkPageImageInfo {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	margin:5px 0px 10px 21px;
	text-align:left;
	color: #414141;
}

p.teachersImageInfo {
	margin:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	margin:10px 10px 10px 12px;
	text-align:left;
	color: #414141;
}

p.artistname {
	font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif;
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	text-align:right;
	color: #414141;
	/*font-weight:100;*/
}

p.artworkdetails {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:12px 0px 7px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.artworkdetails:first-letter {
	font-family : "Times New Roman", times, serif;
	font-size : 25px;
	font-style: italic;
	color : #cccccc; 
 }

p.landingpagedetails {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:12px 12px 12px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.subtext {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	color:#414141;
	text-align:left;
	margin:11px 0px 15px 10px;
}


p.leftColumnArtwork {
	width: 155px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	line-height:16px;
	margin:12px 9px 20px 0px;
	float: left;
	color:#414141;
	text-align:left;
}

p.rightColumnArtwork {
	width: 156px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	line-height:16px;
	margin:12px 3px 20px 0px;
	float: right;
	color:#414141;
	text-align:left;
}

p.leftColumnList {
	width: 155px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	line-height:16px;
	margin:12px 9px 20px 0px;
	float: left;
	color:#414141;
	text-align:left;
}

p.rightColumnList {
	width: 156px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	line-height:16px;
	margin:12px 0px 20px 0px;
	float: right;
	color:#414141;
	text-align:left;
}

p.artworkCaption {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:12px;
	margin:7px 0px 7px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.suggestedReadings {
	width: 500px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.Intro {
	width: 500px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:0px 0px 20px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.Teachers {
	width: 500px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:0px 0px 20px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.faq {
	width: 500px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin: 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

A:link.faq {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	padding:0px; 
	color:#ff3300;
	text-decoration: none;
	/*font-weight:100;*/
}

A:hover.faq {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	padding:0px; 
	color:#ff3300;
	text-decoration: underline;
	/*font-weight:100;*/
}

A:visited.faq {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11;
	font-weight:normal;
	line-height:15px;
	padding:0px; 
	color:#ff3300;
	text-decoration: none;
	/*font-weight:100;*/
}

p.teachersMain {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	margin:7px 20px 7px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.survey {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:19px;
	margin:12px 20px 12px 0px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.surveyForm {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:19px;
	margin:7px 0px 7px 25px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.indentSideBar {
	font-family: Verdana, Arial, Helvetica, Sans-serif;;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	margin:10px 0px 7px 16px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

.smallBoldBody {
	font-family: Verdana, Arial, Helvetica, Sans-serif;;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	color:#414141;
	text-align:left;
	padding: 15px 0px 0px 0px;
	/*font-weight:100;*/
}

p.teachersSideBar {
	width:220px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:16px;
	margin:12px 15px 7px 15px;
	color:#414141;
	text-align:left;
	/*font-weight:100;*/
}

p.teachersSideBar:first-letter {
	font-family : "Times New Roman", times, serif;
	font-size : 15px;
	font-style: italic;
	color : #414141; 
 }

/* FORM STYLES */

form {
	margin:0px;
}

select {
	width:143px;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	background-color:#ffffff;
}


/* POPUP STYLES */

#popupImageDiv {
	margin-top:45px;
}

#artist_profile {width: 311px; height: auto; border: 1px solid #BFBFBF;}
#artist_profile img {padding:5px 0px 5px 0px; border:0px;}
#artist_profile a img {border:0px;}

#landingPageImage {
	width: 250px;
	height: 250px;
	border: 1px solid #D3D3D3;
	vertical-align:middle;
}

#landingPageImage img {
	padding:13px 12px 12px 11px;
	border:0px;
}

#landingPageImage a img {
	border:0px;
}

.lessonPageImage img {
	padding:13px 0px 12px 0px;
	border:0px;
}

.lessonPageImage a img {
	border:0px;
}

/* ---------------------------- */
/* home page rollover styles */
/* ---------------------------- */

#divDescription{position:absolute; top: 100px; left: 564px; width:175px; background: #ffffff; visibility:hidden; z-index:200}
.clDescription{text-align: left; width:175px; padding: 7px 7px 7px 7px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #999999;}
p.clDescription{text-align: left; width:175px; padding: 7px 7px 7px 7px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #282828;}

/* ---------------------------- */
/* map page styles */
/* ---------------------------- */

.BigGray {font-family: GillSans, "Gill Sans", Arial, Helvetica, Sans-Serif; font-size:17px; line-height:19px; font-weight:normal; margin:10px 0px 10px 0px; text-align:left; color:#999; /*font-weight:100;*/}
#mapContainer {width: 764px; height: 600px; text-align: left; background: url(../images/map_bg.gif) no-repeat bottom right;}
#mapRolloverContainer {position: absolute; top: 50px; left: 64px; width: 700px; height: 550px;}
#mapDetailsContainer {width: 764px; height: 600px; text-align: left; background: url(../images/map_bg.gif) no-repeat bottom right;}
#mapDetailsContent {position: absolute; top: 50px; left: 64px; width: 700px; height: 550px;}

body.loc_1 #mapDetailsContent {background: url(../images/loc_1_bg.gif) no-repeat bottom right;}
body.loc_2 #mapDetailsContent {background: url(../images/loc_2_bg.gif) no-repeat bottom right;}
body.loc_6 #mapDetailsContent {background: url(../images/loc_6_bg.gif) no-repeat bottom right;}
body.loc_7 #mapDetailsContent {background: url(../images/loc_7_bg.gif) no-repeat bottom right;}
body.loc_8 #mapDetailsContent {background: url(../images/loc_8_bg.gif) no-repeat bottom right;}
body.loc_9 #mapDetailsContent {background: url(../images/loc_9_bg.gif) no-repeat bottom right;}
body.loc_10 #mapDetailsContent {background: url(../images/loc_10_bg.gif) no-repeat bottom right;}	
	
#mapDetailsImage{position: absolute; top: 10px; right: 0px; width: 218px; height: 178px; text-align:center;}
p.mapDetails {position: absolute; top: 20px; left: 60px; font-family: verdana,arial,helvetica,sans-serif; font-size:10px; line-height:15px; color:#282828; width: 350px; height: 550px; margin: 20px auto;}
#mapNav{position: absolute; bottom: 10px; right: 10px; font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:15px; font-weight: bold; color:#282828;	width: 218px; height: 20px; text-align:right;}
#mapRollover {position: absolute; top: 50px; left: 64px; width: 700px; height: 550px;}
#closeWindow {position: relative; top: 0px; left: 0px; width: 156px; height: 50px;}

/* ---------------------------- */
/* chronology page styles */
/* ---------------------------- */

#chronologyContainer {width: 764px;	height: 600px; text-align: left; background: url(../images/chronology_bg.gif) no-repeat bottom right;}
#chronologyImage {display: inline; position: relative; top: 320px; left: 45px; width: 260px; height: 250px; text-align:center;}
#chronologyContent {position: absolute; top: 50px; left: 64px; width: 700px; height: 550px;}

p.chronologyDetails {position: absolute; top: 20px; left: 30px; font-family: verdana,arial,helvetica,sans-serif; font-size:10px; line-height:15px; color:#282828; width: 390px; height: 550px; padding: 15px, auto;}

#chronologyNavContainer {position: absolute; top: 0px; right: 0px; background:#A8A98E; height:550px; width:260px;}	
#chronologyNav{position: absolute; top: 0px; right: 0px; width: 240px; height: 460px; font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:bold; color:#cccccc; background:#808080; padding: 10px 10px 0px 10px; text-align:right; overflow: scroll;}
.chronologyNav {font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#cccccc; text-align:left; padding: 3px 7px 3px 18px;}
.chronologyNavSub {font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#f4f4f4; text-align:right; padding: 3px 7px 3px 18px;}

/* ---------------------------- */
/* chronology links styles */
/* ---------------------------- */

#chronologyNav a {font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#cccccc; text-align:left; text-decoration:none; padding: 3px 7px 3px 18px;}
#chronologyNav a:hover {font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#D2D3B4; text-align:left; text-decoration:none; padding: 3px 7px 3px 18px; background: url(../images/shade.gif) no-repeat top left;}
#chronologyNav a.currentpage {font-family: verdana,arial,helvetica,sans-serif; font-size:11px; line-height:22px; font-weight:normal; color:#cccccc; text-align:left; text-decoration:none; padding: 3px 7px 3px 18px; background: url(../images/shade.gif) no-repeat top left;}