body { 
font:62.8%  Arial, Helvetica, sans-serif;
color:#333; 
background:#bcc4b7 url(../images/back_blank.jpg) no-repeat top center;
margin:0px;
padding:0px; 
text-align:center;
border:0px;
}


p{ 
font-size:1.2em;
line-height:1.5em;
margin:10px 0 7px 0;
padding:10px;
}

#main {
padding: 50px 0 10px 0;
}

.photo{
margin:0 0 10px 20px;
}

#content p, {
margin:0;
padding:14px 0 14px 0;
}

a{ 
color:#333;
}

/* a:active added for IE a:focus for Mozilla - added to aid accesibility more than visual appearance */
a:hover,
a:focus,
a:active{ 
border:0;
text-decoration:none;
}
#address a {
text-decoration: underline;
}
div[id="container"] a,
div[id="container"] a:visited{
text-decoration:none;
}


/* Content =============================================================== */


/* Center the site and return the contents to the left hand side */
#container { 
width:525px;
text-align:left;
padding:0;  
margin:0 auto;
}

/* position content to the right hand side */
#intro,
#content,
#tagLine{
width:300px;
float:right;
clear:right;
margin:0px 0 0 0;
}

#intro {
width:285px;
height:280px;
background:transparent url(../images/home_image.jpg) no-repeat center;
float:right;
margin:10px 0 0 0;
padding:0;
}

#introspace {
width:285px;
height:280px;
float:right;
margin:10px 0 0 0;
padding:0;
}

#header {
height:235px;
width:285px;
}
  
#tagLine{
height:0px;
margin:8px 0 0 0px;
padding:0;
}

h1 {
font-size: 1.8em;
padding:0px 0 50px 40px;
color:#bd1009;
font-variant: small-caps;
}

h2 {
font-size: 1.4em;
}

#content #announcement {
background:transparent url(../images/ann_bg.jpg) no-repeat center;
padding:3px;
margin:20px 0 0 20px;
color: #bd1009;
font-weight: bold;
}

#content #announcement a{
color: #bd1009;
text-decoration:underline;
}

#content .p1, #main .p1{
margin:20px 0 0 20px;
padding:0;
text-indent:0px;
}

#content .p2, #main .p2{
margin:0px 0 0 20px;
padding:0;
text-indent:20px;
}

h3{
width:290px;
height:35px;
margin:5px 0 5px 0;
padding:0;
text-indent:-10000px;
float:right;
overflow:hidden;
}

#main ul li a {
color: #bd1009;
text-decoration: underline;
}

/* Navigation ============================================================= */

#menu{
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0px 0 0 0;
width:200px;
text-align:right;
float:left;
/* Only IE5 MAC needs the left float \*/
float:none;
}
 
#menu h3{ 
float:none;
display:none; 
}
/* h3 may be hidden from screen readers and printers due to display none */
@media aural, braille, print{
#menu h3{
display:block;
}
}
#list{
width:150px;
padding:0px 0 0 0;
margin:0 0 20px 50px;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
}
#menu li{
font-size:1.2em;
display:block;
margin:0;
padding: 0 0 0px 0;
border-top:1px solid #e4ede0;
}

/* Link Styles */
#menu li a{ 
display:block;
padding:4px 10px 4px 5px;
margin:0 0 5px 0;
border:0;
font-variant:small-caps;
font-weight:bold;
text-decoration:none;
color:#333;
}

#list li a{
background:transparent -100px;
}
#list li a:visited{
background-position:0 50% ;
}

#menu li a:hover,
#menu li a:focus,
#menu li a:active{
padding-right:6px;
border-right:4px solid #e4ede0;
color:#bd1009;
text-decoration:none;
}

ul li#active a {
color:#bd1009;
}

#logo {
width:208px;
height:66px;
background: url(../images/logo_address.gif) no-repeat top right;
}

#logospace {
width:208px;
height:69px;
}

#spacer {
width:208px;
height:75px;
}

#address {
text-align:center;
padding-left: 50px;
font-size:1.2em;
font-variant:small-caps;
color:#333;
}

li {
font-size:1.2em;
}

/* artwork grid */

.artrow ul {
margin:0px;
padding:0px;
width:350px;
list-style:none;
float:left;
}

.artrow li {
display:inline;
}

.artrow li a {
float:left;
padding:5px;
}

#row1, #row2, #row3, #row4, #row5, #row6 {
width:350px;
float:left;
margin-left:10px;
padding:0px;
}

img {
border:2px solid #bd1009;
}

.artrow span {
padding:5px;
}


#content blockquote {
text-align:center;
font-size: 1.6em;
color:#bd1009;
font-weight:bold;
padding:10px;
}