html, body {margin:0;
padding:0;
text-align:center;}

body {font: 62.5% arial,sans-serif;
background: #fff url(../../images/waterwalks/gradient_bg.jpg) repeat-x;}

#outer {width:800px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #f3f3f1;
border: 3px solid #c5b6ba;
margin-top: 20px;}

#header {position:relative;
height:154px;
background-color:#ffffff;
width:100%;}

#topnav {font-size: 1.6em;
font-weight: bold;
border-bottom: 2px solid #fff}

#rightcolumn {width:220px;
float:right;
position:relative;
background-color:#ffffff;
padding: 12px;
border: 1px solid #eae9e6;
margin: 0 10px 10px 10px;
font-size: 1em;}

#rightpic {
float:right;
position:relative;
margin: 0 10px 20px 50px;}

#contentwrapper {padding: 0;
clear: both;
background: #fff url(../../images/waterwalks/content_gradient_bg.jpg) repeat-x;
font-size: 1.4em;
line-height: 1.4em;}

#contentpadding {padding: 20px 30px;}

#rightcontent {padding: 38px 0px 4px 8px;}

#footer {height: 50px;
clear:both;
margin-top: 10px;}

/* Main element styling */

img#waterwalks, img#lcd_logo, img#twt_logo {position: absolute;}

img#lcd_logo {left: 660px;
top: 28px}

img#waterwalks {left: 28px;
top: 56px;}

img#twt_logo {left: 460px;
top: 46px;
}

h1, h2, h3 {margin:0;
padding: 0;}

a {color: #aa0056;
text-decoration: none;
}

a:hover {text-decoration: underline}

h1 {color: #5b003a; 
font-size: 1.3em;
line-height: 1.3em;}

h2 {color: #5b003a;
font-size: 1.1em;}

h3 {color: #525252;
font-size: 1em;}

.attachmentlist h2 {color: #525252;}

#gallery h3 {margin-bottom: 10px;
font-size: 1em;}

#contentwrapper #gallery ul li {margin: 0 0 0.3em;
padding: 0;
list-style: none;
background: none;
padding-left: 14px;
float: left;}

#contentwrapper ul {margin: 0;
padding: 0;}

#contentwrapper ul li {margin: 0 0 0.3em;
padding: 0;
list-style: none;
background: url(../../images/waterwalks/walks_square.png) no-repeat left 0.3em;
padding-left: 14px;}

#rightcolumn a:link,
#rightcolumn a:visited,
#rightcolumn a:active
{color: #aa0056;
position: relative;}

#rightcolumn a:hover, 
#rightcolumn a.current {
color: #d21a4d;
text-decoration: none;
position: relative;}

#rightcolumn p {color: #75716b;}

#rightcolumn h3 {color: #5b003a;
margin-bottom: 6px;
margin-top: 14px;
font-weight: bold;
}

div#footer p {margin:0;
padding: 0px 10px 1px 10px;
color: #99938a;
font-size: 1em;}

blockquote {background: url(../../images/rebrand/startquote.gif) no-repeat top left;
margin: 1em 0 1em 0px;
padding-left: 26px;
font-size: 1.2em;
font-weight: bold;
color: #56003a;
display: block;
text-align: justify;}

blockquote p {background: url(../../images/rebrand/endquote.gif) no-repeat top right;
padding-right:27px;}

blockquote p span {font-weight: normal;
color: #aa0056;
font-size: 0.9em;
display: block;
margin-top: 10px;
text-align: left;}

/* Top nac styling */

#topnav ul, #topnav li {
padding: 0;
margin: 0;
list-style: none;}

#topnav ul {
margin-left: 20px}

#topnav li {float: left;}

#topnav a {display: block;
padding: 8px 15px;
}

#topnav a:link,
#topnav a:visited,
#topnav a:active
{color: #aa0056}

#topnav a:hover, 
#topnav a.currenttitle {
color: #d21a4d;
text-decoration: none;}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 10px 8px 10px}


/* *** Float containers fix: */

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/*printer styles*/

@media print{

/*hide the left column when printing*/

#leftcol {display:none;}

/*hide the right column when printing*/

#rightcol {display:none;}