body {
     color: #000;
     background:url(../images/background.jpg)repeat-x scroll 0 0;
     font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
     font-size: 14px;
     line-height: 1.5em;

}
div { margin: 0; padding: 0; }
a, a:visited, a:hover { text-decoration: none; color: #c80038; }
a img { border: none; }
h1 { font-weight: normal; font-size: 210%; margin: 0; color: #c80038; }
h1 a, h1 a:hover, h1 a:visited { color: black; }
h2 { margin-top: 0.2em; color: #0001B4; border-bottom: 1px solid #EF940F; }
h3 { color: #0a3a86; }

#mainWrapper {
    width: 960px;
    margin: 0px auto;
    padding: 0;
}

#topLine {
    width: 940px;
    height: 20px;
    float: left;
}

#largerText {
        width: 220px;
        height: 20px;
	float: right;
	color: #6d6d6d;
	text-align: right;
}

#topLinks {
        width: 190px;
        height: 20px;
	float: right;
	font-weight: bold;
	text-align: right;
}

#topLinks a { color: #6d6d6d; }

#headerWrapper {
        width: 960px;
        height: 140px;
	float: left;
	margin-top: 15px;
}

#logo {
	float: left;
	height: 69px;
	width: 200px;
	background-image: url(../images/logo.jpg);
}

#logo a {
	float: left;
	height: 69px;
	width: 200px;
}

#strapLine {
	float: left;
	height: 88px;
	width: 350px;
	color: #c80038;
	font-size: 24px;
	line-height: 25px;
	text-align: center;
}

#search {
	float: right;
	height: 40px;
	width: 400px;
}

#search input {
        background-color: #FFFFFF;
        border: 1px solid #cfcfcf;
}

#search input.button {
        background-color: #ef940f;
        color: #FFFFFF;
}

#staticNavigation {
	float: right;
	height: 37px;
	width: 745px;
}

#staticNavigation ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

#staticNavigation ul li {
	float: left;
	height: 37px;
	width: 105px;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #b8b8b8;
}

#staticNavigation ul li a {
	color: #0001b4;
        height: 17px;
        display: block;
        padding: 10px;
}

#staticNavigation ul li a:hover , 
#staticNavigation ul li a.current {
        color: #c9043a;
        font-size: 14px;
}

#contentWrapper {
	float: left;
	min-height: 400px;
        _height: 400px;
        width: 960px;
}

#top {
	float: left;
	height: 20px;
	width: 960px;
	background-image: url(../images/top.jpg);
}

#middleWrapper {
	float: left;
	width: 960px;
	background-image: url(../images/middle.jpg);
	background-repeat: repeat-y;
}

#wrapper {
	float: left;
	min-height: 400px;
        _height: 400px;
	width: 960px;
}

#leftSide {
	float: left;
	min-height: 750px;
        _height: 750px;
	width: 285px;
	margin-left: 24px;
}

#topMenu {
	float: left;
	height: 18px;
	width: 285px;
	background-image: url(../images/top-menu.jpg);
}

#bottomMenu {
	float: left;
	height: 18px;
	width: 285px;
	background-image: url(../images/bottom-menu.jpg);
}

#mainMenu {
	float: left;
	min-height: 1px; 
        _height: 1px;
	width: 285px;
	background-image: url(../images/middle-menu.jpg);
        background-repeat: repeat-y;
}

#mainMenu ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

#mainMenu ul li {
	height: 20px;
	width: 215px;
        font-size: 13px;
        margin-left: 35px;
        padding: 5px 0;
	text-align: center;
	list-style-type: none;
	border-bottom: 1px dotted #c80038;
}

#mainMenu ul li a { color: #000; font-size: 15px; }
#mainMenu ul li a:hover , #mainMenu ul li a.current {
        color: #c9043a;
        font-weight: bold;
}
#mainMenu ul li:last-child { border: none; }


#memberLogin {
	float: left;
	min-height: 120px;
        _height: 120px;
	width: 283px;
        margin-top: 10px;
}

#memberLoginTop {
	float: left;
	height: 13px;
	width: 283px;
	background-image: url(../images/login-top.jpg);
        background-repeat: no-repeat;
}

#memberLoginMiddle {
	float: left;
	width: 268px;
        padding: 0 5px 0 10px;
	background-image: url(../images/login-middle.jpg);
        background-repeat: repeat-y;
}

#memberLoginBottom {
	float: left;
	height: 13px;
	width: 283px;
	background-image: url(../images/login-bottom.jpg);
        background-repeat: no-repeat;
}

#latestNews {
	float: left;
	height: 393px;
	width: 286px;
	margin-top: 10px;
	background-image: url(../images/news-box.jpg);
}

#newsHeader {
	float: left;
	height: 36px;
	width: 267px;
	margin: 10px;
	background-image: url(../images/latest-news.jpg);
}

#thumbnails {
	float: left;
	height: 420px;
	width: 286px;
	margin-top: 10px;
}

.thumbImageBox {
	width: 136px;
	height: 133px;
	float: left;
	position: relative
}

.thumb-imageBack {
	width: 136px;
	height: 106px;
	position: absolute;
	z-index: 0;
	top: 26px;
}

.thumb-imageMask {
	width: 136px;
	height: 133px;
	position: absolute;
	background-image: url('../images/box-small.png');
	z-index: 1;
}

.thumb-imageBoxLink {
	width: 128px;
	margin: 3px 4px 0;
	height: 25px;
	z-index: 2;
	position: absolute;
	font-size: 11px;
} 


#rightSide {
	float: left;
	min-height: 400px;
	width: 640px;
	margin-left: 10px;
}

#mainImages {
	float: left;
	height: 400px;
	width: 640px;
}

.imageBox {
	width: 199px;
	height: 193px;
	margin: 0px 2px;
	float: left;
	position: relative
}

.imageBack {
	width: 195px;
	height: 152px;
	position: absolute;
	z-index: 0;
	top: 39px;
	left: 2px;
}

.imageMask {
	width: 199px;
	height: 193px;
	position: absolute;
	background-image: url('../images/imageMask.png');
	z-index: 1;
}

.imageBoxLink {
	width: 179px;
	margin: 11px 10px 9px;
	height: 19px;
	z-index: 2;
	position: absolute;
	font-weight: bold;
} 

.margin-leftImageBox { margin-left: 10px; }
.marginTopImageBox { margin-top: 10px; }
.marginTopLeftImageBox { margin: 10px 0px 0px 10px; }

#content {
	float: left;
	min-height: 330px;
	width: 620px;
	margin-top: 7px;
}

#bottom {
	float: left;
	height: 20px;
	width: 960px;
	background-image: url(../images/bottom.jpg);
}

#clear {
	width: 960px;
	height: 1px;
	line-height: 1px;
	clear: both;
}

#footerMenu {
        height: 30px;
	margin: 12px 230px;
        width: 500px;
}

#footerMenu ul {
        width: 100%;
        padding: 0;
	margin: 0;
}

#footerMenu ul li {
        margin: 0 12px;
        list-style-type: none;
        float: left;
        text-align: center;
}

#footerMenu ul li a {
        color: #c80038;
}

#footer {
        width: 960px;
        height: 90px;
	margin-top: 7px;
}

#footContent {
        margin: 0px auto;
        text-align: center;
        width: 850px;
        height: 90px;
	color: #000;
}

#zebra {
        height: 65px;
	color: #000;
	float: left;
	text-align: right;
}

#zebra a { color: #c80038; font-weight: bold; }
#footer p { font-size: small; }
.red { color: #c80038; }

div.tb { text-align: right; float: left; width: 35%; }
div.otb { float: left; margin: 0 0 10px 5px; width: 54%; }
.bold { font-weight: bold; }
.header { font-size: 14px; color: #0001B4; margin: 0 0 8px 8px; width: 255px; float: left; font-weight: bold; }

.blogList {
	height: 60px;
	margin-bottom: 20px;
}

ul#newsList {
        float: left;
        height: 300px;
        width: 246px;
        padding: 0 20px;
        margin: 0;
}

ul#newsList li { 
        list-style-type: none; 
        padding: 0;
        border-bottom: 1px dashed #d8d8d8;
}

.title { margin-top: 20px; }
.title ul { width: 100%; margin: 0; padding: 0; }
.title ul li { list-style-type: none; font-size: 12px; font-weight: bold; }
.newsBody { margin: 0 0 20px 20px; border-bottom: 1px dotted #c80038; }
.bold { font-size: 15px; }
.bold a { color: #EF940F; }

#emailMarketing {
	float: left;
	height: 124px;
	width: 273px;
	padding: 5px;
        margin: 15px 0;
	background-image: url(../images/login-box.jpg);
}
#emailMarketing h2 { font-size: 18px; }

#memberLogin .tb , #memberLogin .otb { margin-bottom: 5px; }
#memberLogin .full { margin-bottom: 0px; }

ul .twiterList { margin: 15px 0; }
#davidHeader { background-image: url(../images/david.jpg); background-repeat: no-repeat; width: 267px; height: 36px; float: left; margin-top: 15px; }
#malcomeHeader { background-image: url(../images/malcolm.jpg); background-repeat: no-repeat; width: 267px; height: 36px; float: left; margin-top: 15px; }
#garryHeader { background-image: url(../images/garry.jpg); background-repeat: no-repeat; width: 267px; height: 36px; float: left; margin-top: 15px; }


ul#newsList , .twiterList {
        float: left;
        min-height: 200px;
        _height: 200px;
        width: 246px;
        margin: 0;
        padding: 0 20px;
}

ul#newsList li , .twiterList li { 
        list-style-type: none; 
        padding: 5px 0;
        border-bottom: 1px dashed #d8d8d8;
}
.full , .row { width: 98%; margin: 0px 1% 5px; float: left; }
#memberLogin .tb , #memberLogin .otb { margin-bottom: 5px; }
#memberLogin .full { margin-bottom: 0px; }

.hidden { display: none; }
.error { background-color: #F40050; }