/*  
Theme Name: WordPress CMS
Description: CMS based theme Orginal by Mike Jolley
Version: 1.0
Author: sdesign1
Author URI: http://www.sdesign1.com
*/

/* Page Structure:
#header
#wrapper
 #nav
 #content
 #secondary
  #searchform
#footer
*/

/* General Styles */



 
html{
 margin: 0;
 padding: 0;
 font-size: 62.5%; /* 16px -> 10px */
/* overflow-y: scroll;*/
 border: 0; /* Suggested UI */

}
body {
 margin: 0;
 padding: 20px 2%;
 color: #fff;
 background: #444;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

ul li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
 margin: 0;
 padding: 0;
 vertical-align: top;
 border: 0;
}



/* Main Layout */
#header, #wrapper, #footer {
 color: #222;
 font: 1.2em Arial, sans-serif; /* 10px -> 12px */
 background: #fff;
 overflow: hidden;
}
#header {
 background: #fff url(images/header/right.png) no-repeat right top;
 

}
#wrapper {
 float: left;
 width: 100%; /* Contain floated descendents. */
 background: #fff url(images/wrapper/left.png) repeat-y left top;


}
#wrapper2 {
 float: left;
 width: 100%; /* Contain floated descendents. */
 padding: 30px 0 0 0;
 background: transparent url(images/wrapper/right.png) repeat-y right top;

}
#nav {
 float: left;
 width: 17%;
  left: 1%;
 position: relative;



}


#content {
 float: left;
 width: 62.5%;
 left: 3%; /* 1 + 2 */
 position: relative;
 padding: 0;

}

#content p {
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;

 }

#secondary {
 float: left;
 width: 14%;
 left: 5%; /* 1 + 2 + 2 */
 position: relative;
 
/* overflow: hidden;*/
}

#footer {
clear: both;
padding: 0.3em 0 20px 10px;
text-align: center;
background: url(images/footer/left.png) no-repeat left bottom;

}


#footer2 {
	border: 3px solid #FFF;
	background-color: #319ef0;

}

	
#footer3 {
 background: url(images/footer/right.png) no-repeat right bottom;
 padding: 0 13px 0 0;
 }


/* Header */
#header h1 {
 margin: 0;
 font-size: 2em; /* 10px -> 16px; */
}


/* - Navigation */
#nav {

 color: #fff;
 background-color: #c5eafc;
 left: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav h2 {
 margin: 0;
}
#nav ul, #nav li {
 margin: 0;
 padding: 0;
 list-style: none;
 }

#nav ul {
padding-bottom: 0.1em;
}


#nav li .page_item current_page_item page_folder #nav ul, #nav li .page_item {
/*margin: 0 0 0 1.2em;*/
background-image: none;
text-decoration: none;

} 

#wrapper2 #nav ul.main li.current_page_item {
border-bottom: 3px solid white;

}

#wrapper2 #nav ul.main li.current_page_item a {
border-bottom: none;
}

#nav li {

 color: #fff;
 background: #c5eafc url(images/nav/triangle.png) no-repeat 18px 10px; /*Originally 15px centre */
}
#nav a {
 display: block;
 height: 1%; /* hasLayout */
 padding: 0.5em 0 1em 34px; /* Space for background to shine through. */
 color: #444;
 border-bottom: 3px solid #fff;
 text-decoration: none;
 
}

#nav ul.business li {
background: #1E6D8C url(images/sidebar/tarrow.png) no-repeat 90% 50%;

}


#nav ul.business li a {
padding: 1em 3.5em 1em 34px;
text-decoration: none;
color: #FFF;
margin: 0.7em 0 -0.1em 0;
 border-bottom: none;
}

/*-------------Hover, Focus and Active Styles-------------*/

#content a {
color: #0C526C;
}

#nav ul.business li a:focus, #nav ul.business li a:active, #nav ul.business li a:hover {
background: #0C526C url(images/sidebar/tarrow.png) no-repeat  90% 50%;
text-decoration: underline;
}

#nav ul.main li a:focus, #nav ul.main li a:active, #nav ul.main li a:hover {
color: #FFF;
background:  #0C526C url(images/nav/triangle.png) no-repeat 18px 10px;
text-decoration: underline;
}

#secondary ul li a:focus, #secondary ul li a:active, #secondary ul li a:hover {

text-decoration: underline;

}

#footer2 ul li a:hover, #footer2 ul li a:active, #footer2 ul li a:focus {
background-color: #0C526C;
text-decoration: none;
}


#nav ul.main li ul li a {
	margin-left: 1em;
	background: url(images/nav/dash.png) no-repeat 1.8em 0.8em;
	border-bottom: none;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	font-size:0.95em;
}

#nav ul.main li ul li a:hover, #nav ul.main li ul li a:active, #nav ul.main li ul li a:focus {
margin-left: 1em;
background-color:#C5EAFC;
color:#222222; 
border-bottom: none;
}

/*-------------end of hover focus and active-------------*/


/* - Content */
#content {
 padding: 0; 
 background: #e1f5fe;
 
}
#content blockquote, #content h2, #content h3, #content h4, #content h5, #content ol, #content ul, #content p {
 margin-left: 3%;
 margin-right: 3%;
 
}
#content h2, #content h3, #content h4, #content h5 {
 color: #0C526C;
}

#content blockquote cite {
text-align: right;
display: block;
font-weight: bold;
padding-top: 1em;

}

#content h1 {
padding: 0.5em 0 0 0.9em;
color: #2F9EEF;
}

#content h2 {
font: 2em "Century Gothic"; 
}

#content h3 {
font: 1.5em "Century Gothic"; 
margin-left: 3%;
color: #0099FF; 
font-weight: bold;
}


h3.frontPageHeading {
padding-top: 0.7em;
border-top: dotted 1px #666;
color: #A6D8F9; 
}
 
#content blockquote p cite {
display: block;
text-align: right;
}



/* - Secondary Content */
#secondary {
 color: #fffffd;
 background: #1e6d8c;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#secondary h2 {
 margin: 0;
 padding: 0.5em 5%;
 font-size: 1em; /* 12px */
 background: #0C526C;
 border-bottom: 1px solid #11516a;
}

#secondary #search h2 {

background-color: #0C526C;

}

#secondary ul, #secondary li {
 margin: 0;
 padding: 0;
 list-style: none;

}
#secondary li {
 padding: 0.5em 5%;
}
#secondary a {
 color: #fff;
  display: block;
  text-decoration: none;
}

/* -- Search Form */
#searchform {
 margin: 0;
 padding: 0;
 border-top: 14px solid #fff;
}
#searchform fieldset {
 margin: 0;
 padding: 0 0 0.75em 0;
 color: #0076a4;
 background: #c5eafc; 
 border: 0;
}


#searchform h2 {
 margin: 0 0 0.75em 0;
 color: #fff;
 background: #1e6d8b;
 border-bottom: 1px solid #5d91a6;
}
#searchform label, #searchform .textbox input, #searchform .button {
 display: block;
 margin: 0 auto;
 width: 90%;
 text-align: left;
}
#searchform .textbox input {
 border: 2px solid #d3dee2;
}
#searchform .button {
 padding-top: 4px;
 text-align: right;
}


/* Footer */
#footer ul, #footer li, #footer p {
 margin: 0;
 padding: 0;
 color: #feffff;
 list-style: none;
 background: #319ef0;
}

#footer li {
 display: inline;
}

#footer ul {
margin-bottom: 0.2em;
}

#footer li a {
 padding: 0 0.25em;
}
#footer p {
 padding: 2px; /* Nifty Corners */
 font-size: 0.833em; /* 12px -> 10px */
}
#footer a {
 color: #fff;
}



#nav h2 {
 left: -999px;
 width: 1px;
 position: absolute;
}

#skiplinks a {
	position:absolute;
	left: -1000px;
	height:1px;
	font-size: 1.5em;
}

#skiplinks a:active, #skiplinks a:focus {

	left: 30px;
	top: 25px;
	height: 1em;
	color: #000;
	font-size: 1em;
	background-color:#CCC;
	
	}
	
.curvy {

}

.imgpad {
float: left;
padding: 18px 20px 0 0;
display:block;

}

.clear {
clear:both;
padding-bottom: 0.5em;
}

.navigation {
padding-bottom: 6.2%;
}

/*---------------Search-------------------------*/

#search p {
margin: 0;
padding: 0;
}
#search {
background-color: #C5EAFD;

}

#search #k, #search #c, #search #a {
margin-left: 9px;
}

#search label {
padding: 0;
margin: 0;
border: 1px solid black;
position: absolute;
left: -10000px;
height: 1px;
}


#search input#keyword {

position: relative;
left: 80%;
padding-top: 4px;
margin-bottom: -10px;
}

#search input#k {
width: 83%;
position: relative;
top: 0;
left: 0;
}

/*#search input#category {

position: relative;
left: 80%;
padding-top: 2px;

}*/

/*#search input#alphabetical {

position: relative;
left: 80%;
padding-top: 2px;
}*/

#search input#alpha {
position: relative;
left: 80%;
padding-top: 4px;
margin-bottom: -10px;
}

/*#search select#alphabox {
position: relative;
left: 5%;
width: 85%;
}*/

#search input#category {
padding-top: 4px;
position: relative;
left: 80%;
margin-bottom: -10px;
}


#search select, cat {
position: relative;
left: 5%;
width: 85%;
margin: 0;

}

.entry {

margin-left: 0;
}
#wrapper2 #content .entry h3 {
margin-left: 1.5em;
}

.entry p {
margin-left: 0;
}


/*---------------Search-------------------------*/

#nav .business ul li a {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;}

/*---------------Table styling-------------------------*/
caption {
	text-align:left;
	padding:  0 0 0.3em 1.3em;
	font-size:1.4em;
	color:#0099FF;
	}
.companyDetails {
text-align: left;
padding-bottom: 2em;
padding-top: 0.3em;
border-bottom: 1px dashed #CCC;
width: 80%;
}
/* single table */
.post .noBottom {
	border-bottom:none;
	margin-left: 1.8em;
	}
	
.companyDetails th {
text-align: left;
width: 10em;
}


#admincontent h3 {
color: #0175A4;
font-size: 1.3em;
margin-left: 0.6em;
}

/*---------------End of Table styling-------------------------*/

/*----------Fieldset and Legend styling------------------*/

fieldset.userFieldset { 
position: relative;
left: 20px;
width: 80%;
padding-bottom: 2em;
}


#search fieldset legend {
padding-left: 0.8em;
padding-bottom: 0.5em;
font-size: 0.9em;
color: #0175A4;
font-weight: bold;
 }


/*----------End of Fieldset and Legend styling------------------*/

#lognav {
 float: right;
 color: #000;
 background-color: #c5eafc;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0 3em 1em 0;
 padding: 0;
}

#lognav a {
 display: block;
 height: 1%; /* hasLayout */
 color: #444;
 text-decoration: none;
 }
 
 #lognav ul {
  padding-left: 0;
 margin:  0 1.5em;
 }
 
 #lognav h2 {
 margin-left: 1em;
 }
 
 
 #lognav li {
 list-style-type: none;

 }
 #lognav ul li a {
background: #c5eafc url(images/nav/triangle.png) no-repeat 0 50%;
padding: 0.7em 0.7em 0.7em 1em; /*Originally 15px centre */


 }
 
 #lognav a:hover,  #lognav a:focus,  #lognav a:active {
 background-color: #0175A4; /*Needs changing */
 text-decoration: underline;
 color: #FFF;
 }
 
 #updateform input:focus,  #updateform input:active,  #updateform input:hover {
 background-color: #CCC;
 }
 
 input[readonly] {
border: none;
background-color: #E1F5FE;
 }
 
#admincontent input#update {
position: relative;
left: 11.5em;
 }
 
 #admincontent #updateform input#update1 {
position: relative;
left: 11.5em;

 }
 
form.log input {
margin-left: 0.5em;
 }
 

 
#wrapper2 #admincontent input#add
{
position: relative;
left: 14.5em;
}

#wrapper2 #admincontent input#addcategory
{
position: relative;
left: 11.8em;
margin-top: 0.5em;
}

#wrapper2.space {
float: left;
}
 
#wrapper2.space h1 {
 
 color: #0175A4;
 margin: 0;
 }
 
.letters a {
 background: url(images/content/pipe.png) no-repeat 0 12px;
 padding: 0.8em;
 font-size: 1.1em;
 text-decoration: none;

}

#content .letters a:focus, #content .letters a:active, #content .letters a:hover {
background-color: #0175A4; /*Needs changing */
text-decoration: underline;
color: #FFF;
}

#admincontent .letters a:focus, #admincontent .letters a:active, #admincontent .letters a:hover {
background-color: #0175A4; /*Needs changing */
text-decoration: underline;
color: #FFF;
}




#wrapper2.space fieldset legend {
font-size: 1.5em;
color: #0175A4;
margin-left: 0.7em;
}

#admincontent fieldset legend {
font-size: 1.5em;
color: #0175A4;
margin-left: 0.7em;
}

.important {
color: #FF0000;
font-size: 1em;
padding-left: 1em;
}



/*----------Cleaning up of FORM styles------------------*/


#content .post .contactMember form fieldset {
	padding: 0;
	border:none;
	background-color:#E1F5FE;
	}
#content .post .contactMember form legend {
	color:#0C526C;
	font-family:trebuchet;
	padding-left:0;
	padding-bottom:0.5em;
	margin-left:0;
	position:relative;
	left:-1em;
	font-size:1.3em;
	
	}
#content .post .contactMember form textarea {
	width:22em;
	height: 20em;
	}
	
#content .post .contactMember form	#sendbutton3 {

	position:relative;
	left:0.7em;
	}

#wrapper2 #admincontent label {
position: relative;
font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Submit {
	position: relative;
	left: 1.6em;
	top: 0.5em;
	}
#wrapper2 #admincontent input, #wrapper2 #admincontent textarea {
position: absolute;
left: 13em;
top:0;
}

#admincontent label#myPageTextArea {
	height:  10em;
	}
#myPageTextArea {
	padding:0;
	margin:0;
	font-size:1.2em;
	position:relative;
	left:-1em;
}
#wrapper2 #admincontent input.update2 {
	left: -1em;
	top: 1em;
	}

#wrapper2  p.admin {
	margin-left: 1em;
	font-size: 1em;
}
#wrapper2 .paddLeft {
	padding-left: 2em;
	}
#wrapper2 input#login {
	margin-left: 6em;
	top: 1em;
}

form.log {
margin-bottom:2em;
}
 
form#adduser {
margin-bottom: 2em;
margin-left: 1em;
padding-left: 0;
}

form#addcat {
margin-bottom: 2em;
margin-left: 1em;
padding-left: 0;
}  
 
form#edit {
margin-bottom: 3em;
}

form.updateform {
margin-bottom: 3em;
margin-left: 1em;

}
#admincontent form#updateform  {
	padding-left:1em;
	margin-bottom: 2em;
	}

select#cat {
position: relative;
left: 7.6em;
}

.important p {
margin-left: 2em;
}


form#updateform input#update {  /* Both form stylings from editHandler.php */
margin-left: 1.5em;
}

form#deletemember #delete {
margin-top: 2em;
}

form#deletemember {
margin-bottom: 5em;
}


/*----------Cleaning up of CONTENT styles------------------*/


 #admincontent {
 margin: 0 0 1em 2.5em;
 padding:0;
  background-color: #e1f5fe;
  width: 75%;
 }
 
 
 #admincontent h2 {
 color: #0175A4;
 font-size: 2em;
 margin-left: 0.4em;
 }
#admincontent h2#upload {
	margin-top:3em;
	}
 #admincontent fieldset {
 margin-left: -1.8em;
 }
 
 #admincontent p.letters {
  margin-left: 1em;
  
 }

#admincontent h1 {
 color: #0175A4;
 font-size: 2em;
 margin-left: 0.4em;
 padding-left: 0;
}
 
 #lognav h2 {
 color: #0175A4;
 }

#admincontent h1.adminfix {
margin-left: 0.5em;
}

#wrapper2 h2.adminHeading a {
color: #0175A4;
text-decoration: none;
margin-left: 0.5em;
}

#wrapper2 h2.adminHeading {
margin-left: 0.8em;
color: #0175A4;
text-decoration: none;
}

#wrapper2 h2.adminHeading a:hover, #wrapper2 h2.adminHeading a:focus, #wrapper2 h2.adminHeading a:active {
text-decoration: underline;
background-color: #319EF0;
color: #FFF;
}

p.adminfix {
font-weight: bold;
}

.testPage {

margin-left: 1.8em;
}
span.hidden {
position:absolute;
left:-1000px;
}
fieldset.normalFieldset {
border: none;
}
 
#search fieldset legend span {
display: block;
width: 7.5em;
 }
 
#content blockquote.frontPage {
background: url(images/content/openQuotes.gif) no-repeat 12.5em 0;
padding-left: 14.2em;
}

#content blockquote {
background: url(images/content/openQuotes.gif) no-repeat 0 0;
padding-left: 2em;
}

.ddsg-wrapper ul li a {
text-decoration: none;
margin: 15px 0 0 0;
}

.ddsg-wrapper h2 {
display: none;
}

a {
color: #0C526C;
}

#content a:hover, #content a:active, #content a:focus {
color: #FFF;
background-color: #0C526C;
}

span.keyword {
color: #0C526C;
}

#search input#k:hover, #search input#k:focus, #search input#k:active {
background-color: #CCC;
}
#search select:hover, #search select:focus, #search select:active {
background-color: #CCC;
}
#searchform #search.fieldset fieldset p select#categ option {
padding-right: 2%;
width: 12em; /* Forces to show scroll bar on drop down memnu for Category search */
}

/* editor classes */

.imgfloatRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	}
	
.imgfloatLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	}