html, body {height:100%}

body {
padding:0;
margin:0;
background:#FFFFFF ;
color: #000;
font-family:Arial, Helvetica, sans-serif;
background: #FCFCFC;
font-size:90%;
}

.words1{
background-color:#000000; 
color:#FFFFFF; 
font-size:11px; 
padding:1px; 
z-index:2;
position:absolute;
margin-left:10px

}

.words2{
background-color:#000000; 
color:#FFFFFF; 
font-size:11px; 
padding:1px; 
z-index:2;
position:absolute;
margin-left:-20px
}


.home_artwork_image{
margin-bottom:0px;
border: #C0C0C0 solid 1px; 
padding:3px;
margin:0px;
margin-left:0px;
background-color:#FFFFFF;
}

.home_table{ }
.home_table td {height:60px;}


.squares{max-width:100%;}


.colouredsquare{
margin-bottom:0px;
border: #C0C0C0 solid 1px; 
padding:3px;
margin:0px;
margin-left:0px;
background-color: #FFFFFF;
width:30px;
height:30px;
float:left;

}


.display_image{
text-align:left;
float:left;

margin-right:50px;
margin-bottom:50px;
}

.display_image img {width:120px; height:120px; }



.display_1_artwork
{
text-align:left;
float:left;

margin-right:50px;
margin-bottom:50px;
}



a:link, a:visited{color: #FF9933; text-decoration:none;  }
a:hover{ color:#468AFB }

.document{
padding:10px;
padding-top:20px;
padding-bottom:30px;
border:1px solid  #CCCCCC;
background-color:#FFFFFF;
width:650px;
margin-bottom:50px;
background-image:url(images/doc_corner.gif);
background-repeat:no-repeat;
background-position:right top;
}

.contact_message{
border:1px solid  #CCCCCC;
background-color: #FFFFFB;
background-color: #FFFEE6  ;
padding:5px;
font-size:90%;
color:#33CCFF;
}

.contact_message a:link, .contact_message a:visited{color:#468AFB; text-decoration:none;  }
a:hover.contact_message{ color: #468AFB }


h1#logo {
text-indent: -999999px;
display: block;
margin: 0px;
padding: 0px;
font-size: 11px;
position: relative;
overflow: hidden;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0px 0px;
}


h1#logo {
background-image:url(images/logo_header.gif);
background-repeat:no-repeat;
background-position:40px 30px;
height: 70px;
width: 400px;
z-index: 0;
}

/* Styles of for the page */

#outer{ 
min-height:100%;

}

* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/

#header{
background:#FFFFFF;
color: #000;
text-align:center;
position:relative;


min-height:0;/* ie 7 haslayout fix */


margin:0px;
}

/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/


#footer {
width:100%;
clear:both;
height:25px;
background-color: #CCCCCC;
color: #666666;
text-align:center;
position:relative;
font-size:12px;
padding-top:10px;
margin-top:-36px;
}

* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:26px;/* for ie6 */

}

#main_content {
padding:10px;
font-size:90%;
padding-top:0px;
padding-left:40px;
clear:both;
padding-bottom:20px;


}

#breadcrumb{
color:white;
font-size:80%;
word-spacing:5px;
border-bottom:1px solid   #000000;
padding:2px;
padding-left:5px;
padding-right:5px;
background-color:black;
}

#breadcrumb2{
font-size:80%;
word-spacing:5px;
background-color:black;
padding:2px;

float:left;

margin-right:50px;
margin-bottom:50px;
}


#clearfooter{clear:both;}/*needed to make room for footer*/ 

/*the display of artworks*/
.artworktable{border:0px solid #333333; margin-top:0px; margin-bottom:30px; 
padding:0px;
}

.content{padding:10px;}
.title{color: #333333; font-weight:bold; font-size:}
.dimensions{font-size:70%}
.description{font-size:90%}
.medium   {font-size:70%}
.year{font-size:70%}
.more{font-size:70%}

.line{
color: #FCFCFC;
background-color:  #FCFCFC;
height: 0.5px;
}

.edit_artwork_image{
margin-bottom:0px;border: 
#C0C0C0 solid 1px; padding:3px; 
background-color:#FFFFFF;
}

edit_artwork_image{padding:10px;}









#nav_top{
background-image:url('images/nav_top.gif');
background-repeat:repeat-x;
height:10px;
position:relative;
background-color:#FFFFFF;
}

#nav_bottom{
background-image:url('images/nav_bottom.gif');
background-repeat:repeat-x;
height:10px;
background-color:#FFFFFF;
}


#navcontainer
{
font-size: 13px;
text-align: left;
text-transform: lowercase;
margin:0px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px;
padding-left:40px;
margin:5px;
}

ul#navlist li
{
display: inline;
margin: 0;
padding:0;
padding-right:40px;
padding-left:0px;

}

ul#navlist li a
{
display: inline;
color: #000000;
text-decoration: none;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #CC3399      ;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:#CC3399 ;
}