@charset "UTF-8";
/* CSS Document */

body				{ background-color:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%;}
p					{ color:#3e3e3e; margin-bottom:10px; }

h2					{ font-family:Arial, Helvetica, sans-serif; font-size:52px; line-height:52px; color:#FFFFFF}
h1					{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:100; color:#3e3e3e; line-height:28px}
h3					{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:100; color:#3e3e3e; line-height:22px}
h4					{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:100; color:#ffffff; line-height:22px}
h5					{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3e3e3e; line-height:16px}
h1.home				{ font-family:Arial, Helvetica, sans-serif; font-size:52px; line-height:52px; color:#FFFFFF; position:absolute; left:150px; top:30px; letter-spacing:-1px; font-weight:bold;}
h2.home				{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:100; color:#3e3e3e; line-height:28px}

a					{ color:#3e3e3e; text-decoration:underline;}
a:hover				{ color:#666666;}
*					{margin:0px;}
.hr						{ background:url(../images/dot.gif) repeat-x; height:1px; margin:10px auto; display:block;}
.img-place				{ margin:15px auto; display:block;}
.right					{ float:right;}
.left					{ float:left;}
img						{ border:none;}
fieldset				{ border:none; margin:0px;}
/*LAYOUT*/
#container-top			{ width:1024px; height:17px; background:url(../images/container-top.gif) no-repeat top; margin:20px auto 0 auto;}
#container				{ width:1024px; padding:6px 0 0px 0; background:url(../images/container-bg.gif) repeat-y; margin:0px auto; display:block;}
#logo					{ position:absolute; top: 0px; left:0px; z-index:1000;}
#nav					{ height:28px; padding-top:2px; width:983px;}
#nav ul					{ width:684px; list-style:none; padding:0px; padding-top:6px; float:left; margin-left:15px;}
#nav li					{ float:left; text-transform:uppercase; font-size:12px; margin-right:5px; color:#FFFFFF;}
#nav li a				{ color:#FFFFFF; text-decoration:none; margin-right:5px; font-weight:100;}
#nav li a:hover			{ text-decoration:underline;}
#search					{ float:right; margin-right:1px; width:244px;}
#search-form input.text-inp		{ float:left; margin:0 5px 0 0; padding:2px 3px; font-size:14px; width:160px; height:16px;font-family:Arial, Helvetica, sans-serif;}
#search-form input.submit	{background-color:#229f49;border:1px solid #FFFFFF;color:#FFFFFF;cursor:pointer;float:right;height:26px;margin:0 2px 0 0; font-family:Arial, Helvetica, sans-serif;}
#search-form input.submits	{float:none;}

#header					{ width:984px; margin:0 auto;}
#banner					{ width:983px; height:132px; margin:0px; position:relative; background:no-repeat;}
#banner h2				{ position:absolute; left:150px; top:30px; letter-spacing:-1px;}
#banner h4				{ position:absolute;left:150px; top:80px; font-style:italic; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; opacity:0.8;filter:alpha(opacity=80)}
#banner .banner-ad		{ position:absolute; right:15px; top:35px;}
#footer					{ clear:both; width:984px; margin:0 auto; padding:25px 0 10px 0; position:relative;}
#footer .tag			{ position:absolute; right:0px; bottom:0px; width:130px; height:11px; padding:8px; background:url(../images/tag.gif) no-repeat;}
#footer .tag a			{ color:#FFFFFF; text-decoration:none; font-size:11px;}
#footer p				{ font-size:10px;}
#footer ul				{ padding:0px; margin-bottom:20px }
#footer ul li			{ float:left; margin-right:5px; margin-bottom:10px; color:#656565; list-style:none;}
#footer ul li a			{ color:#656565; text-decoration:none; font-size:10px; margin-right:5px; }
#footer ul li a:hover	{ text-decoration:underline;}	
#footer .hr				{ margin:10px 0 40px 0; clear:both;}
#footer .footer-sub 	{ text-align: center; }

/*Mid section*/

#content				{ width:984px; padding:8px 0; margin:0 auto;}

#main					{ float:left; width:524px; margin-right:14px;}
#story					{ width:524px; }
#story .publisher		{ padding-bottom:8px;}
#story .publisher p		{}
#story .publisher img	{ float:left;}
#story .contents		{ background-color:#f9f9f9; padding:10px;}
#story .contents h2		{ margin-bottom:5px;}
#story .contents .text		{ clear:both; width:259px; float:left;}
#story
#story .contents .text p	{ text-align:justify; }
#story .contents .image			{ width:234px; float:right}
#main .ispage 			{ width: 777px; }
#mid-col				{ float:left; width:253px;}
#mid-col #twitter		{}
#mid-col #twitter .top	{ background:url(../images/twitter-head-bg.png) no-repeat top right; width:243px; padding:5px; height:44px;}
#mid-col #twitter .top p	{ color:#FFFFFF; font-size:9px;}
#mid-col #twitter .mid		{ height:450px; width:253px; margin-top:1px;  padding:15px 0 0 0; background-color:#cecece;}
#mid-col #twitter .mid ul	{ padding:0px;}
#mid-col #twitter .mid ul li	{ list-style:none; position:relative; background-color:#FFFFFF; width:217px; margin:0px auto; margin-left:11px; margin-bottom:16px; padding:8px;}
#mid-col #twitter .mid ul li .top-left	{ position:absolute; top:0px; left:0px;}
#mid-col #twitter .mid ul li .top-right	{ position:absolute; top:0px; right:0px;}
#mid-col #twitter .mid ul li .bottom-right	{ position:absolute; bottom:0px; right:0px;}
#mid-col #twitter .mid ul li .bottom-left	{ position:absolute; bottom:0px; left:0px;}
#mid-col #twitter .mid ul li .speach		{ bottom:-10px; position:absolute; left:31px;}
#mid-col #twitter .mid ul li .message p.twit-date			{ color:#666666; margin-bottom:0px; font-size:8px; font-style:italic;}
#mid-col #twitter .mid ul li .post img		{float:left;padding:11px 0 11px 11px;width:50px;}
#mid-col #twitter .mid ul li .post .message	{float:right;padding:5px 5px 0;width:145px;}
#mid-col #twitter .mid ul li .post .message p	{ font-size:11px;}

#right-col				{ float:right; width:180px;}

.mini-story					{ width:237px; padding:5px; background-color:#f9f9f9; float:left; margin:10px 10px 0 0;}
.mini-story .publisher		{ width:237px; margin:10px 0; height:30px;}
.mini-story .publisher img	{ float:left;}
.mini-story .publisher p	{ float:left;}
.mini-story h3				{ clear:both;}
.mini-story p				{ text-align:justify;} 

#feeds					{ width:524px; margin:10px 0 0 0 }
#feeds h3				{ background:url(../images/rss.gif) no-repeat left; padding-left:45px; height:33px; padding-top:12px; font-size:26px;}
#feeds .column			{ float:left; width:250px;}
#feeds .column h3 {background-image:url(../images/bullet_black.gif);background-position:10px 4px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;background-repeat:no-repeat;float:left;font-size:1em;margin:0;padding:0 10px 0 20px;width:220px;}
#feeds .column h3 a	{color:#4F493B;text-decoration:none;}
#feeds .column a			{ text-decoration:none;}
#feeds .column p {float:left;margin:0;padding:0 10px 10px 20px;width:200px;}

/*HomePage*/
#banner h2.hp				{ position:absolute; left:150px; top:50px; font-size:34px; line-height:34px; }
#banner h4.hp				{ position:absolute;left:150px; top:100px; font-style:italic; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; opacity:0.8;filter:alpha(opacity=80)}

/*MAP*/
.hp-nav							{ background:url(../images/hp-nav-bg.gif) repeat-x bottom;;}
#story .contents .gen-text		{ text-align:justify; margin-top:20px;}
#story .map		{ background:#f4f4f4 url(../images/hp-map.jpg) center no-repeat; height:495px; margin-top:15px; width:525px; position:relative;}

#story .map p			{ margin:0px;}
#story .map a		{ font-size:16px; font-weight:bold; margin:8px 8px 0 0; float:left; color:#FFFFFF;text-decoration:none;}
#story .map a.img		{ margin:0; }

#story .map .norwich	{ position:absolute; width:150px; top:130px; left:300px;}
#story .map .ipswich	{ position:absolute; width:150px; top:265px; left:295px;}
#story .map .colchester	{ position:absolute; width:150px; top:315px; left:240px;}

/*Club Update list*/
.hp-club-update		{ width:252px; margin:0px auto 15px auto;}
.hp-club-update .top h3	{ text-indent:-5000px; position:absolute;}
.hp-club-update .top	{height:41px; position:relative;}
.hp-club-update ul		{ margin-top:20px;}
.hp-club-update ul li	{ list-style-image:url(../images/hp-club-li.gif); margin:5px 0 0 0px; background:url(../images/dot.gif) repeat-x bottom; padding-bottom:10px}
.hp-club-update ul li a	{ text-decoration:none;}
.hp-club-update ul li a:hover	{ text-decoration:underline;}


/* random */
.hidden {
	display: none;
	visibility: hidden;
}


/*--Clearfix--*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}



.clearfix {
    display: inline-block;
}



* html .clearfix {
    height: 1%;
}