* {padding:  0; margin: 0;}
/* AJ changed font-size and colour
body {font-size: 69%; line-height: 1.5; font-family: verdana, sans-serif; font-style: normal; color: #333; background-color: #d7d7d7;} */
body {font-size: 65%; line-height: 1.5; font-family: verdana, sans-serif; font-style: normal; color: #969696; background-color: #d7d7d7;}
p, ul, ol {font-size: 1.1em}
ul, ol {list-style: none; margin-bottom: 1em;}
p {margin-bottom: 1em;}

a {color: #314768; text-decoration: underline; outline: none;}
a img {border: none;}
a:hover {color: #314768; text-decoration: none;}

#skip, h1, body#people .vcard, .mapWrap {height: 1px; text-indent: -9000px; overflow:hidden;}
hr {display:none;}
.clear {clear: both;}

h1, h2, h3, h4, h5 {font-weight: normal; font-size: 100%;}
p#paginate {text-align: right;}


/* temp styles */
/*#container, #col1, #col2 {min-height: 600px;}*/

#container {width: 900px; background:#FFF url(../images/container_bkgd_combo.png) repeat-y 0 0; padding: 0 25px; margin:  0 auto; position: relative;}

#mastHead {background-color: #fff; position: relative;}
#mastHead img {background-color: #efefef; margin: 15px 0}

/* AJ altered
#banner {position: absolute; top: 146px; left: 25px; width: 685px; height:  290px; border-top: 15px solid #fff; background:#FFF url(http://piconsulting.org.uk/assets/images/bannerloader.gif) no-repeat center center;} */

#banner {position: absolute; top: 146px; left: 25px; width: 685px; height:  290px;}


ul#primNav {position: absolute; top: 78px; right: 202px; background:#FFF url(http://piconsulting.org.uk/assets/images/primNav/offbg.gif) repeat-x bottom; margin: 0; display: block;}


ul#primNav li {font-size: 1em; display: block; float: left; padding-bottom: .2em; margin: 0 .7em; text-transform: uppercase;}
ul#primNav li.on {background:url(http://piconsulting.org.uk/assets/images/primNav/onbg.gif) repeat-x bottom; color: #304562; }
ul#primNav li a {text-decoration: none;  color:#999;}
ul#primNav li a:hover, ul#primNav li.on a {text-decoration: none; color: #304562;}
ul#primNav li#primNavFirst {margin-left: 0;}
ul#primNav li#primNavLast  {margin-right: 0;}


#col1 {width: 188px; background-color: transparent; float: left; border-top:  25px solid #000051; padding: 0 0 0 0;}
body#home #col1 {padding: 305px 0 200px 0;}
#col1 h1 {position: absolute; left: -9999em;}
/* pageNav and secNav (secNav is for news navigation) */
#col1 ol#pageNav, #col1 ol#secNav {margin-bottom: 20px; font-size: 11px;}
#col1 ol#pageNav li, #col1 ol#secNav li {margin: 0px;}
#col1 ol#pageNav li a, #col1 ol#secNav li a {display: block; height: 100%; text-decoration:none; padding: 8px 10px 8px 17px; border-bottom: 1px solid #E0E0E0; background:url(http://piconsulting.org.uk/assets/images/arrows/redright.gif) no-repeat 0 11px; }
#col1 ol#pageNav li a:hover, #col1 ol#secNav li a:hover {color: #99305D; background:url(http://piconsulting.org.uk/assets/images/arrows/redright.gif) no-repeat 0 11px;}
#col1 ol#pageNav li a.active, #col1 ol#secNav li a.active, #col1 ol#secNav li a.active:hover, #col1 ol#pageNav li a.active:hover {background:#FFF url(http://piconsulting.org.uk/assets/images/arrows/redright.gif) no-repeat 0 11px; color: #99305D;}



#col1 h2 {color: #999; padding:  5px; margin: 20px 5px 5px 5px; background-color: #f5f5f5;}
#col1 h3 {color: #999; padding:  5px; margin: 20px 5px 5px 5px; background-color: #f5f5f5;}
#col1 blockquote {font-style: italic; width: 170px; color: #31486F; font-size: .95em; margin: 10px;}

/*#col1 blockquote p {padding: 10px 10px 0 10px;}*/

#col1 blockquote p.quoted {display: inline;}


.lquote, .rquote {color: #F9F9F9;}
.lquote {background: url(http://piconsulting.org.uk/assets/images/lq.gif) no-repeat top left;}
.rquote {background: url(http://piconsulting.org.uk/assets/images/rq.gif) no-repeat top right;}




#col1 cite {font-style: normal; font-size: .9em; padding-top: 1em; padding: 0; text-indent:0; display: block; margin-top: 1em;}
#col1 img#ibc {margin: 25px 0 25px 20px; position: absolute; bottom: 100px;}
#col1 p#paginate {margin: 0 10px 10px 0;}
#col1 p#paginate a {font-size:  .9em ;text-decoration: none; background-color: #f5f5f5; padding:  0 .5em;}


#col2 {width: 510px; background-color: #fff; float: left; border-top: 25px solid #000051;}
body#home #col2 {padding-top: 305px;}
#col2Inner {padding: 15px;}
#col2 h2 {font-size: 2em; line-height: 1.6; margin-bottom: 0.25em;}
#col2 h3 {color: #314768; font-size: 1.18em; font-weight:  bold; margin: 1em 0 0 0;}
#col2 h3 a {background: none; color: #314768;}

#col2 h5 {color:#717171; margin: 9px 0; font-size: 1.27em; font-style: italic;}

/* aj added col2added */
#col2added	{ color:#000050; text-align:center;}
/* AJ end add */


/*#col2 img.bioPic {float: right;}*/

#col3 {width: 200px; background-color: transparent; float: left; border-top:  25px solid #b1c9d4; position: relative; z-index: 1;}
#col3Inner {color: #366073; background: #dbeaf2 url(http://piconsulting.org.uk/assets/images/col2_bkgd_blue.png) repeat-y 0 0; padding: 15px 15px 1px 15px;}
/*AJ added for home page */
#col3InnerHome	{ padding-top:283px;}
/*AJ end add */
#col3 h2 {font-size: 1.8em; line-height: 1.3; margin: 0 0 .5em 0; font-weight: normal;}
#col3 h3 {font-size: 1.1em; line-height: 1.3; margin: 0 0 .3em 0; font-weight: bold;}

#col3 p {font-size: 1em; line-height: 1.3;}
#col3 img {border: 2px solid #fff; margin: 0 0 1em 0; background-color: #fff; color: #fff;}
p#paginate a {text-decoration: none; background-color: #e5f5ff; padding:  0 .5em;}


body#people #col3Inner {height:  255px;}
body#contact #col3Inner {height:  255px;}

p.downVcard a {text-decoration: none; color: #99305d; background: url(../images/vcard_icon.png) no-repeat 0 0; padding: 2px 0 5px 35px;}


#progress{margin: 20px 0 0 0; padding:  0 0 0 20px;background: url(../images/ajax-loader.gif) no-repeat top left;}
#col3 div#progress{margin: 5px 0 0 5px; padding:  0 0 0 20px;background: url(../images/col3_loader.gif) no-repeat top left; height:  30px;}
#col1 div#progress{margin: 5px 0 0 5px; padding:  0 0 0 20px;background: url(../images/col1_loader.gif) no-repeat top left; height:  30px;}

/* home styles */
body#home #col3 h3 {margin: 0 0 .5em 0;}
body#home #col3 h3.flagged {font-size: 1.2em; line-height: 1.3; padding:  .5em .5em .5em 15px; margin: 0 0 .8em -15px; font-weight: normal; background-color: #f4f9fb;}

body#home #col3 img {border: 2px solid #cde1ec; margin: 0 0 4em 0;}
body#home #col3 img#treeAppeal {border: none; margin: 1.2em 0; padding:  1em 0;}
body#home #col3 img#diagBox {border: none; margin: -1em 0 1.2em 0; padding:  0;}


#col2 .profileExtra {position: absolute; top: 37px; right: -200px; }
#col2 .profileExtra img.bioPic, #col2 .profileExtra img.mapPic {border: 2px solid #b1c9d4; margin-bottom: 10px;}




/* news specific */
#col1 div.col1Alt {text-align: right; padding: 10px; background:url(../images/col1Altbg.png) no-repeat right top;}
#col1 div.col1AltBottom {text-align: right; background:url(../images/col1AltBottombg.png) no-repeat right bottom; height: 10px;}

#col1 p#rss {text-align: right; padding: 10px;}
#col1 p#rss a {background:url(../images/icons/rss.png) no-repeat 0 11px; padding: 13px 0 13px 22px; font-size: 10px;}

/* archives */
#col1 ol.archives li {margin: 0px; display:inline; font-size: 0.91em;}
#col1 ol.archives li a {text-decoration:none; background:none;}
#col1 ol.archives li a:hover {color: #99305D; background:url(../images/col1abg.gif) repeat-x 0 bottom;}
#col1 ol.archives li a.active {background:#FFF url(../images/redbullet.gif) no-repeat 0 11px; color: #99305D;}


/* news specific */
/*#col3 .bbc {font-size: 0.91em;}*/
#col3 #bbc {font-size: 0.91em;}
#col3 #bbc h2 {font-size: 1.4em;}
#col3 #bbc h3 {font-size: 1.1em;}
#col3 #bbc h3 a {text-decoration: none;}
#col3 img#bbclogo {margin-top: 15px; border: none;}
#col3 p.more {padding-top: 2px;}

#col2 p.more, #col2 p#back {font-size: 11px;}


/* news story styles */
.left {float: left; margin: 5px 10px 5px 0; clear: both;}
.right {float: right; margin: 5px 0px 5px 10px; clear: both;}
.center {margin: 0 auto; clear: both; display: block;}
.left-border {float: left; margin: 5px 10px 5px 0; clear: both; border: 1px solid #CCC !important;}
.right-border {float: right; margin: 5px 0px 5px 10px; clear: both; border: 1px solid #CCC !important;}
.center-border {margin: 0 auto; clear: both; display: block; border: 1px solid #CCC !important;}


.newsItem {margin-bottom: 2em;}


.newsItem p {display: block;}

.newsItem ul { list-style-type:disc; padding-left: 25px;}

.newsItem ol { list-style-type:decimal; padding-left: 25px;}


#footer {background-color: #fff; text-align: right; padding: 0 0 25px 0; z-index: 1; margin:  0;}
#footer p {padding: 25px 0 0 0; margin: 0; font-size: 0.91em; margin:0; background:transparent url(../images/greydot.gif) repeat-x 0 top;}
#footer {color: #999;}
#footer a {color: #666; text-decoration: none; border-bottom: 1px dotted #999;}
#footer a:hover {color: #333;}

/*#map {background-color: #666; z-index: 1; position: absolute; top: 0;}

#locMap  {width:  166px; height:  300px; background-color: #ccc;}*/

/*.showme { margin: 0 0 1em 0;display: block; position: absolute; top: 0; left: -200px;}
.map {padding:  0 0 2px 0;}*/
.showme {display: block; position: relative; top: 0; left: -200px;}
.showme.active {left: 0;}

.vcard {font-style: normal; font-size: 1.1em; margin: 0 0 0 0;}
.hide, .type, .org, .country-name {display:  none;}

body#contact #col3Inner.intro {height:  150px;}

.swapsection {position: relative; z-index: 2;}
/*.noscript {padding:  .5em 0;margin:  4em 0 3em 0; background-color: #e5f5ff;}*/

.noscript {padding:  .5em 0; margin:  4em 0 3em 0; background-color: #f6f6f6;}

ul#clientList li {font-size: .95em;}

h3.error { color: #7b2d28 !important;}
.errMsg { color: #7b2d28 !important; font-size: 10px;}

fieldset {border: none; padding: 5px 5px 5px 0;}
.field, .txtfield {width: 90%; font-size: 1em; border: 1px solid #ccc; color: #666;}
label {font-weight: bold; font-size: .9em; line-height: 2;}
#fs_col1 {width: 233px; float: left;}
#fs_col2 {width: 233px;}

.txtfield {height: 245px;}

#submit {float: right; margin: 0 25px 0 0;}
