*{margin:0;padding:0}

body{
font: 76%/1.4 arial, Helvetica, sans-serif;
color: #6f6f6f;
background: #fff url("../images/site/navbak.gif") 0 0 repeat-x;
}

/******************************* typography */

p{margin:0 0 1em;}

h1{
color: #000;
font-size: 2em;
position: absolute;
left: 17px;
top: 20px;
}

h1 a:hover,
h1 a:focus{
background: transparent;
}

h2, h3, h4{
color: #333;
font-family: Georgia, "Times New Roman", serif;
}

h2{
color: #cc2229;
font-size: 1.8em;
font-weight: normal;
text-transform: lowercase;
}

h2 small a{
font-size: .8em;
color: #666;
}

h3{
font-size: 1.4em;
font-weight: normal;
}

h4{
font-size: 1.1em;
margin: 0 0 5px;
background: #f9f9f9;
padding: 0 0 3px 3px;
color: #BF3B3B;
font-family: Arial, Verdana, sans-serif;
}

h4 a, h4 a:visited{
color: #BF3B3B;
}

h4 a:hover, h4 a:focus{
color: #000;
background: none;
}

#news_1882 h4{
background: none;
}

h4 span{
display: block;
font-style: italic;
font-size: .9em;
color: #666;
}

ul{
margin: 0 0 1em 2em;
}

ol{
margin: .5em 0 1em 2em;
}

a{
color: #00e;
}

a:visited{

}

a:hover,
a:focus{
background: #CFEBFF;
}

#footer a,
#footer a:visited{
color: #666;
background: #e4e4e4;
}

#footer a:hover,
#footer a:focus{
color: #000;
background: #fff;
}

code{
	font-size: 1.3em;
	background: #CFEBFF;
}

blockquote{
	padding: 1em 2em .5em;
	background: #CFEBFF;
	margin-bottom: 1em;
	font-style:italic;
	border: solid 2px #3BA2EF;
	border-left: 0;
	border-right: 0;
	float: left;
}

.note{
	padding: 10px 10px 0 50px;
	background: #FFFACF url("../images/site/note.gif") 10px 10px no-repeat;
	margin-bottom: 1em;
	border-bottom: solid 1px #DFD161;
	color: #AF4E00;
	position: relative;
}

abbr, acronym{
cursor: help;
}

/****************************** positioning */

#container{margin: 0 auto; position: relative; width: 760px;}
#header{position:relative; margin-top: 10px;}
#wrapper{float:left;width:100%;}
#content{margin:0 260px 20px 20px;position: relative;}
#signup #content{margin-right: 20px;}
#subnav{margin-top: 1.75em; float:left;width:230px;margin-left:-250px;}
#intro, #exhibition{width: 45%; float: left; margin-right:3%;}
#footer{height: 54px; color: #666; background: #fff url("../images/site/footer_grey.gif") 0 0 no-repeat; padding: 10px 20px 0 5px; margin: 0 20px 2em; clear:both; display: block; font-size: .9em;}
#footer div{overflow: hidden;}
#footer ul{color: #666; list-style-type: none; margin: 0; padding: 0;}
#footer ul li{color: #666; border-left: 1px solid #666; float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em;}
#footer p{margin-bottom: 0;}

#intro ul{
margin-left: 0;
list-style: none;
}

#subnav h4{
background: none;
color: #6f6f6f;
padding-left: 0;
}

/************************************** nav */

#nav{
background: transparent url("../images/site/nav_fade.jpg") 0 0 repeat-x;
}

#nav ul{
font-size: 1em;
height: 108px;
padding-top: 14px;
list-style: none;
margin-left: 0;
}

#nav ul li a,
#nav ul li a:visited{
display: block;
padding-top: 65px;
height: 0;
color: #8a8989;
float: left;
width: 108px;
text-align: center;
text-decoration: none;
}

#nav li{
float: left;
}

#nav ul li a:hover,
#nav ul li a:focus{
color: #000;
}

#nav ul li#li_index a, #nav ul li#li_index a:visited{
background: transparent url("../images/site/annan_art.jpg") 50% -88px no-repeat;}
#nav ul li#li_artists a, #nav ul li#li_artists a:visited,
#nav ul li#li_artists_work a, #nav ul li#li_artists_work a:visited{
background: transparent url("../images/site/n1.jpg") 50% -88px no-repeat;}
#nav ul li#li_my_gallery a, #nav ul li#li_my_gallery a:visited{
background: transparent url("../images/site/n2.jpg") 50% -88px no-repeat;}
#nav ul li#li_framing a, #nav ul li#li_framing a:visited{
background: transparent url("../images/site/n3.jpg") 50% -88px no-repeat;}
#nav ul li#li_news a, #nav ul li#li_news a:visited{
background: transparent url("../images/site/n4.jpg") 50% -88px no-repeat;}
#nav ul li#li_about a, #nav ul li#li_about a:visited{
background: transparent url("../images/site/n5.jpg") 50% -88px no-repeat;}
#nav ul li#li_contact a, #nav ul li#li_contact a:visited{
background: transparent url("../images/site/n6.jpg") 50% -88px no-repeat;}

#nav ul li#li_index a:hover, #nav ul li#li_index a:focus, #index_1875 #nav ul li#li_index a{
background: transparent url("../images/site/annan_art.jpg") 50% -88px no-repeat;}
#nav ul li#li_artists a:hover, #nav ul li#li_artists a:focus,
#judithbridglandbackground_1958 #nav ul li#li_artists a,
#artists_1876 #nav ul li#li_artists a,
#artists_1876_work #nav ul li#li_artists a{
background: transparent url("../images/site/n1.jpg") 50% 0 no-repeat;}
#nav ul li#li_my_gallery a:hover, #nav ul li#li_my_gallery a:focus, #my_gallery_1880 #nav ul li#li_my_gallery a{
background: transparent url("../images/site/n2.jpg") 50% 0 no-repeat;}
#nav ul li#li_framing a:hover, #nav ul li#li_framing a:focus, #framing_1881 #nav ul li#li_framing a{
background: transparent url("../images/site/n3.jpg") 50% 0 no-repeat;}
#nav ul li#li_news a:hover, #nav ul li#li_news a:focus, #news_1882 #nav ul li#li_news a{
background: transparent url("../images/site/n4.jpg") 50% 0 no-repeat;}
#nav ul li#li_about a:hover, #nav ul li#li_about a:focus, #about_1883 #nav ul li#li_about a{
background: transparent url("../images/site/n5.jpg") 50% 0 no-repeat;}
#nav ul li#li_contact a:hover, #nav ul li#li_contact a:focus, #contact_1884 #nav ul li#li_contact a{
background: transparent url("../images/site/n6.jpg") 50% 0 no-repeat;}

/*********************************** images */

.pleft, .pright{
text-align: center;
float: right;
margin-left: 5px;
}

.pleft{
float: left;
margin-right: 5px;
}

.pleft img, .pright img, .icons img{
padding: 0 5px 5px 0;
background: transparent url("../images/site/bak.gif") 100% 100% no-repeat;
}

.pleft p, .pright p{
font-size: .9em;
}

#accessibility_1940 ol li{
clear:both;
}

#accessibility_1940 h3{
clear: both;
}

#artists_1876_work .pleft{
padding: 0;
}

/************************************* misc */

a img{
border: 0;
}

hr{
display: none;
}

#exhibition .pleft{
text-align: left;
margin: 0;
float: none;
}

#exhibition img{
max-width:100%;
}

.icons{
clear: left;
display: block;
height: 2em;
}

.icons img, .icons a{
float: left;
}

/************************************ search */

#searchpage table{
border: solid 1px #ccc;
border-collapse: collapse;
margin-bottom: 1em;
}

#searchpage th{
border: solid 1px #ccc;
background: #f1f1f1;
padding: 2px 5px;
font-size: 1.1em;
text-align: left;
color: #333;
}

#searchpage td{
padding: 5px 7px;
border: solid 1px #ccc;
}

.operator{
text-align: center;
font-size: 2em;
color: #BF3B3B;
}

.operat{
text-align: center;
color: #BF3B3B;
}

.highlight{
font-weight: bold;
}

#serps li{
color: #000;
clear: left;
}

/************************************ forms */

fieldset{
position: relative;
margin: 0 0 10px;
border: solid 1px #ccc;
padding: 0 0 5px 10px;
}

#subnav fieldset{
border: 0;
padding: 5px 0 0;
}

#subnav fieldset p{
margin: 0;
}

fieldset p a, fieldset p a:visited{
font-size: .8em;
color: #6f6f6f;
}

fieldset p a:hover, fieldset p a:focus{
color: #000;
}

legend{
	font-weight: bold;
	color: #000;
}

#subnav legend{
	display: none;
}

label{
	display: block;
	line-height: 1.25em;
	text-transform: lowercase;
	font-size: .9em;
}

input, textarea, select{
	font: 1.25em/1.4 Arial, Helvetica, sans-serif;
	width: 80%;
	padding: 2px;
}

#subnav input, #subnav textarea, #subnav select{
	width: 200px;
}

#subnav #select_artist{
	padding: 0;
	width: 204px;
}

input#e, input#nl_names, #search, #select_artist{
	background: #fff;
	border: solid 1px #ddd;
	margin-bottom: 5px;
}

input.button{
	width: auto;
	font-size: 1em;
}

#subnav input.button{
	width: auto;
	text-transform: uppercase;
	font-size: .8em;
}

input:focus, textarea:focus, select:focus,
#subnav input:focus,
#subnav textarea:focus,
#subnav select:focus{
	border: 1px solid #0CA3BF;
	background-color : #EFFDFF;
}

input.short{
	width: 160px;
}

span.whythis { 
	position: relative; 
}

span.whythis a { 
	text-decoration : underline; 
	font-size: 1em;
}

span.whythis a span { 
	position: absolute; 
	top: -9000px; 
	left: -9000px; 
	display: inline; 
	width: 17.1em; 
	height: auto; 
	border: 1px solid #3BA2EF; 
	background-color: #CFEBFF; 
	padding-left: 2px;
	color: #333; 
}

span.whythis a:hover span,
small.whythis a:focus span,
small.whythis a:active span {
	position : absolute; 
	top: 0; 
	left: 6em; 
}

input.med,
input.short,
select.med,
textarea.textbox{ 
	color: #666; 
	padding: 2px; 
	margin-bottom: 5px;
	background: #fafafa;
	border: solid 1px #ddd;
}

textarea{
	width: 90%;
	font-size: 1.2em;
	font-family: Arial, helvetica, sans-serif;
}

input.med:focus,
input.short:focus,
select.med:focus,
textarea.textbox:focus,
input.med.focus,
input.short.focus,
select.med.focus,
textarea.textbox.focus{ 
	color: #000;  
	border: 1px solid #0CA3BF;
	background-color : #EFFDFF;
}

input, select{
	width: 300px;
	font-size: 1.2em;
}

input.button{
	width: auto;
	font-size: 1.2em;
	padding: 0 3px 3px;
}

#subnav input.button{
padding-bottom: 1px;
}

input.med{
	width: 400px;
}

input.checkbox{
	width: 1em;
}

/******************************** responses */

#positive, #negative{
	padding: 10px 10px 0;
	margin: 0 0 10px;
	border: solid 2px #BF2E0B;
	color: #231f20;
	position: relative;
	background: #fff;
}

#positive{
	border: solid 2px #9c0;
}

#positive h3, #negative h3{
	color: #5d8b23;
	padding-left: 28px;
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4;
	margin-bottom: 0;
	background: transparent url("../images/site/positive.gif") 0 0 no-repeat;
}

#negative fieldset{
border: 0;
padding: 0;
}

#negative legend{
display: none;
}

#negative h3{
	color: #bf2e0b;
	background: transparent url("../images/site/negative.gif") 0 0 no-repeat;
}

#positive img{
	margin-right: 5px;
	float: left;
}

#positive ul li,
#negative ul li{
margin: 0;
}

#positive a,
#positive a:visited{
color: #333;
}

#positive a:hover,
#positive a:focus{
color: #333;
background: #BBFF00;
}

#negative a,
#negative a:visited{
color: #333;
}

#negative a:hover,
#negative a:focus{
color: #333;
background: #FBF9ED;
}

/******************************** artists */

.artist{
margin-bottom: 20px;
margin-right: 2%;
position: relative;
clear: left;
}

#artists_1876_work .artist{
margin-bottom: 0;
}

.artist img, .thumbnail{
float: left;
margin: 0 10px 10px 0;
padding: 0 5px 5px 0;
background: transparent url("../images/site/bak.gif") 100% 100% no-repeat;
}

.icon{
clear: both;
}

.blockit .icon{
clear: none
}

.icon img{
background: none;
margin: 0 5px 0 0;
}

.artist .icon{
margin: 0 0 5px 0;
}

#artists_1876_work .icon{
clear: left;
}

.thumbnail{
float: left;
margin: 0 5px 10px 0;
font-size: .8em;
max-width: 150px;
min-height: 250px;
position:relative;
}

.pn{
position: absolute;
right: 7px;
top: 20px;
}

.separator{
display: none;
}

.clip{
position:absolute;
right:10px;
bottom:5px;
}

/********************************** tabs */


.tabbed a, .tabbed a:visited{
	position: absolute;
	top: -1000px;
	left: -1000px;
	padding: 1em;
	font-weight: bold;
	border: solid 3px #09f;
	background: #9cf;
	color: #000;
	text-decoration: none;
}

.tabbed a:focus, .tabbed a:active{
	position: absolute;
	top: 20px;
	left: 2%;
	z-index: 5;
}

/****************************************** blog */

.blog{
	background: #fff;
margin-bottom: 20px;
}

#content .blogfoot a,
#content .blogfoot a:visited,
#content .blogfoot a:link{
	text-align: right;
	display: block;
	margin: 0;
	padding: 10px;
	background: #E15301;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #BF4A1F;
}

#content .blogfoot a:hover,
#content .blogfoot a:focus{
	background: #A8BC5F;
	color: #fff;
	border-bottom: solid 1px #7B8F35;
}

#content .blogfoot a span{
	font-size: 1.2em;
}

#content .blogfoot2 a,
#content .blogfoot2 a:visited,

#content .blogfoot2 a:link{
	display: block;
	margin: 0;
	padding: 10px;
	background: #eee;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	border-bottom: solid 1px #ccc;
}

#content .blogfoot2 a:hover,
#content .blogfoot2 a:focus{
	background: #CFEBFF;
	border-bottom: solid 1px #A7C8DF;
}

#content .blogfoot a strong{
	float: left;
	margin-top: 3px;
}

#addc{
	border: 0;
	padding: 0;
}

#news_1882 input.button{
	margin-left: 0;
}

.blog h4{
	margin-bottom: 1em;
}

.blog h4 span{
	font-weight: normal;
}

#add_comment ul{
	margin-bottom: 2em;
}

#add_comment li{
	margin: 0;
}

#comments h2 img,
#add_comment h2 img{
	margin-bottom: -3px;
}

#comments li,
#blog_comment{
	margin: 10px 0 10px 20px;
	padding: 15px 20px 5px;
	color: #3F3D08;
	background: #CFEBFF;
	border-bottom: solid 1px #A7C8DF;
}

#blog_comment a:visited{

	color: #000;
}

#comments li p{
	line-height: 1.5;
}

#comments li a,
#comments li a:visited{
	color: #3F3D08;
}

#comments li a:hover,
#comments li a:focus{
background: #fff;
}

#comments ul{
	list-style: square;

}

#comments li li{
	border: 0;
	margin: 0;
	padding: 0;
}

.blog_cont{
	width: 45%;
	float: left;
	padding: 0 1%;
	margin: 0 1% 2% 0;
	background: #EFEEE0;
	border-bottom: solid 1px #AFAD83;
}

.categ{
	float: right;
	margin: 0;
}

.post_date{
	font-size: .85em;
	font-style: italic;
}

/************************************** lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("../images/site/clear.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("../images/site/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../images/site/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/********************** blocks */

#side_rss,
#side_archives,
#side_cats,
#side_arts_cats,
#side_nl,
#side_search,
#side_artists,
#side_latest{
background: #f9f9f9;
padding: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #ccc;
}

#side_search div input{
width: 1em;
}

#side_search div label{
float: left;
margin-right: 1em;
}

#side_search .button{
clear: both;
}

/**************************** search */

.search_url{
color: #008000;
}

#serps a{
font-size: 1.2em;
color: #00c;
}

#serps{
list-style: none;
margin-left: 0;
padding-left: 0;
}

#serps li{
margin-bottom: 1em;
}


/********************************************** site map */

#sitemap_1885 dt{
background: #CC2128;
font-size: 1em;
text-transform: uppercase;
color: #fff;
padding: 0 0 1px 4px;
margin-bottom: .5em;
font-weight: bold;
display:block;
}

#sitemap_1885 dd{
margin: 2em 0;
}

#sitemap_1885 dd span{
font-size: 1em;
color: #008000;
}