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

body {font: 62.5% arial,sans-serif;
background-color: #dfdcd5;}

#outer {width:780px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #fff;
border: 3px solid #854c6d;
margin-top: 20px;}

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

#leftcol {width:170px;
float:left;
position:relative;
background-color:#ffffff;}

#twocols {width:610px;
float:right;
position:relative;}

#rightcol {width:170px;
float:right;
position:relative;
background-color:#ffffff;}

#maincol {background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
font-size: 1.4em;
line-height: 1.4em;}

#maincontent {padding: 0 12px 0 8px;}

#leftcontent {padding: 0 4px 0 8px;}

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

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

/* Main element styling */

#lcdlogo, img#logo, #tagline {position: absolute;}

#lcdlogo {left: 660px;
top: 20px}

img#logo {left: 14px;
top: 25px;}

#tagline {left: 20px;
top: 78px;
font-size: 1.8em;
color: #000;}

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

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

a:hover {text-decoration: underline}

h1 {color: #74004c; 
font-size: 1.3em;}

h2 {color: #74004c;
font-size: 1em;}

h3 {color: #74004c;
font-size: 1.2em;}

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

#maincontent ul li {margin: 0 0 0.3em;
padding: 0;
list-style: none;
background: url(../../../images/rebrand/red_square.gif) no-repeat left 0.3em;
padding-left: 14px;}

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;}

div.welcomenote {margin: 20px 0 20px 0}

div.noticebox {width: 260px;
background-color: #dfa4ba;
background-repeat: no-repeat;
font-size: 1.6em;
line-height: 1.4em;
border: 1px solid  #c08299;
position: relative;
padding: 20px 14px 14px 14px;
margin-top: 30px;
float: left;
text-align: center;}

div.pinicon {background: url(../../images/cafeclub/redpin.gif) no-repeat left center;
height: 53px;
width: 44px;
position: absolute;
left: 14px;
top: -27px;
}

img#teacup {float: right;
margin-left: 20px}

/* -- Left side navigation -- */

#leftnavmenu {width: 150px;
border: 1px #c8c5bd solid;
margin: 0px 0px 10px 0px}

#leftcontent h2 {font-size: 1.3em;
color: #99938a;
padding: 4px 4px 4px 4px;
width: 120px;
background-color: #ffffff;
margin: 0;
}

#leftnavmenu h2 {font-size: 1.4em;
color: #c30e55;
padding: 4px 6px 4px 6px;
width: 116px;
background-color: #ffffff;
margin: 0;
border-bottom: 1px #cecdc8 solid;
}

#leftnavmenu ul {margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;}

#leftnavmenu ul.namedmenu {}

#leftnavmenu li {margin: 0 0 1px 0;}

#leftnavmenu a {display: block;
padding: 4px 15px 4px 15px;
color: #5b003a;
text-decoration: none;
font-size: 1.4em;
}

#leftnavmenu li.itemstyle {background: #000000 url(../../images/rebrand/red_arrow.gif) no-repeat 4px 7px;}

#leftnavmenu li.selecteditemstyle {background: #ffffff;}

#leftnavmenu a:hover {color: #5b003a;
text-decoration: underline;}

#leftnavmenu ul ul li {margin: 0 0 1px 0;
padding: 0;}

#leftnavmenu ul ul a {display: block;
padding: 4px 5px 4px 20px;
color: #5b003a;
text-decoration: none;}

#leftnavmenu ul ul li.selectedsubitemstyle a {background: #F5EFF3 url(../../images/rebrand/red_square.gif) no-repeat 6px 8px;}

#leftnavmenu ul ul li.subitemstyle a {background: #F5EFF3 url(../../images/rebrand/red_arrow.gif) no-repeat 6px 7px;}

#leftnavmenu ul ul a:hover {color: #5b003a;}

/* -- END Left side navigation -- */

/* 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 0 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;}

#twocols, #maincol {width:100%;
float:none;}

}