.information{
	color: green;
}

.error{
	color: red;
}

.errorBox{
	margin: 10px 20px 10px 20px;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #aa0202;
}

.informationBox{
	margin: 10px 20px 10px 20px;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #408000;
}

/****/

html{
	margin: 0;
	padding: 0;
}

body{
	margin: 30px 0 30px 0;
	padding: 0;
}

#page{
	width: 700px;
}

#header{
	margin: 0 0 0 50px;
	width: 700px;
	text-align: left;
}

#navigation, #content{
	vertical-align: top;
}

#navigation{
	width: 175px;
	text-align: center;
}

#content{
	text-align: center;
	width: 525px;
	border: 1px #ddd solid;
}

/****/

body, textarea, input{
	font-family: verdana, arial, helvetica, sans-serif;
}

body{
	font-size: 8pt;
}

body, textarea, input, select{
	color: #555;
}

p{
	margin: 20px 0 20px 0;
}

a{	
	color: #6167D8;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

ul, ol{
	margin-top: 20px;
	margin-bottom: 20px;
}

li{
	margin-bottom: 10px;
}

address{
	font-style: normal;
}

/****/

#logo{
	text-align: left;
	margin: 10px auto 0 auto;
	width: 700px;
	height: 79px;
	background: url(../_media/images/logo.jpg) no-repeat;
	background-position: 0 0;
}

/****/

#mainMenu{
	margin: 0 auto 0 auto;
}

#mainMenu a{
	display: block;
	margin: 0 auto 1px auto;
	padding: 0;
	width: 85px;
	height: 25px;
	background-position: 0px -25px;
}

#homeMenuItem{
	background: url(../_media/images/menu_home.jpg) no-repeat;
}

#exhibitionsMenuItem{
	background: url(../_media/images/menu_exhibitions.jpg) no-repeat;
}

#artistsMenuItem{
	background: url(../_media/images/menu_artists.jpg) no-repeat;
}

#publicationsMenuItem{
	background: url(../_media/images/menu_publications.jpg) no-repeat;
}

#newhallMenuItem{
	background: url(../_media/images/menu_newhall.jpg) no-repeat;
}

#cuttystoolMenuItem{
	background: url(../_media/images/menu_cuttystool.jpg) no-repeat;
}

#contactMenuItem{
	background: url(../_media/images/menu_contact.jpg) no-repeat;
}

#aboutMenuItem{
	background: url(../_media/images/menu_about.jpg) no-repeat;
}

#linksMenuItem{
	background: url(../_media/images/menu_links.jpg) no-repeat;
}

#mainMenu a:hover{
	background-position: 0px 0px;
}

#menuContact a{
	color: #999;
	font-weight:normal;
	text-decoration:none;
}

#menuContact a:hover{
	text-decoration:underline;
}

/****/

#innerContent{
	width: 450px;
	margin: 30px auto 30px auto;
	text-align: left;
}

/****/

h3{
	padding: 4px;
	margin: 40px 0 40px 0;
	background-color: #aaa;
	color: white;
}

h4{
	padding: 20px 0 10px 0;
	border-bottom: 1px #ddd solid;
	font-size: 10pt;
}

h5{
	margin: 20px 0 0 0;
}

.headingLink{
	font-weight: normal;
}

#newhallsubheading{
	font-style: italic;
}

/****/

.pageLinks, .topLink{
	margin: 20px 0 20px 0;
}

.pageLinks a, .topLink a{
	font-weight:normal;
	text-decoration:none;
}

.pageLinks a:hover, .topLink a:hover{
	text-decoration:underline;
}

.topLink a{
	font-size: 8pt;
}

/****/

.catalogueInfo{
	padding: 30px 0 30px 0;
}

.catalogueInfo p{
	margin: 5px auto 0 auto;
}

.catalogueInfo .title{
	font-style: italic;
}

/****/

.work{
	text-align: center;
	padding: 50px 0 50px 0;
}

.showcaseWorks, .thumbnailWorks{
	padding: 0;
}

.showcaseWorks{
	margin: 40px auto 40px auto;
	width: 450px;
	text-align: center;
}

.thumbnailWorks{
	 width: 375px;
	margin: 20px auto 20px auto;
}

.thumbnailWorks td{
	width: 75px;
	height: 75px;
	border: solid 1px #efefef;
	vertical-align: middle;
	text-align: center;
}

.showcaseWorks li, .thumbnailWorks li{
	display: inline;
}

.showcaseWorks li{
	padding: 10px;
}

/****/

.exhibitionsListItem, #publicationsListItem{
	margin: 40px 0 40px 0;
	border-bottom: 1px #ddd solid;
}

.exhibitionsListItem td{
	padding: 0 20px 0 0;
}

.exhibitionsListItem p{
	margin: 0 0 5px 0;
	text-align: left;
}

.exhibitionsListItem .title, .exhibitionsListItem .date{
	font-style: italic;
}

.exhibitionsListItem .artist{
}

.exhibitionsListItem .title, #publicationsListItem .title{
	font-size: 12pt;
}

.exhibitionsListItem .date, #publicationsListItem .year{
}

.exhibitionsListItem .description{
	margin: 10px;
}

.exhibitionsListItem.current{
	border: 0;
}


.exhibitionsListItem img{
	margin: 0 0 30px 0;
}

/****/

#artistsList{
	margin: 0 auto 0 auto;
}

#artistsList td{
	width: 200px;
	height: 20px;
}

/****/

.critique{
	margin: 0 0 30px 0;
}

.critic{
	font-style: italic;
}

/****/

.footnote{
	font-style: italic;
	font-size: 7pt;
}

.quote{
	margin: 20px;
	font-style: italic;
}

.vignette{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-style: italic;
}

/****/

#biog p, #biog table{
	margin: 0 0 20px 0;
}

#biog table{
}

#biog table td{
	padding: 10px 20px 0 0;
	vertical-align: top;
}

.biogImage{
	text-align: center;
	margin: 10px;
}

/****/

.catalogueInfo .description{
	margin: 30px 0 20px 0;
}

.catalogueInfo .description p{
	margin: 0 0 20px 0;
}

/****/

.exhibitionInfo, .publicationInfo{
	margin: 20px 0 20px 0;
}

.exhibitionArtist{
	font-size: 11pt;
}

.exhibitionTitle, .publicationInfo .title{
	font-style: italic;
	font-size: 13pt;
}

.exhibitionDescription, .publicationInfo .description{
	margin: 30px 0 30px 0;
}

.exhibitionDate, .publicationInfo .year{
	font-style: italic;
}

/****/

#footer{
	margin: 0;
	border-top: 1px #ddd solid;
}

#footer p{
	margin: 3px;
	vertical-align: middle;
}

/****/

form table{
	margin: 10px 0 10px 0;
}

form td{
	vertical-align: top;
}

input.text, textarea, select{
	border: 1px #ccc solid;
}

input.text:hover, textarea:hover, select:hover{
	border: 1px #ddd solid;
}

td.submit{
	padding-top: 10px;
}

form tr.formInfo td, form .error{
	font-size: 7pt;
	padding: 5px 0 5px 0;
}

form tr.formInfo td{
	color: #999;
}

.largeBold{
	font-size: 12pt;
	font-weight: normal;
}

.indented{
	margin: 30px;
}

.priceList{
	text-align: center;
	font-style: italic;
	margin-bottom: 30px;
}

/****/

@media print{

#navigation{
	display: none;
}

.hidden{
	display: block;
}
 
}