/*generic*/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#88898b;background:url(images/background.jpg) 50% 0 repeat-y;}
h1 {color:#00bef2; font-weight:700; font-size: 2.2em; margin:0; padding:0;}
h2 {color:#00bef2; font-weight:700; font-size: 1em; margin:0; padding:0;}
h3 {color:#00bef2; font-weight:700; font-size: 1.5em; margin:0; padding:0;}
a {color:#42cbf1; text-decoration:none;}
a:visited {text-decoration:none; color:#42cbf1;}
a:hover {text-decoration:underline; color:inherit;}

/*structure*/

#wrapper{float:left; margin:0; padding:0; width:100%; text-align:center;}
#ff-container{margin:auto;padding:0;width:800px;text-align:left;}
#container {float:left; margin:0; padding:0; width:800px;}
#logo {float:left; width: 235px; height: 124px; margin:0; padding:0;border:0; background:url(images/centre-logo.gif) 0 0 no-repeat;}
#tagline {float:right; margin:87px 0 0 0; padding:0;}
#tagline ul {float:right; margin:0; padding:0; }
#tagline li {float:right; margin:0; padding:0 20px 0 12px; font-weight:700; font-size: 1.3em;color:#88898b;text-decoration:none;display:inline; text-align:center; background: url(images/round-divider.jpg) 100% 50% no-repeat; width:auto; }
#tagline li.last {background:none;}

#main-nav {float:left; margin:0; padding:0; width:800px; height:26px; background:url(images/nav-bar.gif) 0 0 no-repeat;}
#main-nav ul {float:left; margin:0; padding:0; list-style:none;}
#main-nav li {float:left; margin:0; padding:0; display:inline; }
#main-nav li a {float:left; margin:0; display:inline; padding:4px 0 0 0; width:100px; font-size: 1.2em;color:#fff;text-decoration:none;text-align:center;background:url(images/menu-divider.gif) 100% 50% no-repeat; font-weight:700;}

#banner {float:left; margin:13px 0 0 13px; padding:0 ; width:774px; height:182px; }
#leftcol {float:left; margin:13px 0 0 13px; padding:0; width:526px;}
#leftsplit {float:left; margin:0; padding:0 10px 0 0; width:240px; border-right:1px solid #e7e7e7;}
#leftsplitimage {float:left; margin:10px 0 0 0 ; padding:0; width:240px; height:49px;}
#textcolleft {float:left; margin:0; padding:13px 0 0 0; width:240px;}

#rightsplit {float:left; margin:0; padding:0 0 0 10px; width:252px;}
#rightsplitimage {float:left; margin:10px 0 0 0; padding:0; width:240px; height:49px;}
#textcolright {float:left; margin:0; padding:13px 0 0 0; width:240px;}
#rightcol {float:right; margin:13px 13px 0 0; padding:0; width:238px;}
#rightcol .rightcolbox {margin:0; padding:4px 10px 0px 10px; width:217px; font-weight:700; font-size: 1.3em;color:#fff; height:22px; background:url(images/findus-bar.gif) 0 0 no-repeat;}
#rightcol .rightcolgrey {margin:0; padding:10px; width:216px; min-height:190px;border:solid; border-color:#e7e7e7; border-width:0 1px 1px 1px;}

/* item templates */
.item-image-left, .item-image-right { float: left; width: 500px; margin-bottom: 15px; }
.item-image-left img { float: left; margin: 0 0 10px 10px; border: 1px solid #d6d6d6;}
.item-image-right img { float: right; margin: 0 0 10px 10px; border: 1px solid #d6d6d6;}
.image-area { width: 200px; float: right; text-align: right; padding: 0 5px 10px 5px; }
.item-image-top { float: left; width: 100%; }
.image-bottom { float: left; width: 100%; }