* { padding: 0; margin: 0; }

p {margin-bottom:0.4em;}

h1 {margin-bottom: 10px;display:block;background:url(siteimages/splatt.gif);color:#d3ecef;padding: 3px 0px 3px 10px;font-weight:normal;}

h2 {background:url(siteimages/gull-heading.gif) left no-repeat; padding: 13px 0px 12px 65px;margin-bottom:5px;font-weight:normal;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
	background:url(siteimages/splatt.gif) center top repeat-y #d4e6e6;
}

a:link {
	color: #338a94;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #338a94;
}
a:hover {
	text-decoration: none;
	color: #338a94;
}
a:active {
	text-decoration: underline;
}


#wrapper { 
 margin: 0 auto;
 width: 904px;
background:white;
}
#header {
 color: #333;
 width: 904px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 140px;
 margin: 0px 0px 0px 0px;
 background: url(siteimages/header.gif);
}
#header h2 {background:none; text-align:center;font-size: 16px;margin-top:95px;padding:0px;}

#navigation {
 float: left;
 width: 884px;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
background:url(siteimages/menuback.gif);
height: 44px;
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 35px 10px;
 width: 202px;
 float: left;
}
#lefttop {background:url(siteimages/leftmenutop.gif);width:202px;height:125px;overflow:hidden;}

#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: none;
 margin: 0px 0px 0px 0px;
 padding-top: 10px;
 width: 682px;
 display: inline;
}
#rightcolumn p {margin-left:10px;margin-right:10px;}
#rightcolumn h1, h2, h3 {margin-left:10px;margin-right:10px;}

#footer { 
 width: 884px;
 clear: both;
 color: #333;
 border-top: 0px solid #338a94;
 margin: 0px 0px 10px 0px;
 padding: 45px 10px 10px 10px;
 font-size: 10px;
background:url(siteimages/bird-strip.gif) top no-repeat;
}



.mattblacktabs{
width: 100%;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding-top: 7px;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font-size: 16px;
font-weight:bold;
list-style-type: none;
border-left: 0px solid white; /*right divider between tabs*/
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #338a94;
background: none; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #338a94;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: none; 
text-decoration:underline;
}


/* side menu */

.wireframemenu{
width: 202px;
background: url(siteimages/leftmenubot.gif) bottom no-repeat;
padding-bottom:20px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
font-size:16px;
font-weight:normal;
}

.wireframemenu a{
padding: 4px 8px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #333;
text-decoration: none;
border-bottom: 1px solid white;
}

.wireframemenu a:visited{
color: #333;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
text-decoration: underline;
color: #338a94;
}




/* fourbox  */

.fourbox {width:158px; height: 270px;margin:0px 0px 10px 10px; float: left; display:inline;background:url(siteimages/splattbox.gif);}
.fourbox p {font-size: 12px;}
.fourbox img {width:158px; height: 158px; margin-bottom:5px;}

/* thirdbox  */

.thirdbox {width:214px; margin:0px 0px 10px 10px; float: left; display:inline;background:url(siteimages/splattbox.gif);}
.thirdbox p {font-size: 12px;}
.thirdbox img {width:204px; height: 204px; margin-bottom:5px;padding:5px}

/* twobox  */

.twobox {width:326px; margin:0px 0px 10px 10px; float: left; display:inline;background:url(siteimages/splattbox.gif);}
.twobox p {font-size: 12px;}
.twobox img {width:316px; height: 316px; margin-bottom:5px;padding:5px}

/* twobox no background */

.twoboxwhite {width:326px; margin:0px 0px 10px 10px; float: left; display:inline;}
.twoboxwhite p {font-size: 12px;}
.twoboxwhite img {width:316px; height: 316px; margin-bottom:5px;padding:5px}

/* twoboxright  */

.twoboxright {width:326px; margin:0px 10px 10px 10px; float: right; display:inline;background:url(siteimages/splattbox.gif);}
.twoboxright p {font-size: 12px;}
.twoboxright img {width:316px; height: 316px; margin-bottom:5px;padding:5px}



/* images */

.midimagesm {width:130px; height:157px; padding:5px; margin-left: 271px;margin-right: 271px;background:url(siteimages/splattbox.gif);}

.midimageleft {width:130px; padding:5px; margin-left: 10px;background:url(siteimages/splattbox.gif);float:left;clear:right;}

/* books page style */

.bookswrap {clear:both;margin-top:20px;margin-bottom:40px;}
.bookswrap p {padding-left: 160px;}
.bookswrap h3{padding-left: 160px;}

.clearfloat {clear:both;}



.list {margin-left:45px;line-height:30px;margin-bottom:20px;}


.red {color:red;}