/* Yellodot.net */ 
/* PDBuilding.co.uk Style Sheet */
/* Jan 07 */  


/* ------ Reset Defaults ------ */

/* Reset margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Reset font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Reset font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Reset tables */
table { border-collapse: collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }


/* ------ Typography ----- */

h1 { font: 250% Arial, Verdana, sans-serif; color: #000; font-weight: bold; }
h2 { font: 150% Arial, Verdana, sans-serif; color: #000; font-weight: bold; }
h3 { font: 125% Arial, Verdana, sans-serif; color: #000; font-weight: bold; }
p { font: 110%/1.4em Arial, Verdana, sans-serif; color: #333; text-align: justify; }


/* ------ General Page Layout ------ */

body { 
text-align: center; 
font: .76em/1.3em Arial, Verdana, sans-serif; color: #fff; background: #333; }

#container {
width: 770px; margin: 0 auto; text-align: left; background: #fff; }

/* -- Content -- */
#content { 
width: 390px; margin-bottom: 10px; float: right; padding: 0; background: #fff; }
#leftcol { 
width: 380px; margin-bottom: 10px; float: left;  padding: 0; background: #fff; }

/* -- Leftcol Branding/Header -- */
#branding {  }
#branding h1, #branding blockquote { 
display: none; }
#branding img {
margin: 0 0 20px 10px; }

/* -- Left col Main_Nav -- */ 
ul#main_nav { 
width: 350px; font: bold 16px Arial, Verdana, sans-serif;	color: #333; 
margin: 0 0 0 25px;	padding: 0; list-style-type: none; background: transparent; }
/* -- font size fixed to stop text increasing outwith the background button image -- */ 
ul#main_nav li { display: inline; }
ul#main_nav a {
display: block; padding: 6px 0 6px 12px; text-decoration: none; margin: 0 0 2px 0;
color: #fff; background: transparent url(../images/menuback.gif) no-repeat 0 0; }
ul#main_nav a:hover {
color: #fff; background: transparent url(../images/menuback.gif) no-repeat 0 -80px; text-decoration: none; }
ul#main_nav a.current {
color: #fff; background: transparent url(../images/menuback.gif) no-repeat 0 -160px; font-weight: bold; }

/* -- Left col Base -- */
#leftcol_base { 
width: 350px; float: left; margin: 20px 0 0 15px; background-color: #fff; display: inline; }
#leftcol_base img { 
float: left; }
#leftcol_base ul#contact { 
float: left; margin: 5px 10px 0 0;
font: 125% Arial, Verdana, sans-serif; color: #000; font-weight: bold; }
#leftcol_base ul#contact li { margin: 0 0 .25em 0; }

/* -- Content Section Styling -- */

.mainimg {margin: 20px 0px 10px 10px; }
#content h2 { clear: both; padding: 10px 0 0 10px; }
#content h3 { padding: 10px 10px 0 10px; }
#content p { font-weight: normal; padding: 0 20px 1em 10px; } 


/* -- Footer -- */
#footer {
clear: both; height: 30px; border-top: 1px solid #ccc; color: #666; background-color: #fff; 
text-align: right; margin: 20px 20px 5px 20px; padding: 5px 0; 
font: 110% Arial, Verdana, sans-serif; color: #000; font-weight: normal; }
#footer .copyright {
float: left; }

/* -- Footer Links -- */ 
#footer a:link, #footer a:visited {  
color: #f00; background: transparent; text-decoration: none; padding: .2em .1em; }
#footer a:hover, #footer a:focus	{
color: #999; background: transparent; text-decoration: underline; padding: .25em .1em; }

/* -- General links -- */ 
a:link, a:visited {  
color: #00f; background: transparent; text-decoration: underline;	padding: .2em .1em; }
a:hover, a:focus	{
color: #f00; background: transparent; text-decoration: none; padding: .25em .1em; }

/* --Accessibility Skip links -- */ 
.skiplink {
	display: none;
}