/*
	Theme Name: APDTIE
	Description: 3 column layout 
	Author: Paw Prints Web Design
	Theme URI: http://pawprintswebdesign.co.uk
	Author URI: http://pawprintswebdesign.co.uk
*/


body {
 background:url(images/bg_main.jpg) repeat-x; 
 background-color: #5a0309;
 margin:5px;
 padding:0;
 font:13px/1.4em verdana,arial,helvetica,sans serif;
}


#container {
 background-color:#fff;
 width:960px; 
 padding:0;
 margin:0 auto;
 overflow:auto
}


/* Header styling */

#header {
 width:960px;
 height:165px;
 background:url(images/header.jpg) no-repeat 167px 0;
 margin:0 auto;
}

#header img {
 padding:3px;
 border-right: solid 2px #7f1517;
 border-bottom: solid 2px #7f1517;
}

/*Home page titles*/
	
h1.main {
 font:bold 1.5em arial, helvetica, sans-serif;
 color:#881f00;
 letter-spacing:0.5px;
 text-align:center;
 margin:5px 0 0 10px;
}

h2.main {
 font:bold 1.3em arial, helvetica, sans-serif;
 color:#881f00;
 text-align:center;
 margin:5px 0;
}

/* Page titles */

h1 {
 font:bold 1.5em arial, helvetica, sans-serif;
 color:#881f00;
 letter-spacing:0.3px;
 text-align:center;
 margin:25px 0 10px 10px;
}

h2{
 font:bold 1.3em arial, helvetica, sans-serif;
 color:#881f00;
 text-align:center;
 margin:15px 0 10px 10px;
}

h3 {
 font: bold 1.1em arial, helvetica, sans-serif;
 text-align: left;
 padding-left:5px;
 margin:15px 10px;
 color:#881f00
 }

h5 {
 font: bold 1.0em arial, helvetica, sans-serif;
 text-align: center;
 margin:5px 10px;
 color:#881f00
}

/* Links styling */

a:link, a:visited {
font-size:12px;
 color:#5c2709;
 text-decoration:none
}

a:hover {
 color:#6c3d24;
 text-decoration:underline
}

a.membership {
font:bold 12px verdana, arial, helvetica, sans-serif
}

/* Paragraph styling */

p.title {
 font:bold 1em arial, helvetica, sans-serif;
 color:#881f00;
 padding:15px 0 0
}

img {
border:none
}



/* Content styling */

#content {
 width:602px;
 margin-bottom:20px;
 background-color:#fff;
 padding:5px;
 float:left;
 border-right:solid 1px #e7e7e7;
 border-left:dotted 1px #e7e7e7;
}

#content p {
 margin:4px 20px;
 text-align:justify;
 color:#2e2e2e
}

#content p.pages {
 margin:10px 25px;
 text-align:justify;
 color:#2e2e2e
}

p.contact {
font: normal 14px arial, helvetica, sans-serif;
text-align: center
}

#statement {
 width:570px;
 margin: 0 auto;
 margin-top:10px;
 text-align:center;
 color:#2e2e2e;
 font:normal 1.1em arial, helvetica, sans-serif;
 padding: 5px 0;
 letter-spacing:0.02em;
}

#mission {
 display:block;
 width:300px;
 text-align:left;
 margin: 5px 10px;
 letter-spacing:0em;
 font:bold 0.9em arial, helvetica, sans-serif;
 color:#7f1517;
}

#content img.picleft {
 margin:7px 12px 7px 0;
 padding:3px;
 border:solid 1px #cdcdcd;
 float:left
}

#content img.picright {
 margin:7px 0 7px 12px;
 float:right;
 padding:3px;
 border:solid 1px #cdcdcd
}


#content img.picmiddle {
 padding:0;
 margin-left:30px;
 border:none
}

#content img.center {
 padding:0;
 margin: 10px 150px;
 border:none
}

img.alignleft {
 margin:7px 12px 7px 0;
 padding:3px;
 border:solid 1px #cdcdcd;
 float:left
}


img.alignright {
 margin:7px 0 7px 12px;
 float:right;
 padding:3px;
 border:solid 1px #cdcdcd
}


ul.mainlist {
 text-align:justify;
 margin:20px
}

ul.mainlist li {
 padding: 5px 10px;
 color:#2e2e2e
}

hr {
 height: 1px;
 width: 550px;
 background: #7f1517;
 border:0;
}

.divider {
width:500px;
margin: 20px auto
}

/* Left sidebar styling */

#left {
 width:166px;
 float:left
}

ul.links {
 width: 166px;
 margin:0;
 margin-bottom: 20px;
 padding:0;
 font-size:12px
}

ul.links li{
 list-style-type: none;
 padding: 1px 0 1px 20px;
 background-image: url(images/arrow.png);
 background-repeat: no-repeat;
 background-position: 8px .6em;
}


/* Right sidebar styling  */

#right {
 width:180px;
 float:right;
}

ul.rightlinks {
 width: 170px;
 margin:0;
 padding:0;
 margin-bottom: 10px;
 font-size:12px
}

ul.rightlinks li{
 list-style-type: none;
 margin:0;
 padding: 1px 0 1px 30px;
 background-image: url(images/arrow.png);
 background-repeat: no-repeat;
 background-position: 17px .6em;
}

#right p {
 width:165px;
 margin-left:7px;
 font-size:11px;
 line-height:1.5em;
 background-color: #7f1517;
 border: solid 1px #fff;
 color: #fff;
}

#right p a {
 width:165px;
 font-size:11px;
 color: #fff;
}

#right p.widgettitle {
 color: #fff;
 margin-left:7px;
 font-weight:bold;
 margin-bottom:-12px
}

#right img.puppy {
 width:108px;
 margin: 30px
}

#right img.find {
 width:175px;
 margin: 10px 0 20px 5px
}

/* Sidebar headers */

h4 {
 margin:10px 0;
 padding:0
}

h4.title {
 margin:0;
 padding:0;
 height:40px;
 width:170px;
 background:url(images/side-title.jpg) no-repeat 5px 2px;
 border-bottom:solid 4px #f9f9f9
}

h4.titleone {
 margin:0;
 padding-bottom:2px;
 height:40px;
 width:180px;
 border-bottom:solid 4px #f9f9f9; 
 background:url(images/side-title1.jpg) no-repeat 5px 2px;
}

h4.titlethree {
 margin:0;
 margin-top:20px;
 padding:0;
 height:54px;
 width:180px;
 border-bottom:solid 4px #f9f9f9; 
 border-top:solid 4px #f9f9f9; 
 background:url(images/members.gif) no-repeat 0 2px;
}

#results {
width:550px;
margin: 30px 0
}

#results p {
margin: 5px 50px;
text-align:left
}

/* Footer styling */

#footer {
 width:960px;
 background:#5a0309;
 margin:0 auto;
 clear:both;
}

#footer p {
 width:960px;
 text-align: center;
 font-size:11px;
 color:#fff;
}

#footer p a {
 color:#fff;
}


/* Sidebar Login */

#loginbox {
 width:160px;
 height:147px;
 margin:0 auto;
 background: url(images/login_bg.gif) no-repeat;

}

form#login {   
 color: #fff;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;    
 width: 160px;
 margin: 0 auto;
 height: 110px;
 padding:2px;
 padding-top:25px
}

#login .text {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 13px; 
 color:#2e2e2e; 
 width: 150px;  
}

#login .button {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;  
 background-color: #7f1517;  
 color: #FFFFFF; 
 float:right;
 margin: 10px 7px 0 0
}


/* Page Login */

#loginform {   
 color: #2e2e2e;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 12px;   
 margin: 0 auto;
 padding:2px;
 padding-top:25px
}

#loginform .button {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;  
 background-color: #7f1517;  
 color: #fff; 
 margin: 10px  0 0 130px
}

#loginform .text {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 13px; 
 color:#2e2e2e; 
 width: 150px;  
}

/* Styling for Patrons and Advisors page */

ul.patads {
  float: left;
  width: 500px;
  margin:5px 0 20px 130px;
  padding: 0;
  list-style: none;
}
 
ul.patads li {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0;
}

li.top {
  width: 250px;
  margin: 0;
  padding: 0;
  font-weight:bold;
  color:#881f00;
}


/* Image styling */

img.noframe {
 margin:5px;
 padding:0;
 border:solid 1px #f3f3f3;
 float:left
}

img.bannerpic {
 width:580px;
 margin: 10px auto;
 border:none
}

img.advert {
 width:350px;
 margin: 10px 110px;
 border:none
}

img.noborderleft {
 border:none;
 float:left;
 margin:5px;
 padding:2px;
}

img.sponsor {
 width:120px;
 margin:50px 0 40px 25px 
}

img.fb {
 width:150px;
 margin: 10px 8px
}

img.contract {
width:136px;
margin: 20px auto;
 border:none;
}

img.members {
width:350px;
margin-left:100px
}

img.photo {
 margin:20px 30px 0 10px;
 padding:2px;
 float:right
}

/* Styling for Find a Trainer page */

ul.findtrainer, ul.location2 {
 float: left;
 width: 280px;
 margin:0;
 padding:0;
 list-style: none;
}

ul.findtrainer li, ul.location2 li {
 float: left;
 width: 100px;
 margin: 10px 10px 0 80px;
 padding: 5px 0 0 0;
}

ul.findtrainer li a, ul.location2 li a {
 font-size:14px;
 color:#5c2709;
 text-decoration:none
}

ul.findtrainer li a:hover, ul.location2 li a:hover {
 font-size:14px;
 color:#5c2709;
 text-decoration:underline
}

ul.location2 li {
margin-left:190px
}

span.info {
 margin: 10px 20px
}

#areas {
 width:605px;
 background:url(images/find_bg.jpg) no-repeat 160px 180px;
 background-color: #fff;
 margin:0;
 padding:0;
 float:left;
 padding-bottom: 50px
}

#areas:after{
 display:block;
 content:" ";
 clear:both;
}



/* Styling for Assessment box */

#assess {
 width:160px;
 margin: -15px auto 20px;
 background:url(images/assessment.jpg) no-repeat
}

#assess p {
 color: #000;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;    
 line-height:1.25em;
 text-align:center;
 padding:2px 5px 0 10px;
 margin:0
}

#assess p.title{
 color: #2e2e2e;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 11px;    
 line-height:1.25em;
 text-align:center;
 padding:100px 5px 0 10px
}

#assess p.location {
 color: #881f00;  
 font:bold 11px/1.25em arial, helvetica, sans-serif; 
 text-align:center;
 padding:5px 5px 0 10px
}

#assess p.info {
 color: #000;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;    
 line-height:1.25em;
 font-style:italic;
 padding:2px 5px 5px 10px;
 margin:0
}

span.detail {
 display:block
}

/* Styling for Articles page */

#articles {
 width:605px;
 background:url(images/lab.jpg) no-repeat 100px 10px;
 background-color: #fff;
 margin:0;
 padding:0;
 float:left;
 padding-bottom: 50px
}




ul.article {
 width: 220px;
 margin-top:20px;
 margin-left:350px;
 padding:0;

 list-style:none
}

ul.article li {
 padding: 13px 0 0 15px;
 background-image: url(images/arrow.png);
 background-repeat: no-repeat;
 background-position: 0 1.5em;
}

ul.article li a {
 font: normal 13px arial,helvetica,sans-serif;
}
.widget {list-style: none; 
 