/*------------------------------------------------------ South East Bayswater Residents' Association CSS Doc--------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:10px 0 0 10px;padding:0;border:0px none;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-align: left;}
html{height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	/*overflow:hidden; get rid of scroll bars in IE */
}
body{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	/*overflow:hidden; get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	line-height: 1.5;margin:0;}
#content { 
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow:auto; /* add scroll bars as required */
	padding-left:200px; /* pad left to avoid navigation div if required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:3; /* allocate a suitable z-index */
}
.content_link_right{
	margin: 0 0 0 -5px;	
}

.left{
	float: left;
	position: absolute;
	top: 1410px;
	left: 249px;
}
.right{
	float: right;
	font-size: 10px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 1447px;
	left: 781px;
	width: 200px;
}
html, body {       height: 100%; }
.sebra_contents {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #000000;
	text-align: center;
}
.content_link_list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #712400;
	text-align: left;
	margin: 0 0 0 -8px;
}
.content_link_list a: link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #712400;
}
body{
	background:#E5E1D1 url('../img/bg-body.gif') repeat;
	/*font-size:80%;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
}
ul li{font-size:1.0em;list-style:none;}li{line-height:22px;}
p{
	font-size:0.9em;
	line-height:1.5em;
	color:#000;
}
a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
}a:visited{
	color:#D0C1AE;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
}a:hover{
	color:#069;
	text-decoration:underline;
}
a:active{
	color:#FFFFFF;
	text-decoration:none;
}

img{border:none;}
.clear{clear:both;}
.floatleft{float:left}
.center{
	text-align:center;
	color: #CCCCCC;
}

#h40 {
	visibility: hidden;
	position: absolute;
	margin: -500px;
	padding-bottom: 650px;	
}

#logo{
	position:absolute;
	top:5px;
	height: 104px;
	width: 600px;
	margin:-2px 0 0 0;
}
.index_header_sans {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.05em;
	margin: 5px 0 0px 0;
}
#header{
	width:980px;
	min-height:115px;
	background:url('../img/bg-header.gif') no-repeat;
	margin: -2px 0 -5px 0px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#wgs{
	padding: 0px 0 4px 0;
	position: absolute;
	left: 777px;
	top: 0px;
	z-index: 1;
	width: 200px;
	bottom: 0px;
	right: 10px;
	margin: -15px 0px 0px 0px;
}

#intro{
	background:url('../img/bg-intro.gif') repeat-y;
	height:180px;
	margin:0px 2px 0px 0px;
	position: absolute;
	top: 114px;
	left: 10px;
	width: 100%;
	z-index: 0;
}

.sidebar_index{
	background-image: url(../images/sidebar-top.png);
	background-repeat: no-repeat;
	background-position: top;
	width:215px;
	padding: 135px 7px 18em 10px;
	z-index: 1;
	position: absolute;
	top: 6px;
	left: -10px;
	text-align: right;
	height: 100%;
}
#sidebar-back {
	margin: -3px 5px 0 -11px;
	width:220px;
	background-image: url(../images/back.png);
	padding: 0 5px 0 0;
	height: 980px;
}
.sebra_intro_sans {
	color: #FFF;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	width: 215px;
	margin: 5px -8px 0 auto;
	padding: 0 0 10px 0px;
}
.sidebar-txt {
	margin: 0 18px 0 35px;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 0.9em;
	padding: 0 0 15px 0;
	height: 100%;
	width: 79%;
}
#sidebar_end {
	background-image: url(../images/sidebar_end.png);
	position: absolute;
	background-repeat: no-repeat;
	top: 1102px;
	width: 100%;
	height: 224px;
	left: -9px;
}
#representing{
	background-image: url(../images/representing.png);
	background-repeat: no-repeat;
	height: 240px;
	width: 33px;
	margin-left: 0px;
	position: absolute;
	margin-top: 0px;
	z-index: 1;	
}
.address_div {
	text-align: center;
	width: 90%;
	font-size: 14px;
	line-height: 16px;
	margin: 0 auto 0 auto;
	padding: 0px 5px 5px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.tel_no {
	font-size: 0.9em;
	text-align: center;
}
.link_div {
	background-color: #CCCCCC;
	text-align: center;
	width: 78%;
	font-size: 14px;
	line-height: 20px;
	height: 100%;
	margin: 0 auto 0 20px;
	padding: 5px 10px 5px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.link_div1 {
	position: absolute;
	background-image:url(../images/boxout-1.png);
	background-repeat: no-repeat;
	top: 550px;
	left:-6px;
	text-align: center;
	width: 190px;
	height: 150px;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto 0 20px;
	padding: 5px 10px 5px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.link_div2 {
	position: absolute;
	top: 700px;
	left:-5px;
	text-align: center;
	width: 78%;
	font-size: 16px;
	line-height: 20px;
	height: 125px;
	margin: 0 auto 0 20px;
	padding: 0px 10px 25px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	background-image: url(../images/westminster-box.png);
}
.wcc {
	position: absolute;
	left: 8px;
	top: 70px;
	margin: 10px auto 0 16px;
	text-align: center;
}
.link_div3 {
	position: absolute;
	top: 840px;
	left:-5px;
	background-image:url(../images/boxout-2.png);
	background-repeat: no-repeat;
	height:200px;
	text-align: center;
	width: 78%;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto 0 20px;
	padding: 5px 10px 25px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.link_div a:link{
	margin: 0 auto 0 10px;
	color: #231010;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.link_div a:visited{
	margin: 0 auto 0 10px;
	color: #783A3A;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.link_div_it {
	text-align: center;
	width: 90%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 18px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 3px;
	font-style: italic;
}

.lo-content_head {
	position: relative;
	clear: right;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.9em;
	color: #000;
	margin: -157px 0px -10px 0px;
	font-weight: bold;
	letter-spacing: 0.03em;
	height:30px;
}
.content_head_sans {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #FFFFFF;
	margin: -15px 8px -10px 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	clear: left;
	position: absolute;
}
.content_head_sans1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #FFFFFF;
	margin: -15px 8px -10px 5px;
	font-weight: bold;
	letter-spacing: 0.03em;
	clear: left;
	position: absolute;
	background-image: url(../images/events.png);
	background-repeat: no-repeat;
	padding: 0 140px 0 0;
}
.events {
	margin-left: -500px;
}
.content_head_sans2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #FFFFFF;
	margin: -15px 8px -10px 5px;
	font-weight: bold;
	letter-spacing: 0.03em;
	clear: left;
	position: absolute;
	background-image: url(../images/planning.png);
	background-repeat: no-repeat;
	padding: 0 170px 0 0;
}
.planning {
	margin-left: -600px;	
}
.content_head_sans3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #FFFFFF;
	margin: -15px 8px -10px 5px;
	font-weight: bold;
	letter-spacing: 0.03em;
	clear: left;
	position: absolute;
	background-image: url(../images/join.png);
	background-repeat: no-repeat;
	padding: 0 170px 0 0;
}
.join {
	margin-left: -800px;	
}
.content_head_sans4 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color: #FFFFFF;
	margin: -15px 8px -10px 5px;
	font-weight: bold;
	letter-spacing: 0.03em;
	clear: left;
	position: absolute;
	background-image: url(../images/sebra40.png);
	background-repeat: no-repeat;
	padding: 0 170px 0 0;
}
.sebra40 {
	margin-left: -800px;	
}
.content_head_sans_tint {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #ADDAC9;
	margin: 5px 8px -10px 0px;
	font-weight: bold;
	letter-spacing: -0.04em;
	clear: left;
	line-height: 1em;
}
.content_head_sans_tintA {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #E2727A;
	margin: -5px 8px -10px 0px;
	font-weight: bold;
	letter-spacing: -0.03em;
	clear: left;
	height:100%;
}
.content_head_sans_tintB {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #000;
	margin: -10px 8px -10px 0px;
	font-weight: bold;
	letter-spacing: -0.03em;
	clear: left;
	height:100%;
}#footer ul li a:visited {
	display: inline;
	margin: 0;
	padding: 0 0.7em 0 0.7em;
	color: #FFFFFF;
}
.content_body a:link {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.content_body a:link, a:visited{
	color: #333;
	font-family: "Times New Roman", Times, serif;
}
.contact_head_serif {
	font-family:"Times New Roman", Times, serif;
	font-size: 2.3em;
	color: #FFFFFF;
	margin: 0px 0px -0px -80px;
	padding: 10px 0 0 138px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.9em;
}
.content_small_sans {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #EBEBEB;
	line-height: 1.1em;
	margin: 5px 0 5px 0;
	padding: 10px 0 5px 0;
}
.content_small_sans_it {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #EBEBEB;
	line-height: 1em;
	padding: 5px 5px 5px 0px;
	margin: 0 5px 0 -2px;
	font-style: italic;
}
.contents-left_event{
	width:165px;
	padding: 0 7px 0 15px;
	margin:0px 0px 10px 0px;
	visibility: 1;
	position: absolute;
	top: -23px;
	left: 227px;
	float: left;
}
.contents-left_plan{
	width:165px;
	padding: 0 7px 0 7px;
	margin:0px 0px 10px 0px;
	visibility: 1;
	position: absolute;
	top: -23px;
	left: 419px;
	float: left;
}
.contents-left_join{
	width:165px;
	padding: 0 7px 0 7px;
	margin:0px 0px 10px 0px;
	visibility: 1;
	position: absolute;
	top: -23px;
	left: 603px;
	float: left;
}
.contents-left_sebra40{
	width:165px;
	padding: 0 7px 0 7px;
	margin:0px 0px 10px 0px;
	visibility: 1;
	position: absolute;
	top: -23px;
	left: 792px;
	float: left;
}
.contents-left_sebra40 img {
	border: none;
	margin: 0 0 0 22px;	
	display:block;
}
.contents-left li{
	padding-top: 3px;
	line-height: 1.1em;
}
img {
	border: none;
	margin: 0 auto 0 10px;
	display:block;
}
.contents-right{
	width:730px;
	padding: 20px 25px 60px 15px;
	margin:0px 0 0 240px;
	position: absolute;
	top: 600px;
	float: left;
	left: 2px;
	background-image: url(../images/mainbg.png);
	background-repeat: no-repeat;
}
.clearfooter {
	height: 0px;
}
#footer{
	float: left;
	text-align:center;
	height: 20px;
	width:684px;
	margin: -0px auto 0px 300px;
	list-style: none;
	color: #FFFFFF;
	position: absolute;
	top: 1390px;
	left: 11px;
}
#footer ul{
	list-style: none;
	margin: 0px 1em 0 1em;
	padding: 0 1em;
	color: #CCCCCC;
}
#footer li {
	display: inline;
	margin: 0;
	padding: 0 1em 0 1em;
	color: #FFFFFF;
}
#footer ul li a:link {
	display: inline;
	margin: 0;
	padding: 0 0.7em 0 0.7em;
	color: #CCCCCC;
}
#footer ul li a:hover {
	display: inline;
	margin: 0;
	padding: 0 0.7em 0 0.7em;
	color: #FF0000;
}
#footer ul li a:visited {
	display: inline;
	margin: 0;
	padding: 0 0.7em 0 0.7em;
	color: #FFFFFF;
}
/*------------------------------------------------------MENU--------------*/
#menu{
	height:18px;
	margin: 0px 0px 10px 0px;
	padding:0px 0 0px 15px;
	position: absolute;
	top: 93px;
	left: 212px;
	display: inline;
	width: 800px;
}
#menu ul{
	padding:0px 0px 0px 0px;
	margin:7px 0px 0px 0px;
	text-align:center;
	z-index:1;
	position: absolute;
	display: inline;
	left: 0px;
}
#menu ul li{
	display:inline;
	color:#71662D;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	padding:7px 26px 10px 25px;
	z-index:1;
}
#menu a:link{
	text-decoration:none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#menu ul li a:link{color:#433F23;cursor:pointer;}
#menu ul li a:visited{text-decoration:none;color:#3F3C29;}
#menu ul li a:hover{text-decoration:none;color:#ae0617;}
#menu ul li a:active{
	text-decoration:none;
	color:#FFFFFF;
}
/*-----------------------------------------------------END MENU ---------------*/

/*----------------------- IMAGE ENLARGE ---------------------*/
/*------------------------- END ENLARGE IMAGE ---------------------------*/

/*------------------------------------------------------HOME--------------*/

/*----------------------------------------------------END HOME-----------------*/

/*-----------------------------------------------------NEWSLETTER----------*/

/* ------------------ end NEWSLETTER ----------------------------*/

/*------------------- PLANNING ----------------------------------*/
.
/*------------------- END PLANNING ----------------------------------*/

* html  { overflow-x: hidden; } /* IE6 fix */
ul, ol {
	position: relative; /* Keeps IE6 from cutting pulled/pushed images */
	margin-top: 40px;
}
/* Fixes incorrect styling of legend in IE6 fieldsets. */
legend { margin-bottom:1.4em; }
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }