/************** Ruby Newton CSS by Heidi Morris **************/
html { overflow: -moz-scrollbars-vertical;}
#background {
	background:#685 url(images/waves.gif) top center repeat-y;
	color: #000;
	font-family: Arial, Helvetica, sans-serif; font-size: 11pt;
	}

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

#content {
	width: 800px; background: #fff url(images/contentbg.gif) center repeat-y;
	margin: 0 auto 0 auto; padding:0;
	overflow:auto;
	}

#left { 
	background-color: #5a799a;
	width: 220px; padding: 0px; margin:0;
	float: left; 
	text-align: center;
	}
	
#story {
	background-color: #fff; xwidth: 575px;
	padding: 10px 10px 0 10px; margin: 0 15px 0 230px;
	text-align:left;
	}

/************** Menu **************/
#menubox { position: relative;}

#menulink1 {
	text-indent: -5000px;
	background: url(images/gallery.gif);
	height: 34px; outline: none;
	}
#menulink1here {
	text-indent: -5000px;
	background: url(images/gallery2.gif);
	height: 34px; outline: none;
	}

#menulink2 {
	text-indent: -5000px;
	background: url(images/who.gif);
	height: 34px; outline: none;
	}
#menulink2here {
	text-indent: -5000px;
	background: url(images/who2.gif);
	height: 34px; outline: none;
	}

#menulink3 {
	text-indent: -5000px;
	background: url(images/commission.gif);
	height: 34px; outline: none;
	}
#menulink3here {
	text-indent: -5000px;
	background: url(images/commission2.gif);
	height: 34px; outline: none;
	}

#menulink4 {
	text-indent: -5000px;
	background: url(images/prints.gif);
	height: 34px; outline: none;
	}
#menulink4here {
	text-indent: -5000px;
	background: url(images/prints2.gif);
	height: 34px; outline: none;
	}

  #menu {
    width: 200px; height: 136px;
    background: url(images/menu.gif) 0 0;
    margin: 0 auto; padding: 0;
    position: relative;}
  #menu li#menu1 {
    margin: 0; padding: 0; list-style: none;}
  #menu li#menu2 {
    margin: 0; padding: 0; list-style: none;}
  #menu li#menu3 {
    margin: 0; padding: 0; list-style: none;}
  #menu li#menu4 {
    margin: 0; padding: 0; list-style: none;}
  #menu li, #menu a {
    height: 34px; display: block;}

  #menu1 {top: 0px; width: 200px;}
  #menu2 {top: -34px; width: 200px;}
  #menu3 {top: -70px; width: 200px;}
  #menu4 {top: -102px; width: 200px;}
  
  #menu1 a:hover {
    background: transparent url(images/menu.gif)
    0 -136px no-repeat;}
  #menu2 a:hover {
    background: transparent url(images/menu.gif)
    0 -170px no-repeat;}
  #menu3 a:hover {
    background: transparent url(images/menu.gif)
    0 -204px no-repeat;}
  #menu4 a:hover {
    background: transparent url(images/menu.gif)
    0 -238px no-repeat;}

/************** #contact **************/
#contact{
	background-color: #5a799a;
	padding: 0px; margin:150px 0 5px 0;
	text-align: center;
	font: normal bold 11pt Myriad, Arial, sans-serif; color:#cfa;
	}

/************** Content elements **************/
.logo { margin-bottom: 20px; outline:none;}

p { margin-top: 0; margin-bottom: 20px; }

h3 { margin-top: 12px; font-size:12pt;}

#story li { margin-bottom: 10px; }

img.ralign { border:0; padding-left:5px; padding-bottom:5px;}
.caption { float:right; padding-left:5px; padding-bottom:5px; text-align:center; font-size: 8pt;}

.footer { font-size: 8pt; text-align:center; margin-bottom: 5px;}