/* Layout Style Sheet :: talkfreely.com */
/* Author :: Alex Stanhope for GTM and Ian Thomas */
/* Copyright :: The Author, All rights reserved */
/* Set height for the benefit of FireFox etc. */
/* Margins between boxes = 13px; */

html {
	height: 100%;
}


body {
	background: #F2F6FE url('/templates/images/bg_page.png') repeat-x;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #185294;
	padding: 0px;
	margin-top: 20px;
}


a {
	color:#FF6600;
	text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;}

img {
	border: 0px;
}

h1 {
	font-size: 1.2em;
	margin-top: 0px;
}

p {
	margin:0px;
	padding:0px 0px 8px 0px;
	font-size:12px;
	line-height:16px;
/*	margin-left: 20px; */
}



/* Container Styles */

.container {
	position: static;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 900px;
	height: 100%;
	text-align: left;
}

#footer {
	background: #fff url('/templates/images/bg_footer_blue.gif') top left no-repeat;
	clear:both;
	height: 20px;
	width: 900px;
}

/* Header Styles */

#header_outer {
	height: 120px;
	background: #FFFFFF url('/templates/images/bg_header_blue.gif') top left no-repeat;
}

#header_inner {
	width: 860px;
	height: 120px;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
}

#logo {
	float: left;
	width: 154px;
	height: 100px;
	margin: 10px 20px 0px 0px;
	padding:0;
}

div#logon {
	background: #FFFFFF url('/templates/images/golf_ball.gif') top left no-repeat;
	float: right;
	width: 50px;
	height: 50px;
	margin: 30px 20px 0px 0px;
	padding:20px 0px 0px 8px;
	font-weight:bold;
}
a.logon {
	text-decoration:none;
	font-weight:bold;
}


h1#header_logo{
	line-height:32px;
	font-size:32px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding:0;
}

p#header_address{
	font-size:10pt;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}

#logo_text {
	float: left;
	margin: 30px 0px 0px 0px;
}

/* Content Styles */

#content_outer {
	background: #fff url('/templates/images/bg_container.gif') top left repeat-y;
	float:left;
}

#content_inner {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	width: 860px;
}

#heading {
	position: relative;
	margin: 0px 0px 0px 20px;
	background: #fff url('/templates/images/bg_heading_white.gif') top left no-repeat;
	width: 862px;
	height: 155px;
}

.box_615_clear  {
	width: 615px;
	float:left;
	margin-bottom:20px;
}

.box_top_615_clear {
	background: #fff url('/templates/images/box_top_615_clear.gif') top left no-repeat;
	width: 615px;
	height: 10px;
	font-size: 1pt;
}

#box_middle_outer_615_clear {
	background: #fff url('/templates/images/box_middle_615_clear.gif')  top left repeat-y;
	width: 615px;
}

#box_middle_inner_615_clear {
	width: 595px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:16px;
}

#box_bottom_615_clear {
	background: #fff url('/templates/images/box_bottom_615_clear.gif') top left no-repeat;
	width: 615px;
	height: 10px;
	font-size: 1pt;
	margin:0;
	padding:0;
}

.right_boxes {
	float:left;
	margin:0;
}

/* Info boxes */
.info_box_image {
	background: #fff top left repeat-y;
	margin-left: 20px;
	margin-bottom: 13px;
	position: relative;
	width: 225px;
	font-size: 8pt;
	clear:both;
}

img#feedback{
	margin-right: 10px;
	float:left;
}

a#feedback{
	float:left;
}

p#feedback_header{
	float:left;
	font-size: 12pt;
	font-weight: bold;
	line-height:16pt;
}
p#feedback_text{
	clear:both;
	font-size: 10pt;
}

img#rss{
	margin-right: 10px;
	margin-bottom: 0px;
	float:left;
}

p.co_noticeboard_text{
	clear:both;
	font-size: 10pt;
}

img.co_noticeboard {
	margin: 0px 10px 0px 0px;
	float:left;
}

p.co_noticeboard_header{
	float:left;
	font-size: 12pt;
	font-weight: bold;
	line-height:16pt;
	margin:0px 0px 0px 0px;
}

ul.co_noticeboard  {
	list-style: none;
	padding: 0;
	margin:0;
	} 

li.co_noticeboard  {
	margin: 0px;
	padding: 0 0 0 -40px;
	font-size: 8pt;
	line-height: 14px;
	list-style: none;
	}

.co_noticeboard  {
	float:left;
}

.co_noticeboard_border{
	background-color:#F5F5F5;
	padding:6px;
	overflow:auto;
	height:200px;
	margin:0px 0px 12px 0px;
	border:5px double #02378D;
}

h2.co_news {
	margin: 0;
	padding: 0px 0px 10px 0px;
	line-height:16pt;
	font-size: 10pt;
}

a#rss{
	float:left;
}

p#rss_header{
	font-size: 12pt;
	font-weight: bold;
	line-height:16pt;
	margin:0px 0px 0px 0px;
}
p#rss_text{
	clear:both;
	font-size: 10pt;
}

a#rss{
	float:left;
}
/* Footer Styles */

#lower_text {
	position: relative;
	padding-top: 10px;
	width: 900px;
	height: 100%;
	margin: 0px auto 0 auto;
	font-size: 8pt;
}
#lower_text a {
	text-decoration: none;
}
#lower_text_left {
	float: left;
	width: 300px;
	z-index: 1;
}
html>body #lower_text_left { /* Hide from IE6 */
	padding-bottom: 10px;
}
#lower_text_middle {
	float: left;
	margin-left: auto;
	margin-right: auto;
}

#lower_text_right {
	float: right;
	text-align: right;
	width: 300px;
	z-index: 1;
}

/* Menu styles */

/* Info boxes */
.info_box_image, .info_box1, .info_box2, .info_box3, .info_box4, .info_box5, .info_box6, #flash_div {
	background: #fff top left repeat-y;
	margin-left: 20px;
	margin-bottom: 13px;
	position: relative;
	width: 225px;
	font-size: 8pt;
}

#talk_logo {
	float: left;
	margin:0px 10px 0px 0px;
}

#talk_logo_right {
	float: right;
	margin:0px 0px 0px 10px;
}

p.sol_bold {
	font-size: 12pt;
	font-weight: bold;
	line-height:16pt;
	margin:0 0 0 0;
	padding-bottom:8pt;
}

p.sol {
	font-size: 10pt;
	margin:0 0 0 0;
	padding-bottom:6pt;
	line-height:14pt;
}

.sol_more {
	margin:0 0 0 0;
	line-height:20pt;
	vertical-align:top;
	text-decoration:none;
	color:#AA1F00;
}







#co_noticeboard ul  {
	list-style: none;
	padding: 0;
	} 

#co_noticebaord li {
	margin: 0 0 0 -40px;
	padding: 0;
	font-size: 8pt;
	line-height: 14px;
	list-style: none;
	}

#co_noticebaord ul li {
	float:left;
}

#co_noticeboard_border{
	background-color:#F5F5F5;
	padding:6px;
	overflow:auto;
	height:200px;
	margin:0px 0px 12px 0px;
}

/*Sample CSS for the demo boxes below. Refined from rssdisplaybox.css above*/

#cssdriveid{
width: 500px;
padding: 10px;
border: 1px dashed black;
}

#cssdriveid .rsscontainer{ /*Style for RSS item body within #cssdriveid box*/
margin-bottom: 1em;
}

#bbcid{
width: 300px;
padding: 5px;
background-color: lightyellow;
border: 1px dashed black;
}

#bbcid-paginatediv{ /*Style for auto generated pagination DIV pertaining to #bbcid RSS box*/
width: 300px;
}

#nytimesid{
width: 250px;
height: 200px;
padding: 5px;
background-color: #EDFFD2;
border: 1px solid black;
}

#nytimesid .rsscontainer{ /*Style for RSS item body within #nytimesid box*/
margin-bottom: 10px;
}

#nytimesid .rsscontainer .rsstitle{ /*Style for RSS titles within #nytimesid box*/
font-weight: bold;
}

#nytimesid .rsscontainer .rssdate{ /*Style for RSS dates within #nytimesid box*/
color: red;
}

#cssnewsbox{ /*Style for RSS box for #cssnewsbox box (last demo)*/
width: 500px;
height: 310px;
padding: 10px;
border: 1px dashed black;
}

#cssnewsbox .rsscontainer{
margin-bottom: 1em;
}

/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper{
width: 202px;
border:5px double #02378D;
background-color: #F5F5F5;
padding:6px;
margin:0px 0px 12px 0px;
}

.billcontent{
width: 100%;
display:block;
font-size:16px;
color:#FF0000;
}

.diarytableheader{
background-color:#02378D;
}

.diarytableinfo{
background-color:#F3DFC5;
}

#menu {
width: 100%;
float: left;
padding:0px 0px 20px 0px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
background: #02378D;
color: #fff;
}

#menu a {
color: #FFF;
background: #02378D;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #F3DFC5;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body {
behavior: url(csshover.htc);
}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 12px arial, helvetica, sans-serif;
}
</style>
<![endif]-->