/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2

Reset.css - normalises styles across all browsers *DONT REMOVE*
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; font-size:small; margin:0; background-color:#FFFFFF;}
em { font-style:italic; }

.hide {display:none;}
.mainWrapper {float:left; width:100%; height:inherit; border:0px #FF0000 solid;}

.main {float:left; width:100%; height: inherit; border:0px #0000FF solid;}

.topHeader {margin:0 auto; width:740px; height:100px; overflow:hidden; border:0px #00FF00 solid; background:url(/images/top_background.jpg) top right no-repeat;}
.topHeader .logo {float:left; width:184px; height:91px; border:0; margin-top:9px;}

.topHeader .login {float:left; width:400px; height:20px; border:0px #333333 solid; text-align:right; padding-top:74px; color:#F47A63; font-size:93%; text-transform:capitalize;}
.topHeader .login a{ color:#887766; text-decoration:none;}
.topHeader .login a:hover{ color:#887766; text-decoration:underline;}

.topNavWrapper {float:left; width:100%; height: inherit; border:0px #00FFFF solid; background-color:#F2F1EF; border-bottom:1px #887766 solid;}
.topNav { margin:0 auto; width:740px; height:25px; background:url(/images/top_secondnav.jpg) top right no-repeat #F2F1EF;}
.topNav ul.top { float:left; margin:0px; padding:0px 0px 0px 20px;}
.topNav ul.top li{float:left; margin:0; padding:6px 6px 0px 6px; letter-spacing:-0.1mm; font-size:85%; color:#887666; font-weight:bold; height:19px; text-decoration:none; border:0px #9900CC solid;}
.topNav ul.top li a{color:#887666; text-decoration:none;}
.topNav ul.top li a:hover{ text-decoration:underline;}
.topNav ul.top li.selected { background-color:#FDCC99;}
.topNav ul.top li.selected a{ color:#887666; text-decoration:none; }
.topNav ul.top li.selected a:hover{ text-decoration:none;}

.breadcrumb {float:left; width:319px; height:50px; padding-top:0px; padding-left:0px;}
.breadcrumb p {margin:0;padding:0; color:#887766; font-size:77%;}
.breadcrumb span { float:left; color:#887766; padding-right:2px; font-size:77%; padding-top:15px;}
.breadcrumb ul { float:left; color:#887766; font-size:77%; padding-top:15px;}
.breadcrumb li { float:left; }
.breadcrumb a {color:#887766; text-decoration:none;}
.breadcrumb a:hover {color:#887766; text-decoration:underline;}
.breadcrumb ul.sub {margin:0;padding:0;padding-top:3px;}
.breadcrumb ul.sub li{float:left; margin:0; padding:0; font-size:116%; color:#887666; font-weight:bold; padding-left:7px; height:21px; padding-right:7px; padding-top:4px; text-decoration:none; border:0px #9900CC solid; background-color:#FDCC99;margin-right:4px;}
.breadcrumb ul.sub li a{color:#887666; text-decoration:none;}
.breadcrumb ul.sub li a:hover{ text-decoration:underline;}
.breadcrumb ul.sub li.selected {float:left; margin:0; padding:0; font-size:116%; color:#887666; font-weight:bold; padding-left:7px; height:21px; padding-right:7px; padding-top:4px; text-decoration:underline; background-color:#FDCC99; margin-right:4px;}
.breadcrumb ul.sub li.selected a{ color:#887666; text-decoration:underline; }
.breadcrumb ul.sub li.selected a:hover{ text-decoration:none;}

.calendar_link {float:right; width:85px; text-align:right; padding:6px 0px 0px 0px; }
.calendar_link a {color:#887766; text-decoration:none;}
.calendar_link a:hover {color:#887766; text-decoration:underline;}
.calendar_link p.label { float:left; width:65px; color:#887766; font-size:77%; padding:9px 0px 0px 0px; }
.calendar_link p.icon { float:left; width:20px; padding:4px 0px 0px 0px; }

.bold {font-weight:bold;}


.contentWrapper { width:740px; height:inherit; border:0px #00FFCC solid; margin:0 auto; padding:0px; }
.content { width:740px; float:left; height:inherit; border:0px #996633 solid; margin:0 auto; }
.content .col1 {float:left; width:580px; height:inherit; }
.content .col2 {float:right; width:159px; height:inherit; background:url(/images/top_rightnav.jpg) top right no-repeat;  }
.content .col2 .wrapper { float:right; width:158px; height:inherit; border-left:0px #666666 solid; margin-top:2px; padding-top:30px; padding-bottom:10px;}

.col1 .content .left .article h4 { font-size:75%; font-weight:bold; margin:0px; padding:0px; }
.col1 .content .left .article p { margin:0px; padding:0px; }

.col2 ul.rightNav { margin:0; padding:0px 0px 0px 15px; }
.col2 ul.rightNav li { padding:10px 0px 0px 0px; }
.col2 ul.rightNav li a.book{ color:#F47A63; font-size:85%; text-decoration:none; }
.col2 ul.rightNav li a:hover.book{ color:#F47A63; text-decoration:underline;}
.col2 ul.rightNav li a.selected.book { font-weight:normal; }
.col2 ul.rightNav li a.selected { font-weight:bold; }
.col2 ul.rightNav li.children { margin:0; padding:0; padding-left:0px; font-size:85%; }
.col2 ul.rightNav li.children {margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; list-style:disc; color:#887766; }
.col2 ul.rightNav li a.children { color:#887766; text-decoration:none;}
.col2 ul.rightNav li a:hover.children { color:#887766; text-decoration:underline;}

.top_navigation .breadcrumb {float:left; width:545px; height:35px; margin-left:20px; }

.col1 .content { float:left; width:560px; height:inherit; margin-left:20px; border-right:1px #666666 solid;}
.col1 .content .homeTop {float:left; width:542px; height:170px; border-bottom:1px #887766 solid;  margin-top:5px;}
.col1 .content .homeTop .Image { float:left; width:336px; height:147px; margin:0px 10px 0px 0px; }
.col1 .content .homeTop .Right { float:left; width:190px; height:inherit; }

.col1 .content .left { float:left; width:340px; height:inherit; border:0px #FF0000 solid; padding-top:5px; padding-left:0px; padding-bottom:10px;}
.col1 .content .right { float:left; width:190px; padding-left:15px; padding-bottom:0px;}

.col1 .content .left .cmsWrapper {width:100%; height:inherit; }

.col1 .content .left h2 {color:#F89838; font-size:123.1%;}
.col1 .content .left h3 {color:#F89838; font-size:100%; padding-top:10px;}
.col1 .content .left h4 {color:#887766; font-weight:bold; font-size:93%; padding-top:10px;}
.col1 .content .left p.standfirst {color:#887766; font-size:93%; font-weight:bold; padding-top:10px;}
.col1 .content .left span.bold { font-weight:bold;}
.col1 .content .left span.underline { text-decoration:underline;}
.col1 .content .left span.italic { font-style:italic;}
.col1 .content .left p {color:#887766; font-size:85%; padding-top:10px;}
.col1 .content .left a { color:#F47A63; text-decoration:underline;}
.col1 .content .left a:hover { color:#F47A63; text-decoration:none;}
.col1 .content .left img.l { float:left; padding:0px 4px 2px 0px; }
.col1 .content .left img.r { float:right; padding:0px 0px 2px 4px; }

.col1 .content .left span.smallprint { font-size:90%; }

.col1 .content .left div.links { float:left; margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #FBC188; }
.col1 .content .left div.link { float:left; padding:5px 0px 5px 0px; border-top:1px solid #FBC188; }
.col1 .content .left div.link div.image { width:65px; float:left; }
.col1 .content .left div.link div.text { width:270px; float:left; }
.col1 .content .left div.link h3 { font-size:85%; font-weight:bold; }
.col1 .content .left div.link h3,
.col1 .content .left div.link p { padding:0px 0px 4px 0px; margin:0px; }

.col1 .content .left a.anchor { color:#F89838; text-decoration:none;}
.col1 .content .left a.anchor:hover { text-decoration:none;}

.col1 .content .left ul { margin:0px 0px 0px 10px; padding:10px 10px 0px 10px; color:#887766; font-size:85%; }
.col1 .content .left ul li { list-style:disc; padding-bottom:5px; }

.col1 .content .right .listOfNoticeboards { width:183px; float:left; background-color:#F5EBE2; border:0px solid #0000CC; padding-bottom:6px; }
.col1 .content .right .listOfNoticeboards h2 { color:#887766; font-size:100%; font-weight:bold; padding:10px 10px 5px; }
.col1 .content .right .listOfNoticeboards .board_list:first-child { border-top:0px; }
.col1 .content .right .listOfNoticeboards .board_list { width:165px; float:left; padding:20px 0px; margin:0px 10px; border-top:1px solid #887766; }
.col1 .content .right .listOfNoticeboards .board_list a { color:#887766; text-decoration:none; }
.col1 .content .right .listOfNoticeboards .board_list a:hover { text-decoration:underline; }
.col1 .content .right .listOfNoticeboards .board_list .board_logo { width:60px; float:left; }
.col1 .content .right .listOfNoticeboards .board_list .board_logo img { border:1px solid #887766; }
.col1 .content .right .listOfNoticeboards .board_list .board_title { width:105px; float:left; }
.col1 .content .right .listOfNoticeboards .board_list .board_description { width:165px; float:left; }
.col1 .content .right .listOfNoticeboards .board_list .board_website { width:165px; float:left; margin-top:5px; }
.col1 .content .right .listOfNoticeboards .board_list .board_website a { color:#F89838; font-size:85%; }
.col1 .content .right .listOfNoticeboards .board_list .board_title h3 {color:#887766; font-size:92%; font-weight:bold; padding:0px;}
.col1 .content .right .listOfNoticeboards .board_list .board_description {color:#887766; font-size:85%; font-weight:normal; padding:5px 0px 0px;}

.col1 .content .left p.message { font-weight:bold; color:#F89838; }
.col1 .content .left p.error { font-weight:bold; color:#F89838; }

.col1 .content .crossPanels {float:right; width:205px; height:inherit; border:0px #333333 solid; padding-bottom:10px;}

.subscribersWrapper { width:560px; float:left; }
.subscribersLogin { width:196px; margin:0px auto; }
.subscribersLogin .heading {float:right; width:100%; text-align:center; background-color:#FFEEDD; padding-top:5px; height:25px;}
.subscribersLogin .heading h2 {margin:0;padding:0;color:#F89838; font-size:116%;}
.subscribersLogin label {float:left; width:70px; color:#887766; padding-left:20px; font-size:85%; padding-top:2px;}
.subscribersLogin .loginWrapper {float:left; width:100%; height: inherit; margin-top:6px; border:0px #333333 solid;}
.subscribersLogin .loginWrapper input { width:80px; }
.subscribersLogin .loginButton {float:left; margin:0;padding:0; width:175px; height: 22px; margin-top:5px; text-align:right; border:0px #FF0000 solid;}
.subscribersLogin .quote {float:right; width:180px; height:inherit; padding-top:13px;}
.subscribersLogin .quote p{ color:#887766; font-size:85%; }

.col1 .content .homeBottom {float:left; width:542px; height: inherit; border-bottom:1px #887766 solid;  margin-top:5px; padding-bottom:9px;}
				
.homepagePanel {float:left; border:0px #333333 solid; margin-top:5px;}
.homepagePanel#subscriptions  {float:left; border:0px #333333 solid; margin-top:5px;}

.homepagePanel .dark {float:left; width:163px; height:inherit; border:0px #0000CC solid; background-color:#FBC188; padding-bottom:6px;}
.homepagePanel .dark .heading {float:left; width:163px; height:20px; background-color:#887766; margin-bottom:8px; }
.homepagePanel .dark .heading h2 {margin:0;padding:0;color: #FFFFFF; font-size:93%; padding-top:2px; padding-left:10px;}
.homepagePanel .dark p{color:#887766; font-size:85%; padding:6px 10px 5px 9px;}
.homepagePanel .dark a{ color:#FFFFFF; text-decoration:none;}
.homepagePanel .dark a:hover { color:#FFFFFF; text-decoration:underline;}

div.subscribeTo,
div.sampleContent { min-height:30px; }
div.eChapSubscribe,
div.recentArticle { margin-top:5px; }
div.eChapSubscribe div.light,
div.recentArticle div.dark { min-height:139px; }
div.eChapNews div.dark { min-height:98px; }
div.dailyReflection div.dark { min-height:60px; margin-bottom:5px; }

ul.also_available li { float:left; font-size:77%; color:#F47A63; }

.homeBottom h2 { color:#F89838; font-size:116%; padding-top:10px; padding-bottom:14px;}
.homeBottom .sample1 {float:left; width:163px; height:inherit; border:0px #666666 solid; margin:0px 10px 0px 0px; }
.homeBottom .sample2 {float:left; width:190px; padding-left:1px; height:inherit; border:0px #333333 solid;}
.homeBottom .sample1 h2,
.homeBottom .sample2 h2 { padding:0px; margin:5px 0px 15px; }

.subFooterWrapper {float:left; width:100%; height:60px;  margin-top:20px; margin-left:20px; }
.subFooter {margin:0 auto; width:740px; height: inherit; border:0px #00FF00 solid;  }
.subFooter h2 { color:#F47A63; font-size:116%;}
.subFooter p { color:#F47A63; padding-top:8px; font-size:77%;}
.subFooter a{ color:#887766; text-decoration:none;}
.subFooter a:hover { text-decoration:underline;}

.homepagePanel .light {float:left; width:195px; border:0px #0000CC solid; background-color:#F5EBE2; padding-bottom:6px;}
.homepagePanel .light .heading {float:left; width:182px; height:30px; margin-bottom:10px;}
.homepagePanel .light .heading h2 {margin:0;padding:0;color: #F89838; font-size:100%; padding-top:12px; padding-left:10px;}
.homepagePanel .light p{color:#887766; font-size:85%; padding:10px 10px 7px 10px;}
.homepagePanel .light a{ color:#887766; text-decoration:none;}
.homepagePanel .light a:hover { color:#887766; text-decoration:underline;}

.footerWrapper {float:left; width:100%; height:19px; border-top:1px #F69679 solid; margin-top:20px; }
.footer {margin:0 auto; width:740px; height: inherit; border:0px #00FF00 solid; font-size:77%; }
.footer .leftLinks {float:left; width:300px; padding:0px 0px 0px 20px; }

.footer .leftLinks a{ float:left; padding-left:7px; padding-right:7px; height:17px; padding-top:2px;border-left:1px #F69679 solid; color:#F47A63; text-decoration:none;}
.footer .leftLinks a:hover { text-decoration:underline;}

.footer .rightLinks {float:right; width:370px; text-align:right; padding-top:2px; color:#887766;}
.footer .rightLinks a{ padding-left:1px; padding-right:1px; height:17px; padding-top:2px; color:#F47A63; text-decoration:none;}
.footer .rightLinks a:hover {color:#F47A63; text-decoration:underline;}

.individual {float:left; width:350px; height:inherit; border:0px #000000 solid; padding-top:10px;}
.individual .item {float:left; width:340px; height:inherit; padding-top:8px; border:0px #FF0000 solid;}
.individual label {float:left; width:140px; border:0px #006666 solid; color:#887766; font-size:85%; margin-right:2px;}
.individual input { font-size:85%; width:180px; height:14px;}
.individual select { font-size:85%; width:184px; height:17px;}
.individual textarea { font-size:93%; width:184px; height:53px;}
.individual input.dob {width:80px;}

.individual label.terms {width:308px;}
.individual input.terms {width:20px;}

.individual input.payhere {width:97px; height:26px}

em.req{color:#FF0000;}
/*checkout.php - validation / inputs*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.optional {
	border: 1px solid #7F9DB9;	
}

select.required, input.required, textarea.required {
	/*border: 1px solid #00A8E6;*/
}

select.validation-failed {
	border: 1px solid #887766;
	color : #887766;
	height:17px;
	width:186px;
}

input.validation-failed {
	border: 1px solid #887766;
	color : #887766;
	height:17px;
	width:182px;
}

textarea.validation-failed {
	border: 1px solid #887766;
	color : #887766;
	height:55px;
	width:184px;
}

select.validation-passed, input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #F5EBE2;*/
	color : #000;
}
.validation-advice {
	width:320px;
	margin: 5px 0;
	padding: 5px;
	background-color: #887766;
	color : #FFFFFF;
	font-size:93%;
	font-weight: bold;
}

ul.errors li{color:#F5601C; font-weight:bold;}


.membersTop {float:left; width:563px; height:inherit; margin-top:5px; margin-bottom:5px; border:0px #666666 solid;}
.members_reflection {float:left; width:263px; height:193px; border:0px #666666 solid;}
.members_reflection .heading {float:left; width:253px; height:18px;  background-color:#F9A867; padding:2px 0px 0px 10px;}
.members_reflection .heading h2 {font-size:93%; font-weight:normal; color:#FFFFFF;}
.members_reflection .backimage {float:left; width:263px; height:173px;}
.members_reflection .quote {float:left; width:260px; height:40px; padding-top:15px;  padding-left:10px;}
.members_reflection .quote p {color:#FFFFFF; font-size:100%;}
.members_reflection .more {float:left; width:200px; height:20px; padding-top:95px; padding-left:10px; color:#FFFFFF; font-size:85%; font-weight:bold;}
.members_reflection .more a {color:#FFFFFF; text-decoration:none;}
.members_reflection .more a:hover {color:#FFFFFF; text-decoration:underline;}

.members_article {float:left; width:263px; height:193px; background-color:#FCD5AF; border:0px #666666 solid; margin-left:20px;}
.members_article .heading {float:left; width:253px; height:18px;  background-color:#F9A867; padding:2px 0px 0px 10px;}
.members_article .heading h2 {font-size:93%; font-weight:normal; color:#FFFFFF;}
.members_article .body {float:left; width:245px; height:133px; background-color:#FCD5AF; padding-left:10px;}
.members_article .body h2 {color:#887766; padding-top:10px; font-size:100%; font-weight:bold;}
.members_article .body p {color:#887766; font-size:85%; padding-top:10px;}

.members_article .more {float:left; width:263px; height:13px; padding-top:4px; padding-bottom:3px; padding-left:10px; color:#887766; font-size:85%; font-weight:bold;}
.members_article .more a {color:#887766; text-decoration:none;}
.members_article .more a:hover {color:#887766; text-decoration:underline;}

.members_emailchap {float:left; width:170px; height:73px; overflow:hidden; background-color:#B39E89; border:0px #333333 solid; margin-top:5px;}
.members_emailchap h2 {color:#F5EBE2; font-size:100%; font-weight:normal; padding:6px 12px 10px 9px;}
.members_emailchap h2 a { color:#F5EBE2; font-weight:normal;}
.members_emailchap p {color:#F5EBE2; font-size:78%; padding:2px 10px 13px 9px;}
.members_emailchap a {color:#F5EBE2; text-decoration:none; font-weight:bold;}
.members_emailchap a:hover { text-decoration:underline;}

.members_agony {float:left; width:170px; height:73px; overflow:hidden;  background-color:#FCD5AF; border:0px #333333 solid; margin-top:13px;}
.members_agony h2{color:#F89838; font-size:100%; font-weight:normal; padding:6px 10px 12px 9px;}
.members_agony h2 a{color:#F89838; font-weight:normal;}
.members_agony p{color:#887766; font-size:78%; padding:2px 10px 13px 9px;}
.members_agony a {color:#887766; text-decoration:none; font-weight:bold;}
.members_agony a:hover { text-decoration:underline;}

.members_faith{float:left; width:170px; height:75px; overflow:hidden;  background-color:#FFEEDD; border:0px #333333 solid; margin-top:13px;}
.members_faith h2{color:#F89838; font-size:100%; font-weight:normal; padding:6px 10px 12px 9px;}
.members_faith h2 a {color:#F89838; font-weight:normal; }
.members_faith p {color:#887766; font-size:78%; padding:2px 10px 13px 9px;}
.members_faith a {color:#887766; text-decoration:none; font-weight:bold;}
.members_faith a:hover { text-decoration:underline;}

.block1 {float:left; width:188px; height:inherit; border:0px #666666 solid;}
.block1_end {float:left; width:172px; height:inherit; border:0px #666666 solid;}
.membersPanel {float:left; border:0px #333333 solid; margin-top:5px;}

.membersPanel .dark {float:left; width:170px; height: inherit; border:0px #0000CC solid; background-color:#FBC58F; padding-bottom:6px;}
.membersPanel .dark .heading {float:left; width:170px; height:20px; background-color:#F9A867; margin-bottom:8px; }
.membersPanel .dark .heading h2 {margin:0;padding:0;color: #FFFFFF; font-size:93%; padding-top:2px; padding-left:10px; font-weight:normal;}
.membersPanel .dark p{color:#887766; font-size:78%; padding:6px 10px 5px 9px;}
.membersPanel .dark h2{color:#FFFFFF; font-size:100%; font-weight:bold; padding:6px 10px 5px 9px;}
.membersPanel .dark a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
.membersPanel .dark a:hover { color:#FFFFFF; text-decoration:underline;}

.membersPanel .light {float:left; width:170px; height: inherit; border:0px #0000CC solid; background-color:#FFEEDD; padding-bottom:6px;}
.membersPanel .light .heading {float:left; width:170px; height:20px; background-color:#F9A867; margin-bottom:8px; }
.membersPanel .light .heading h2 {margin:0;padding:0;color: #FFFFFF; font-size:93%; padding-top:2px; padding-left:10px; font-weight:normal;}
.membersPanel .light p {color:#887766; font-size:78%; padding:6px 10px 5px 9px;}
.membersPanel .light h2 {color:#887766; font-size:100%; font-weight:bold; padding:6px 10px 5px 9px;}
.membersPanel .light .heading h2 { font-size:92%; font-weight:normal; }
.membersPanel .dark .heading h2 { font-size:92%; font-weight:normal; }
.membersPanel .light a{ color:#887766; text-decoration:none; font-weight:bold;}
.membersPanel .light a:hover { color:#887766; text-decoration:underline;}

.bar1 { float:left; width:188px; height: inherit; border:0px #333333 solid;  margin-top:5px; padding-bottom:9px; }
.bar2 { float:left; width:173px; height: inherit; border:0px #333333 solid;  margin-top:5px; padding-bottom:9px; }

.noticeboard_post .light,
.blog_latest .dark { height:133px; }
.members_article div.heading,
.noticeboard_post .light div.heading,
.blog_latest .dark div.heading { font-weight:bold; margin-bottom:15px; }
.members_article .body h2 { padding:0px; margin:0px; }
.noticeboard_post .light p,
.blog_latest .dark p { font-size:85%; }

.noticeboard_post .more { float:left; height:20px; width:170px; border:0px #0000CC solid; background-color:#FFEEDD; }
.noticeboard_post .more p {color:#887766; font-size:85%; padding:0px 10px 0px 9px;}
.noticeboard_post .more a{ color:#887766; text-decoration:none; font-weight:bold;}
.blog_latest .more { float:left; height:20px; width:170px; border:0px #0000CC solid; background-color:#FBC58F; }
.blog_latest .more p {color:#887766; font-size:85%; padding:0px 10px 0px 9px;}
.blog_latest .more a { color:#FFFFFF; text-decoration:none; font-weight:bold;}

.resources_overview { height:69px; margin-top:13px;}
.resources_overview .dark { height:69px; }
.member_askforprayer { float:left; width:170px; height:86px; margin-top:13px;}
.members_noticeboard { float:left; border:0px #333333 solid; margin-top:13px;}

.members_noticeboard .dark {float:left; width:170px; height: inherit; border:0px #0000CC solid; background-color:#FCD5AF; padding-bottom:6px;}
.members_noticeboard .dark .heading {float:left; width:170px; height:20px; background-color:#F9A867; margin-bottom:8px; }
.members_noticeboard .dark .heading h2 {margin:0;padding:0;color: #FFFFFF; font-size:93%; padding-top:2px; padding-left:10px; font-weight:normal;}
.members_noticeboard .dark p{color:#887766; font-size:85%; padding:6px 10px 5px 9px;}
.members_noticeboard .dark h2{color:#FFFFFF; font-size:108%; font-weight:bold; padding:6px 10px 5px 9px;}
.members_noticeboard .dark a{ color:#887766; text-decoration:none; font-weight:bold;}
.members_noticeboard .dark a:hover { color:#887766; text-decoration:underline;}

.libSearch { border:1px #999999 solid; width:200px; height:14px; font-size:83%;}
.catLine {float:left; width:565px; height:130px; border:0px  #666666 solid;}
.catWrapper {float:left; width:170px; height:114px; padding-right:15px;}

div.article { width:340px; float:left; padding:10px 0px 15px; }
div.top_border { border-top:1px solid #887766; }
div.bottom_border { border-bottom:1px solid #887766; }
div.article div.image { width:70px; height:65px; float:left; padding:13px 0px 0px 0px; }
div.article div.content { width:270px; float:left; border:0px; margin:0px; }
.col1 div.content .left p.standfirst a { color:#887766; }

.col1 .content .left div.article img { padding:3px 5px 5px 3px; }
.col1 .content .left div.article h3 { font-weight:bold; }
.col1 .content .left div.article h4 { color:#C0B5AA; padding:0px 0px 10px 0px; }
.col1 .content .left div.article div.summary p:first-child { font-weight:bold; }
.col1 .content .left div.article div.summary p { color:#887766; padding:0px 0px 10px 0px; }
.col1 .content .left div.article div.comments p { color:#887766; font-style:italic; padding:0px 0px 10px 0px; }
.col1 .content .left div.article p a { text-decoration:underline; font-weight:bold; color:#887766; }
.col1 .content .left div.article p a:hover { text-decoration:none; font-weight:bold; color:#887766; }

.articleButtons {float:left; width:340px; height:42px; border:0px #333333 solid;}

div.comments { width:350px; float:left; padding:0px 0px 0px; }
div.comment { width:350px; float:left; padding:10px 0px 10px; border-top:1px solid #887766;}
.col1 .content .left div.comments h3 { font-weight:bold; margin-bottom:10px;}
.col1 .content .left div.comments h4 { font-size:85%; font-weight:bold; padding:0px; margin:0px; }
.col1 .content .left div.comments h5 { font-size:85%; font-weight:normal; padding:0px; margin:0px; }

strong{font-weight:bold;}

select#expiry_m {width:40px; float:left;}
select#expiry_y{width:60px; float:left; margin-left:15px;}
p.or{padding-right:50px;text-align:right;}
#finalise_pp,#pp_submit{width:auto; height:auto;}


.col1 .content .left div.core_account_details { float:left; border-bottom:1px solid #887766; margin:0px 0px 20px; padding:10px 0px; }
.col1 .content .left div.personal_details { float:left; border-bottom:1px solid #887766; margin:0px 0px 20px; padding:10px 0px; }
.col1 .content .left div.data_details { float:left; border-bottom:1px solid #887766; margin:0px 0px 20px; padding:10px 0px; }
.col1 .content .left div.data_details div.element p.element_heading { width:360px; }
.col1 .content .left div.data_details div.element p.element_field { width:360px; }
.col1 .content .left div.data_details div.special p.element_heading { width:360px; }
.col1 .content .left div.data_details div.special p.element_introduction { width:360px; font-size:70%;}
.col1 .content .left div.data_details div.special p.element_field { width:360px; }


.col1 .content .left div.element { width:360px; float:left; margin:0px 0px 10px 0px; padding:0px; }
.col1 .content .left div.element div.date_element { float:left; }
.col1 .content .left div.element div.date_element p.element_field { width:auto; }
.col1 .content .left div.element p { margin:0px 0px 0px 0px; padding:0px; }
.col1 .content .left div.element p.element_heading { width:120px; float:left; }
.col1 .content .left div.element p.element_field { width:240px; float:left; }

.col1 .content .left div.element input,
.col1 .content .left div.element select { font-size:85%; }
.col1 .content .left div.element input { height:14px; }
.col1 .content .left div.element select { height:19px; }

.col1 .content .left div.element textarea.short,
.col1 .content .left div.element input.short { width:80px; }
.col1 .content .left div.element textarea.medium,
.col1 .content .left div.element input.medium { width:150px; }
.col1 .content .left div.element textarea.long,
.col1 .content .left div.element input.long { width:235px; }


.col1 .content .left div.element p.element_button_left { width:50%; float:left; text-align:left; }
.col1 .content .left div.element p.element_button_right { width:50%; float:left; text-align:right; }
.col1 .content .left div.element p.element_button_left input { height:auto; }
.col1 .content .left div.element p.element_button_right input { height:auto; }

#cvv2 { width: 30px; }
button { 
	background-color: #FDCC99; 
	color: #999; 
	width: 100px; 
	height: 26px; 
	font-family: Arial; 
	font-size: 93%; }