@CHARSET "UTF-8";

/******************************* general *******************************/
body{
	color:#030000;	
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0;
	padding:0;
	text-align:left;
	font-size: 0.9em;
}
a{
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p{
	text-align:justify;
}
h1, h2, h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color: #820000;
	font-size: 18px;
}
h2 {
	color: #817b7b;
	font-size: 16px;
}

h3 {
	display:block;
	font-size:16px;
	margin-bottom:0;
	margin-top:5px;
	padding-bottom:5px;
	text-align:left;
}
h4 {
	display: block;
	font-size: 1.1em;
	margin: 5px 0;
	text-align: left;
	color: #820000;
	font-family: Arial, Helvetica, sans-serif;
}
.bold{
	font-weight: bold;
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

input.button{
	border:solid;
	border-width:thin;
	border-color:#7a7979;
	background-color:#FFFFFF;
	color:Black;
	text-align:center;
}

.title-purple{
	color:#730101;
}
.span-red-small{
	color:#fe0303;
	font-size:11px;
}
.span-red{
	color:#fe0303;
}

.gray{
	color:#817B7B;	
}

.title-gray{
	color:#4A4A48;
	font-size:14px;
	font-family: arial black;
}

a.blue{
	color: #0227c5;
	text-decoration: underline;
}

a.no-underline{	
	text-decoration: none;
}
.events .title-gray a{
	color: #4A4A48;
	text-decoration: none;
}
p.states{
	width:130px;
	float:right;
	font-size:0.85em;
}


/******************************* header *******************************/
#logo{
	float:left;
	margin-left: -20px;
}
#logo-print {
	float: left;
	margin-left: -35px;
}
#header {
	float: left;
	width: 1002px;
}
.headerbar {
	background-color: #980b00;
	height: 30px;
	float: right;
	width: 795px;
}
#searchengine {
	display:block;
	float:right;
	margin-top:0px;
	margin-bottom:10px;
}

.search-button{
	margin-left:5px;
	margin-top:2px;
}

#sublogo {
	background: #ffffff url("../images/sublogo.gif") left top;
	background-repeat:no-repeat;
	height: 42px;
	width: 207px;
	float: left;
}
#sublogo-print {
	float: left;
}
/********* top menu **********/
#topMenu{
	float:right;
	margin-right: 15px;
}
#topMenu ul{
	list-style-type:none;
	margin:0;
}
#topMenu ul li{
	display:inline;
	color: #fff;
	line-height: 30px;
}
#topMenu ul li a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#topMenu ul li a:hover {
	text-decoration: underline;
}
/******************************* left side ******************************/
#left{
	float:left;
	width:171px;
	text-align:right;
	padding: 30px 15px 0 0;
	
}
/********* left menu **********/
#leftMenu{	
	float: right;
}
#leftMenu ul {
	list-style-type:none;
	margin:0;
	padding: 0;
}
#leftMenu ul li a {
	color: #817b7b;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
}
#leftMenu ul li a:hover {
	text-decoration: underline;
}
#leftSubMenu{	
	margin-top: 30px;
	font-size:0.9em;
	text-align:right;
	float: right;
}
#leftSubMenu h3{	
	text-align:right;
}

#leftSubMenu .title {
	font-weight: bold;
	margin-top: 10px;
}
#leftSubMenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#leftSubMenu ul li a {
	text-decoration: none;
}
#leftSubMenu ul li a:hover {
	text-decoration: underline;
}
#leftSubMenu ul.countries li a {
	text-decoration: underline;
}
/******************************* content ******************************/
#wrap {
	width:1002px;
	margin: 10px auto;
}
#container{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: left;
	margin-top: -12px;
	width:1000px;
	margin-left: auto ;
  	margin-right: auto ;
}

#content{	
	float:left;
	width:610px;
	padding: 0 15px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
	padding-top: 30px;
}

#content h2 {
	margin: 5px 0;
	border-bottom: 1px solid #dedcdc;
}

/********* gallery **********/
#homeIntro{
	float:left;
	width:440px;
}
#homeIntro p {
	margin: 0;
	padding: 0;
}
.homeFeatured {
	text-align:left;
}

/*pagination */
.pagination{
	float: right;
	margin: 10px 0;
	text-align: right;
}
.chapter-selection {
	padding-top: 10px;
}

/* images gallery */
table.gallery{
	float:left;
	/*width:580px;	*/
}
.gallery-more{
	text-align:right;
	float:right;
	font-weight: bold;
}
table.gallery td{
	vertical-align:top;
	padding-right:4px;
	padding-left:4px;
	text-align:center;
	font-size:0.85em;
	width: 150px;
}
table.gallery td.picture{	
	padding-bottom:20px;	
}
.gallery td h3 {
	margin: 0;
	padding:0;
	border:none;
	font-size:1.3em;	
	text-align:center;
}
.underlined-title h3{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 0;
}

/* fixed width*/
.thumbnail-top{
	background: url("../images/thumbnail_top.gif") left top;
	width:133px;
	height:5px;
	font-size:1px;	
}
.thumbnail-bottom{
	background: url("../images/thumbnail_bottom.gif") left top;
	width:133px;
	height:8px;
	font-size:1px;	
}
.thumbnail{
	background: url("../images/thumbnail_middle.gif");
	background-repeat: repeat-y;
	display:block;
	margin:0;
	width:133px;	
}
.thumbnail img {
	width:115px;
	margin-bottom:0px;
	border:none;
}

.thumbnailpic-top{
	background: url("../images/thumbnailpic_top.gif") left top;
	width:608px;
	height:5px;
	font-size:1px;	
}
.thumbnailpic-bottom{
	background: url("../images/thumbnailpic_bottom.gif") left top;
	width:608px;
	height:8px;
	font-size:1px;	
}
.thumbnailpic{
	background: url("../images/thumbnailpic_middle.gif");
	background-repeat: repeat-y;
	display:block;
	margin:0;
	width:608px;
	text-align: left;
}
.thumbnailpic img {
	width:590px;
	margin-bottom:0px;
	border:none;
}

.artthumbnail-top{
	background: url("../images/artthumbnail_top.gif") left top;
	width:140px;
	height:3px;
	font-size:1px;
}
.artthumbnail-bottom{
	background: url("../images/artthumbnail_bottom.gif") left top;
	width:140px;
	height:5px;
	font-size:1px;	
}
.artthumbnail{
	background: url("../images/artthumbnail_middle.gif");
	background-repeat: repeat-y;
	display:block;
	margin:0;
	width:140px;	
}



/* fixed height*/
.thumbnail-left{
	background: url("../images/thumbnail_left.gif") left top;
	width:5px;
	height:110px;
	font-size:1px;	
	float:left;
}
.thumbnail-right{
	background: url("../images/thumbnail_right.gif") right top;
	width:9px;
	height:110px;
	font-size:1px;
	float:left;	
}
.thumbnail2{
	background: url("../images/thumbnail_center.gif");
	background-repeat: repeat-x;
	display:block;
	margin:0;
	height:110px;
	float:left;	
}
.thumbnail2 img {
	height:100px;
	margin-top:2px;
	border:none;
}

/* thumbnail - no background */ 
.fix-height{	
	display:block;
	margin:0;
	height:100px;
	float:left;	
}

.fix-height img {
	height:95px;
	margin-top:5px;
	border:none;
}
.fix-width{	
	display:block;
	margin:0;
	width:100px;
	float:left;	
}

.fix-width img {
	width:95px;
	margin-left:5px;
	border:none;
}

	 
/* thumbnails */
.cellcont {
	background:#fffff1;
	margin-top:5px;
	float: left;
}


.cellpic  {
	display:block;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:3px;
	
}

.cellpic img {
	width:125px;
	border: 1px solid gray;
	margin-bottom:0px;
}


/* big image */
#mainpic {
	display:block;
	text-align:center;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#mainpic img {
	margin-left:8px;
	margin-top:0px;
	margin-bottom:0px;
	width:590px;
}

/* breadcrumb  */
.breadcrumb  {
	float:left;
	padding-bottom:10px;
	text-align:left;
}

.breadcrumb a {
	color:black;
	text-decoration:none;
}

.breadcrumb a:hover {
	color:#fe0303;
}

/* rssfeed */

.rssfeed{
	display:block;		
	text-align:justify;
	width:590px;	
}
.rssfeed td {
	vertical-align:top;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 0.9em;
}

.rssfeed a{
	color:#0227C5;
	text-decoration:underline;
	font-size: 0.9em;
}
.rssfeed a.little-blue{	
	font-size:10px;		
}
.googleimg{
 	border:1px;
	border-style:solid;
	border-color:#0000FF;	
	padding:1 1 1 1;
}
.amazonimg{
	background-image:url(../images/bg180x180.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:180px;
	width:180px;
}
.amazonimg img {
	height:155px;
	margin-top:6px;
	border:none;
}
.amazonrating{
	position:relative;
	float:left;
	top:0;
	background-image:url(../images/bg80x25.jpg);
	background-repeat:no-repeat;
	padding:6px 18px 7px 8px;
	height:25px;
	width:80px;
}
.flickrimgbox{
	text-align:left;
	width:100%;
}
.flickrimg{
 	border:0;
	height:120px;
	padding:3px 3px 3px 3px; 
}

/* comments */
div.comment
{
	width:600px;
}
p.commentText
{
	font-size:12px;
	padding:10 10 10 0;
}
div.commentTitle
{
	border-color:#7a7979;
	border-top-style:dotted;
	border-width:thin;
	font-weight:normal;
	text-align: left;
}
div.commentEntryBox, .commentBox
{
	text-align: left;
}
div.commentError
{
	text-align:center;
	color:#FF0000;
}
div.commentBy, .commentDate
{
	font-style:italic;
}


div.commentsNote
{
	font-size:12px;
	color:gray;
	margin-top:15px;
}

/* new comments style */
#frmComment input#name{
	border: 1px solid #708b3c;
	height:19px;
	width:162px;
}
#frmComment #name-lbl{
	color:#343432;
	font-size:12px;
	float:left;
	margin-top:3px;
	margin-left:5px;
}
#frmComment textarea{
	border: 1px solid #999999;
	width:370px; 
	height:130px;
}
#frmComment .buttons-right{
	float:right;
	position:relative;
	height:22px;
}
#frmComment .buttons-left{
	float:right;
	margin-right:6px;
	position:relative;
	height:22px;	
}
.buttons-container{
	float:left;width:373px;
}
#btnPreview, #btnEdit, #btnSubmit{
	border: 1px solid #708b3c;
	width:105px;
	height:22px;		
}

#frmComment #code-lbl  {
	color:#343432;
	float:right;
	font-size:12px;
	margin-right:5px;
	margin-top:3px;
}
#frmComment #captcha_code{
	border: 1px solid #999999;
	height:18px;
	width:70px;
	margin:0;
}
#frmComment .note{
	font-size:10px;
	text-align:left;
	float:left;
}

div.commentPreviewBox
{
	border: 6px solid #cac1c1;
	width:470px; 
	text-align: center;
	display:none;
	float:left;
}
div.commentBox{
	width:470px; 
	text-align: justify;	
}
.commentPost{
	margin:10px;
	margin-left:0px;
	margin-bottom:4px;
	border-bottom: 1px dotted #cac1c1;	
	width:605px;
	text-align: justify;
	padding-bottom:10px;	
}
.commentBoxBy{
	color: #999999;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	font-size:12px;
}
#commentPreviewBoxContent{
	margin:10px;
	margin-bottom:4px;
	width:605px;
	text-align: left;
	padding-bottom:10px;
	border-bottom: 1px dotted #cac1c1;	
}
.commentPreviewBoxBy{
	color: #999999;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
	font-size:12px;	
}
.commentPreviewBoxBy .underline-b, .commentBoxBy .underline-b{
	color: #003366;
	text-decoration: underline;
}
.commentPreviewBoxButtons{
	margin-bottom:10px;
}

/* print */
#wrap-print{
	width:590px;
	margin: 10px auto;
}
#container-print{	
	float: left;
	margin-top: -12px;
}
#content-print{	
	width:590px;
	padding-top: 30px;
}
.library {
	text-align: left;
}

.library ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.library ul li {
	padding: 5px 0;
}
.library .author {
	color: #666666;
}
.museum h3 {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 0;
}
.museums {
	text-align: left;
}
.museums ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.museum-header td{
	text-align:left;
	vertical-align:top;
	padding-right:15px;
}

.museum-events td{
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-top: 7px;
	border-top: 1px solid #DDDDDD;
}
.museum-events2 td {
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	padding-top: 7px;
} 
.museum-events p {
	margin: 20px 0;
}

.museum-directions{
	text-align:left;
}
.museum-directions ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.artschool-title{
	color:#730101;
	font-size:15px;
	margin: 20px 0 10px 0;
	width:100%;
	border-bottom: 1px solid #dedcdc;
	text-align:left;
	font-weight:bold;
}
.events {
	text-align: left;
}
.events .date {
	color: #820000;
}

.book-header td{
	text-align:left;
	vertical-align:top;
	padding-right:15px;
}
.tableofcontent {
	text-align: left;
	margin-top: 30px;
}
.tableofcontent h3 {
border-bottom: 1px solid #dddddd;
padding-bottom: 0;
margin-bottom: 10px;
}

.tableofcontent .number a {
color: black;
}
.paragraph-image {
	border:1px solid #dddddd;
	margin:10px;
	float: right;
} 

/* footer */

.footer {
	height: 30px;
	background-color: #980b00;
	color:#fff;	
	text-align:center;
}
.footer div{
	padding-top:5px;
	text-align:center;
}


#popupCities{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:170px;
	width:150px;
	background:#FFFFFF;
	border:1px solid #000000;
	z-index:2;
	padding:5px;
	text-align:left;
}
#popupCitiesClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor:pointer;	
}
.refine {
text-align: left;
margin-right: 150px;
}

.refine a.red{
	color: #fe0303;
	text-decoration: underline;
}
a.underline {
text-decoration: underline;
}
.align-left {
	text-align: left;
	padding-bottom:5px;	
}
.align-left table{
	float: left;		
}
.affiliated_university {
color: #819292;
margin-top: -5px;
margin-bottom: 5px;
}
.share-buttons {
 float: left;
 width: 300px;
 text-align: left;
}
.share-buttons a{
text-decoration: none;
}
.bold {
font-weight: bold;
}
.events h3 {
	padding-bottom: 20px;
}
.vspace {
height: 30px;
}
.small-vspace {
height: 20px;
}
.five-vspace {
	height: 5px;
	clear:both;
}
.ten-vspace {
	height: 10px;
	clear:both;
}
.book-header {
padding: 10px 0 0 0;
}
.span-gray a{
color: #7B7C81;
}
#bigtable {
	clear:right;
	display:block;
	float:right;
	margin-left:3px;
	margin-top:3px;
	text-align:justify;
	width:600px;
}
li.state {
margin-top: 10px;
}
ul.countries{
	text-decoration: underline;
}

.series{
	display:block;
	width:300px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	
}
.series a{
	text-decoration: none;
}
.series a:hover {
	text-decoration: underline;
}

.popular-works{
	float:left;
	text-align:left;
	font-size: 0.9em;
}
.popular-works-mov{
	float:left;
	text-align:left;
	font-size: 0.85em;
}
.popular-works a, .popular-works-mov a{
	color:#0227C5;
	text-decoration:none;
}
.popular-works a.series-title{
	font-weight:bold;
	color: #000;
}
.popular-works a:hover, .popular-works-mov a:hover{
	text-decoration:underline;
}
#leaderboard {
display:block;
position:relative;
float:right;
clear:right;
border-style: solid;
border-width:1px;
border-color:grey;
margin-bottom: 15px;
}

#rightb{
	float:right;
	width:157px;
	height:100%;
	padding: 30px 15px 0 0;
	background-color:#FFFFFF;
	height: 200px;
}

#adsensesky{
		margin-left: 7px;
		margin-top:-20px;
}