body  { background-color: #182730; font-family: Verdana; font-size: 11px; text-align: center; margin: 0; padding: 0; width: 100%; min-width: 600px; height: 100%; border: 0 }

#wrapper {
position: relative;
width: 760px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#header {
background-color: #FFF;
}

#header img { border: 0; }

/* column container */
.colmask {
background-color: #FFF;
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
}

.colmask { background-image: url(river/home_bkgd.png); background-repeat: no-repeat; }

.col2,
.col3 {
float:left;
position:relative;
padding: 5px 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
.col1 {
float:left;
position:relative;
padding-top: 0;
overflow:hidden;
}
/* 3 Column settings */
.threecol   { background: #fff; padding: 5px 0; }
.threecol .colmid    { background: #fff; right: 25%; border-right: 1px solid #e4e3f2 }
.threecol .colleft    { background: #fff; right: 50%; border-right: 1px solid #e4e3f2 }
.threecol .col1  { left: 102%; width: 46% }
.threecol .col2   { left: 31%; width: 21% }
.threecol .col3   { left: 85%; width: 21% }

/* 2 Column (right menu) settings */
.rightmenu  { padding: 5px 0; }
.rightmenu .colleft {
right:40%; /* right column width */
background:transparent; /* left column background colour */
}
.rightmenu .col1  { left:40%; width:60%; }
.rightmenu .col3 {
width:26%; /* right column content width (right column width minus left and right padding) */
left:47%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer  { font-size: .85em; text-align: center; width: 100%; float: left; clear: both; background: #fff; border-top: 1px solid #E4E3F2;}
.clear { float: left; clear: both; }	






/*-------MENU------*/

#navcontainer {
font-family: Times;
font-size: 1.2em;
margin: 0;
}


#navcontainer ul
{
padding: 0 0 .2em 0;
margin: 0;
list-style-type: none;
background-color: #FFF;
color: #363636;
width: 100%;
text-align: right;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #FFF;
color: #363636;
margin: 0 1.5em .2em 1.5em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #FFF;
color: #000;
border-bottom: 2px solid #000;
}

/* STYLES */

#quote { text-align: center; color: #a64d2b; background-color: #B1D4EA; font-size: 12px; line-height: normal; font-style: italic; font-weight: bold; text-align: center; padding: 10px }
#quote p { margin: 0; padding: 0 }

.byline { font-size: 12px; font-weight: normal; padding-top: 5px }
.byline p { margin: 0; padding: 0; display: inline }

.article p { text-align: justify; }


.col3 h2 { font-size: 1em; }
.col3 img { border: 0; margin: 28px 0 5px 0; }
.col3 a, .col3 a:link, .col3 a:active, .col3 a:visited { text-decoration: none; font-weight: bold; }
.booklink a, .booklink a:link, .booklink a:active, .booklink a:visited { color: #FFF; text-decoration: none; font-weight: bold; }
.booklink a:hover { text-decoration: underline }

/*------HOME-------*/


#slideshow {
background-color: transparent;
width: 456px;
}

.slide {
width: 456px;
text-align: center;
background-color: transparent;
padding-top: 7px;
}

.slide img {
diplay:block;
margin:auto;
border: 0;
}


#imagefade {
position: relative; float: left; text-align: center; width: 725px; padding-top: 25px; border: 1px solid red
}

#imagefade img {
border: 0;
}

.col1 img { border: 0 }