body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:url(../images/body_background.jpg) repeat-x;
	background-color: #5EBEF8;
	min-width:800px;		/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-size:75%;
	font-family: verdana;
	height:100%;
}
img {
	border:none;
	margin:10px 0 5px;
	padding:0;
	padding:0 8px 0 8px;
}
a {
	color:#fff;
	text-decoration:none;
	border-bottom: none;
}
a:hover {
	color:#fff;
	border-bottom: solid 1px #eee;
}
a1 {
	color:#fff;
	text-decoration:none;
	border-bottom: none;
}
a1:hover {
	color:#fff;
	border-bottom: none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.8em 0 .8em 0;
	padding:0;
}
p1 {
	margin:.8em 0 .8em 0;
	padding:0;
	color:#000;
}
p2 {
	margin:10px 10px 10px 10px;
	padding:0;
}
p1:hover {
	color:blue;
	border-bottom: solid 1px #eee;
}
#wrapper {
	margin:20px auto 18px auto;
	width:800px;
	border:2px #fff solid;
	overflow:hidden;
}
/* Header styles */
#header {
	clear:left;
	float:left;
	width:100%;
	/*background:url(../images/headerbackground.jpg) repeat-x bottom;*/
	background-color: #3579D5;
	margin:auto;
}
#header {
	border-bottom:3px solid #fff;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#title {
	clear:both;
	float:left;
	width:800px;
	height:80px;
	background:url(../images/title.jpg) no-repeat;
	}
.imgcell img, .imgcell a {
    margin: 0;
    border: 0;
    padding: 0;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #fff;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	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 */
	font-size:90%;
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 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;
}
/* 3 Column settings */
.threecol {
	/* right column background colour */
	background:url(../images/main_background.jpg) repeat-x #A7D5FD;
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	/* center column background colour */
	background:url(../images/main_background.jpg) repeat-x #A7D5FD;
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	/* left column background colour */
	background:url(../images/main_background.jpg) repeat-x #A7D5FD;
}
.threecol .col1 {
	width:54%;			/* width of center column content (column width minus padding on either side) */
	left:98%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:22%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:78%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:3px solid #fff;
	background:url(../images/footer_background.jpg) repeat-x;
	height:80px;
	color: #fff;
}
#footer p {
	padding:10px;
	margin:0;
	text-align:center;
}

.menu {
    position: relative;
    height: 30px;
	padding-left: 15px;
	background-color:#3281BA;
	margin: 0;
    overflow: hidden;
	clear:both;
}
    /* Force the list to flow horizontally */
    .menu li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .menu li.back {
            background: url(../images/menu_selected.jpg) repeat-x right -30px;
            width: 9px;
			height: 30px;
            z-index: 8;
            position: absolute;
        }
            .menu li.back .left {
                background: url(../images/menu_selected.jpg) repeat-x top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .menu li a {
            position: relative;
			overflow: hidden;
            text-decoration: none;
            color: #031F46;
			outline: none;
            text-align: center;
            height: 30px;
			top: 7px;
            z-index: 10;
			letter-spacing: 0;
            float: left;
			display: block;
            margin: auto 0px auto;
			padding:0 10px 0 10px;
        }
		
		.menu li a:hover {
		color:#000;
		background:none;
		}

span.selected {
		color:#000;
		background:none;
		font-weight: bold;
}

/* sidebar styles */
p.sidebar_header{font-weight:bold;background-color: #3281BA;padding:5px 0 5px 0;margin:0;border-bottom:solid 4px #6EA6D7;text-align:center;}
.sidebar_content  p {padding:0 8px 0 8px;text-align:center;}
.sidebar_content ul {padding:0 0 0 26px;margin:0;}
.openingtimes {font-family:courier new;}

div.outer { background-color: #6EA6D7; padding:4px; margin:12px 0 12px 0;}

div.sidebar { background-color: transparent; width:168px; margin-top:10px;}
div.sidebar_header_left { float:left; background:url(../images/sidebar_header_left.gif) no-repeat bottom; height:33px; width:12px}
div.sidebar_header_center { float:left; background:url(../images/sidebar_header_center.gif) repeat-x bottom; height:33px; width:114px;text-align:left;color:#fff;line-height:38px;font-weight:bold;}
div.sidebar_header_right { float:left; background:url(../images/sidebar_header_right.gif) no-repeat bottom; height:33px; width:12px;}

div.sidebar_content {clear:left;background-color:#fff; padding:0;border: solid 2px #6EA6D7;}

/* sidebar icons */
div.sidebar_header_clock { float:left; background:url(../images/sidebar_header_clock.gif) no-repeat; height:33px; width:30px;}
div.sidebar_header_stockist { float:left; background:url(../images/sidebar_header_stockist.gif) no-repeat; height:33px; width:30px;}
div.sidebar_header_specials { float:left; background:url(../images/sidebar_header_specials.gif) no-repeat; height:33px; width:30px;}
div.sidebar_header_fish { float:left; background:url(../images/sidebar_header_fish.gif) no-repeat; height:33px; width:30px;}
div.sidebar_header_tweet { float:left; background:url(../images/sidebar_header_tweet.gif) no-repeat; height:33px; width:30px;}
div.sidebar_header_blank { float:left; background:url(../images/sidebar_header_blank.gif) no-repeat; height:33px; width:30px;}

/* menu bar styles */
div.mainbar { background-color: transparent; width:100%; margin-top:10px;}
div.mainbar_header_left { float:left; background:url(../images/sidebar_header_left.gif) no-repeat bottom; height:33px; width:12px}
div.mainbar_header_center { float:left; background:url(../images/sidebar_header_center.gif) repeat-x bottom; height:33px; width:408px;text-align:left;color:#fff;line-height:38px;font-weight:bold;}
div.mainbar_header_right { float:left; background:url(../images/sidebar_header_right.gif) no-repeat bottom; height:33px; width:12px;}

div.mainbar_content {clear:left;background-color:#fff; padding:0;border: solid 2px #6EA6D7;}

.mainbar_content  p {padding:0 8px 0 8px;text-align:center;}

element.style {position:relative;}

#twitter_update_list li a {list-style: none;color:#0000ff;}
#twitter_update_list li span {list-style: none;color:#000;} 
#twitter_update_list li span a{list-style: none;color:#000;}
#twitter_update_list ul {list-style: none;}
#twitter_update_list li {list-style: none;margin-left:0px;list-style-position: inside;color:#000;}
#twitter {margin:.8em 0 .8em 0;
	padding:4px;}

