/* Main elements */
body{
	background:#979995;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	}
	
.mainWrap{
	padding:25px;
	width:910px;
	display:block;
	margin:0 auto;
	background:#fff;
	}	
	
/* nav bar 1 or topmost bar */
.navBar1{
	display:block;
	width:910px;
	height:30px;
	background:#bebfbd;
	overflow:hidden;
	text-transform:lowercase;
	position:relative;
	}
	
.navBar1 ul {
	display:block;
	width:580px;
	height:12px;
	padding:8px 0 10px 20px;
	margin:0;
	color:#fff;
	font-size:12px;
	overflow:hidden;
	}

.navBar1 ul li {
	display:inline;
	margin-right:10px;
	}

.navBar1 ul li a{
	color:#fff;
	text-decoration:none;
	}

.navBar1 ul li a:hover{
	color:#e7d478;
	}
	
.navBar1 ul li.selected a{
	color:#ffe04f;
	}
	
.navBar1 form{
	display:block;
	position:absolute; 
	right:0px; top:0px;
	padding:0;
	margin:0;
	height:26px;
	width:250px;
	}

.navBar1 form label{
	display:block; 
	height:15px; 
	padding:0;
	margin:0;
	margin-top:10px;
	float:left;
	color:#ffe04f;
	font-weight:bold;
	}	
	
.navBar1 form input{
	display:block;
	height:16px;
	width:170px;
	padding:5px 5px;
	margin:0;
	float:right;
	border:2px solid #ffe14f;
	border-left:none;
	}	
	
/* nav bar 2 or bottom most bar */
.navBar2{
	display:block;
	width:910px;
	padding:0;
	padding-top:20px;
	overflow:hidden;
	text-align:center;
	color:#000;
	}

.navBar2 a{		
	text-decoration:none;
	color:#ffe04f;
	}

.navBar2 a:hover{
	text-decoration:underline;
	}
	
.navBar2 ul {
	display:inline;
	margin:0;
	padding:0;
	}

.navBar2 ul li {
	display:inline;
	margin-left:15px;
	}

.navBar2 ul li a{
	color:#000;
	text-decoration:none;
	}

.navBar2 ul li a:hover{
	color:#e7d478;
	text-decoration:none;
	}
	
.navBar2 ul li.selected a{
	color:#ffe04f;
	}

	
/* banner1 or top most banner it uses h3 as I dont consider this key information */
h3.banner1{
	font-size:22px;
	margin:20px 0 15px 10px; 
	padding:0;
	font-weight:normal;
	color:#4b4129;
	}

	
/* banner2 or second top most banner used to display the sub-sight logo */
.banner2{
	height:120px;
	width:910px;
	display:block;
	overflow:hidden;
	background:#ffe14f;
	margin-bottom:20px;
	position:relative;
	}

.banner2 blockquote{
	width:155px;
	height:100px;
	float:left;
	margin:0;
	padding:15px 25px 5px 20px;
	font-size:40px;
	font-weight:bold;
	}	
	
#BANNER_ANIM {
	float:left;
	height:120px; 
	width:530px;
	display:block;
	/*margin-right:180px;*/
	background:#FFE14F;
	}

/* sidebar for the pages begin */	
.sidebar{
	width:180px;
	margin:0;
	padding:0;
	display:block; 
	background:#ffffff;
	min-height:400px;
	font-size:10px;
	font-weight:normal;
	}	

.sidebar ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	}
	
.sidebar ul li{
	margin:0;
	padding:6px 10px;
	background:#ebebe7;
	font-family:'MS Sans Serif';
	font-weight:normal;
	color:#817a63;
	display:block;
	margin-bottom:5px;
	}	

	
/* sidebar headings */
/* hyperlinks from the user */
.sidebar ul li.heading a{
	text-decoration:none;
	text-transform:uppercase;
	font-family:'Arial Black';
	font-weight:lighter;
	color:#4b4129;
	}

.sidebar ul li.heading a:hover{
	text-decoration:underline;
	color:#FFE14F;
	}	
	
.sidebar ul li.heading, .sidebar ul li input.heading {
	margin:0;
	/*padding:4px 10px;*/
	text-transform:uppercase;
	font-family:'Arial Black';
	font-weight:lighter;
	color:#4b4129;
	}

/* main hyperlinks contained in serachbar used in scrolling feeds and the blog */
.sidebar ul li ul li a{
	text-decoration:none;
	text-transform:uppercase;
	font-family:'Arial Black';
	font-weight:lighter;
	color:#4b4129;
	}
	
.sidebar ul li ul li a:hover{
	text-decoration:underline;
	color:#FFD100;
	}	
	
/* sidebar background colours */
ul li.BG_LightGray {background:#ebebe7;}
ul li.BG_Gray {background:#cfd0cc;}
ul li.BG_Yellow {background:#ffe14f;}
ul li.BG_LightYellow {background:#fff1ba;}

/* this is Stuart messing around - if this upsets anything you know who to chase! */

ul li.BG_Yellow_Title {
	background:left no-repeat url('images/search_16x16.png');
	padding-left:35px;
	padding-bottom:5px;
	border-top:solid 1px #cfd0cc;
	line-height:160%;
	font-weight:bold;
	margin-bottom:5px;
	font-size:12px;
	}
	
/* style form elements (display:inline is used to make IE6 and IE7 behave, strangely mainly IE7) */
.sidebar ul li form{
	padding:0;
	margin:0;
	overflow:hidden;
	border:0;
	display:inline;
	}
	
.sidebar ul li select{
	background:#fff1ba;
	padding:0;
	margin:0;
	width:160px;
	overflow:hidden;
	border:0;
	font-size:10px;
	}

input.BG_LightYellow {background:#fff1ba; border:0;}	
	
table.contractTypes{
	font-size:10px;
	font-family:times new roman;
	color:#000000;
	}

	
/* custom elements of the sidebar */
#login_element{
	margin:0; 
	padding:0;
	}
		
#login_name, #login_pass{
	margin:10px 0 0 20px;
	border:0;
	width:80%;
	}

#login_submit{
	width:100%;
	margin:10px 0 5px 0; 
	height:25px;
	background:url('images/login.jpg') #CFD0CC no-repeat 10px 0;
	border:none;
	text-align:left;
	font-size:12px;
	cursor:pointer;
	}	

#logout{
	width:100%;
	margin:10px 0 5px 0; 
	padding:0;
	height:25px;
	background:url('images/login.jpg') #CFD0CC no-repeat 10px 0;
	border:none;
	text-align:left;
	font-size:12px;
	cursor:pointer;
	}	
	
	
	
#search_button	{
	width:50%;
	margin:0; 
	height:25px;
	background:url('images/search_updated.jpg') #FFE14F no-repeat 10px 0;
	border:solid 0px 1px 0px 0px;
	text-align:left;
	font-size:12px;
	cursor:pointer;
	float:left;
	}

#reset_button	{
	width:50%;
	margin:0; 
	height:25px;
	background:url('images/reset_updated.jpg') #FFE14F no-repeat 10px 0;
	border:solid 0pc 1px 0px 0px;
	text-align:left;
	font-size:12px;
	cursor:pointer;
	}	
	
	
.login_error{
	color:#cc0000;
	margin-left:20px;
	}
	
/* special dynamic stuff */
ul.ticker li{
	padding:0 0 4px 0;
	margin:0;
	text-indent:0;
	list-style:none;
	min-height:80px;
	}

.testimonials div {
	/* controls height of testimonial element */
	min-height:80px;
	}
		
.news_feed div {
	/* controls height of news feed element */
	min-height:80px;
	}

.news_feed div a{
	color:#817A63;
	text-decoration:none;
	font-weight:bold;
	}
	
.news_feed div a:hover{
	color:#DFBC1B;
	}	
	
	
	
/* user definable content style for sidebar */
.sidebar ul li p{
	padding:0;
	margin:0;
	/*padding-bottom:2px;*/
	}

.sidebar ul li p a{
	color:#DFBE29;
	font-weight:bold;
	text-decoration:underline;
	}

.sidebar ul li p a:hover{
	color:#817A63;
	text-decoration:underline;
	}
	
.sidebar ul li ul{
	margin:0;
	padding:0;
	}	
 
.sidebar ul li.user_content ul li{
	margin:0;
	padding:0;
	background-image: url('images/sidebarbullet.jpg');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px; 
	}
		


	
/* center layouts */	
.content1, .content2, .content3{
	min-height:200px;
	padding:0;
	display:block; 
	float:left;
	background: no-repeat url('images/page_background.jpg') #CCCCCC;
	border:2px solid #000000;
	}

.content1 .output, .content2 .output, .content3 .output{
	margin:20px;
	}

.content1{
	width:510px;
	margin:0 17px;
	}
	
.content2{
	width:706px;
	margin:0;
	}
	
.content3{
	width:906px;
	margin:0;
	}	

.content1 p, .content2 p, .content3 p{
	padding:10px 20px;
	}	
	
.memberContent {
	width:710px;
	margin:0;
	min-height:200px;
	padding:0;
	display:block; 
	float:left;
	}
	
/* block banner, a yellow rectangular banner that is used throughout, must have width declared and minus 20px for the padding that applied*/	
.content1 .blockBanner{width:490px;}
.content2 .blockBanner{width:686px;}
.memberContent .blockBanner{width:690px;}

.blockBanner{
	background:#ffe14f;
	color:#000;
	display:block;
	padding:10px;
	}

.blockBanner a{
	text-decoration:none;
	color:#000;
	}

.blockBanner a:hover{
	text-decoration:underline;
	}	
	
h3.blockBanner {
	font-size:20px;
	height:20px;
	margin:0;
	margin-bottom:10px;
	}

p.blockBanner {
	font-size:15px;
	margin:0;
	margin-bottom:10px;
	}
	
	
/* member search results page */
.memberContent table.search{
	background:#FFF6CA;
	width:710px;
	overflow:hidden;
	}

.memberContent p{
	background:#FFF6CA;
	margin:0;
	padding:0;
	width:100%;
	/*height:40px;*/
	display:block;
	}	
	
.memberContent table.search td{
	padding:10px;
	}
	
.memberContent table.search td.logo{
	width:320px;
	overflow:hidden;
	}
	
	
.memberContent table.search td.logo table tr td {
	font-size:16px;
	padding:0 20px 0 0;
	margin:0;
	}	
	
.memberContent table.search td.logo table tr td img {
	border:1px solid #ffffff;
	}

/* nice glossy buttons used for contact etc etc */	
.td.buttons {
	width:160px;
	}
	
.buttons a div{
	background:url('images/search_button_chevron.jpg') no-repeat 100% -2px;
	height:21px;
	}
	
.buttons a{
	color:#ffffff;
	cursor:pointer;
	background:url('images/search_button_gradient.jpg');
	height:21px;
	font-size:12px;
	min-width:135px;
	padding-top:3px;
	padding-left:10px;
	display:block;
	text-decoration:none;
	margin:4px 0;
	border-left:solid 2px #000000;
	}	
/* glossy buttons end, select button field begins */	
.memberContent table.search td.select{
	font-size:16px;
	}	
	
	
/* member view page */
div.viewing {
	background:#fff0a7;
	position:relative;
	}
/* memberViewTabBar1 css */
ul.memberViewTabBar1{
	display:block;
	width:710px;
	height:40px;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:-1px;
	border-bottom:1px solid #c5b03f;
	background:#ffffff;
	}	
ul.memberViewTabBar1 li{
	display:block;
	float:left;
	background:#fff0a7;
	margin-right:3px;
	height:18px;
	padding:10px 20px;
	border:1px solid #e2d79f;
	border-bottom:1px solid #c5b03f;
	position:relative;
	top:1px;
	}
	
ul.memberViewTabBar1 li a{
	font-size:16px;
	text-decoration:none;
	color:#807128;
	}

ul.memberViewTabBar1 li a:hover{
	color:#000000;
	text-decoration:underline;
	}
	
#memberTabBar1Selected a{
	color:#000000;
	}
	
#memberTabBar1Selected {
	background:#ffe14f;
	border:1px solid #c5b03f;
	border-bottom:1px solid #ffe14f;
	}

	
/* memberViewTabBar2 css */
ul.memberViewTabBar2{
	background:#ffe14f;
	display:block;
	width:690px;
	height:25px;
	margin:0;
	padding:0 10px;
	list-style:none;
	position:relative;
	top:-1px;
	}	
ul.memberViewTabBar2 li{
	display:block;
	float:left;
	padding:5px 10px;
	background:url('images/tab_divider.jpg') no-repeat 100% 60%;
	}

ul.memberViewTabBar2 li a, #memberTabBar2Selected a{
	text-decoration:none;
	font-size:10px;
	color:#403814;
	text-transform:uppercase;
	}
	
ul.memberViewTabBar2 li a:hover{
	color:#000000;
	text-decoration:underline;
	}
	
#memberTabBar2Selected a{
	color:#000000;
	font-weight:bold;
	}		

div.memberViewContactDetails, div.memberViewTabInformation {
	display:block; 
	float:left;
	min-height:300px;
	}

div.memberViewContactDetails{
	width:150px;
	height:100%;
	padding:20px 10px 60px 20px;
	color:#4D4318;
	background:#ffe14f;
	}

div.memberViewContactDetails h1{
	padding:0;
	margin:0;
	margin-bottom:4px;
	font-size:18px;	
	color:#000000;
	}
	
div.memberViewContactDetails a.websiteLink{
	text-decoration:none;
	color:#4D4318;
	}
	
div.memberViewContactDetails a.websiteLink:hover{
	text-decoration:underline;
	color:#000000;
	}

	
div.memberViewContactDetails img {
	border:2px #ffffff solid;
	margin-top:10px;
	}
	
ul.member_downloads li a{
	color:#000000;
	text-decoration:none;
	}
	
ul.member_downloads li a:hover{
	text-decoration:underline;
	}
	
ul.member_gallery li{
	width:110px;
	height:100px;
	display:block;
	float:left;
	list-style:none;
	}
	
ul.member_gallery li a{
	text-decoration:none;
	}	
	
ul.member_gallery li a img{
	border:3px solid #FFF0A7;
	}		

ul.member_gallery li a:hover img{
	border:3px solid #ffffff;
	}
	
div.memberViewTabInformation{
	background:#fff0a7;
	width:510px;
	padding:10px;
	}

/* member tabs begin here - target this to stop user errors */	
div.memberViewTabInformation p{
	background:#fff0a7;
	width:510px;
	margin:0 0 4px 0;
	padding:0;
	}	

div.memberViewTabInformation ol, div.memberViewTabInformation ul{
	background:#fff0a7;
	margin:10px;
	}	
	
	
/* page search */
.pageSearch a{
	font-size:20px;
	text-decoration:none;
	color:#4D4318;
	}
	
.pageSearch a:hover{
	text-decoration:underline;
	color:#000000;
	}
	
	
/* glennigan feed
inherit all normal page layout from dynamic, 
but use these block level divs for each testimonial */		
div.glennigan {
	padding:20px;
	}
	
div.glennigan a {
	text-decoration:none;
	color:#7BBE4B;
	font-size:16px;
	font-weight:bold;
	}
	
div.glennigan a:hover {
	text-decoration:underline;
	color:#7BBE4B;
	}
	
div.glennigan a:visited {
	color:#7BBE4B;
	}
	
div.glennigan img {
	margin-bottom:20px;
	}
	
div.glennigan ul{
	padding:20px;
	}	
	
div.glennigan ul li{
	padding:4px 0;
	list-style:none;
	}	

.sidebar ul li ul.rss {
	padding:10px 0;
	margin:0;
	}
		
.sidebar ul li ul.rss li {
	padding:5px 10px 0px 10px;
	margin:0;
	}
	
.rss_feed img {
	width:150px;
	}
	
.rss_feed ul li {
	min-height:250px;
	}
	
/* testimonials 
inherit all normal page layout from dynamic, 
but use these block level divs for each testimonial */	
div.testimonial {	
	display:block;
	font-size:16px;
	padding:10px;
	}

div.testimonial h1.mainTitle{
	font-size:20px;
	padding:0;
	margin:0;
	}
	
div.testimonial div.testIntro{
	font-size:12px;
	text-indent:20px;
	color:#4D4318;
	}
	
	
div.testimonial h1 {
	width:80%;
	margin:20px 0 0 10%;
	font-size:16px;
	}
	
div.testimonial h2{
	font-size:14px;
	color:#4D4318;
	text-align:right;
	padding:0;
	margin:10px 10% 0 0;
	}
	
div.testimonial h3{
	font-size:10px;
	color:#4D4318;
	text-align:right;
	padding:0;
	margin:0;
	margin-right:10%;
	}
	
div.testimonial hr {
	width:75%;
	}


/* registrations page */
table.registrations {
	width:100%; 
	background:#FFF6CA;
	}

table.registrations td.caption{
	font-size:14px;
	background:#ffeb8c; 
	text-align:center;
	width:100%;
	padding:20px;
	}
	
table.registrations td.message{
	text-align:center;
	font-size:12px;
	}

table.registrations td.buttons a{
	/* also controls size of buttons */
	margin:0 40px;
	}
	

form.registrationForm {
	margin:20px;
	}

form.registrationForm legend{
	padding:10px;
	}	
	
.registrationMessage{
	font-size:16px;
	padding:40px 10px;
	margin:10px;
	}
	
div.registration_errors{
	background:white;
	border:1px solid red;
	padding:20px 10px;
	font-size:12px;
	}
	
div.registration_errors h1{
	font-size:14px;
	}
	
p.registration_final{
	font-size:20px;
	padding:80px 0;
	text-align:center;
	background:#FFE14F;
	}
	
.registrationMessage{
	font-size:16px;
	padding:40px 10px;
	margin:10px;
	text-align:center;
	}

.registrationMessage h2{
	font-size:18px;
	padding:10px;
	margin:0;
	}

.registrationMessage ul{
	font-size:12px;
	padding:0 10px;
	margin:0;
	}
	
/* member analytics */
.member_stats table {
	background:#FFF0A7;
	}
		
.member_stats td {
	background:#FFE14F;
	}

.member_stats td table{
	background:#807128;
	border:1px solid #FFF1BA;
	width:100%;
	}
	
.member_stats td table tr th{
	background:#D3C46F;
	padding:10px;
	}
	
.member_stats td table tr td{
	background:#FFF1BA;
	padding:4px 2px;
	}
.member_stats td .page-numbers{
	color:#3F3B23;
	text-decoration:none;
	margin-right:4px;
	}
	
.member_stats td .current{
	color:black;
	font-size:14px;
	}


.member_stats div.tablenav-pages{
	padding:0;
	margin:0;
	}



	
/* misc */
.resultHighlight {color:#cc0000;font-weight:bold;}	
	
#absoBackButton{
	color:#897936;
	position:absolute;
	top:8px;
	right:4px;
	font-weight:bold;
	text-decoration:none;
	}	
	
#construction_logo {
	background:url('images/construction.png') no-repeat;
	display:block;
	height:128px;
	width:128px;
	margin:0 auto;
	
	}
	
/* common classes */	
.right {float:right;}
.left {float:left;}
.clear {clear:both;}

/* colors */
.white {color:#fff;}
.black {color:#000;}


	
/* blog */
.blog {padding:10px;}
.blog h1, .blog h2, .blog h3, .blog p {padding:0; margin:10px 0}
.blog h1 {font-size:20px;text-transform:uppercase;}
.blog h2 {font-size:16px;text-transform:uppercase;}
.blog h1 a {text-decoration:none;}
.blog a{
	text-transform:uppercase;
	font-weight:bold;
	color:#4b4129;
	text-decoration:none;
	}
.blog a:hover{
	text-decoration:underline;
	color:#FFD100;
	}	
	
.post_heading h1, .post_heading h2{margin:0;}
.post_heading h2{font-size:10px;}
.post_heading {margin:10px 0;}
.post_content {}
.post_content ul, .post_content ol {padding:10px;}
.post_footer {padding-bottom:10px; width:100%; display:block; border-bottom:1px solid #5C532D; margin-bottom:30px;}