/*
Theme Name: PD
Theme URI: http://www.surepoint.co.uk
Description: PD is adapted from the Baughxie theme by Switchroyale at http://www.switchroyale.com/?page_id=21
Version: 1.0
Author: Rowan Purdy, Surepoint
Author URI: http://www.surepoint.co.uk
Tags: green, grey, silver, light, two-columns, fixed-width, right-sidebar, left-sidebar
*/

body {
	background: #FFFFFF url(images/bodybg.gif) repeat-x 0 0;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(images/containerbg.gif) #ebebeb;
	background-position: 0 140px;
	background-repeat: repeat-x;
	border: 1px solid #336666;
	border-top: 5px solid #336666;
}

#header {
	height: 150px;
	background: url(images/headerbg.jpg) no-repeat;
	position: relative;
}

#header-photo {
	height: 110px;
	width: 390px;
	background: url(images/headerbg-photo-home.png) no-repeat;
	position: relative;
	left: 570px;
	top: 0px;
}

#header-photo.home {
	background: url(images/headerbg-photo-home.png) no-repeat;
}

#header-photo.about {
	background: url(images/headerbg-photo-about.png) no-repeat;
	}

#header-photo.what {
	background: url(images/headerbg-photo-what.png) no-repeat;
}

#header-photo.services {
	background: url(images/headerbg-photo-services.png) no-repeat;
}

#header-photo.training {
	background: url(images/headerbg-photo-training.png) no-repeat;
}
	
#header-photo.research {
	background: url(images/headerbg-photo-research.png) no-repeat;
}

#header-photo.recovery {
	background: url(images/headerbg-photo-recovery.png) no-repeat;
}

#header-photo.resources {
	background: url(images/headerbg-photo-resources.png) no-repeat;
}
		
#header-photo.news {
	background: url(images/headerbg-photo-news.png) no-repeat;
}

#header-photo.events {
	background: url(images/headerbg-photo-events.png) no-repeat;
}


#header-photo.search {
	background: url(images/headerbg-photo-home.png) no-repeat;
}

#header-photo.single {
	background: url(images/headerbg-photo-home.png) no-repeat;
}

#header-photo.category {
	background: url(images/headerbg-photo-home.png) no-repeat;
}

#header-photo.tag {
	background: url(images/headerbg-photo-home.png) no-repeat;
}

#header-photo.archive {
	background: url(images/headerbg-photo-home.png) no-repeat;
}
	
#header h1
{
    display: none;
}

#header a {
	text-decoration: none;
	color: #666666;
}

#header a:hover {
	color: #333333;
}


#header #s {
	background: #ffffff;
	border: 1px solid #999999;
	color: #666666;
	width: 150px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

img {
	border-style: none;
}

.image-left {
	margin: 3px;
	padding: 3px;
	float: left;
	position: relative;
	z-index: 5;
}

.image-right {
	margin: 3px;
	padding: 3px;
	float: right;
	position: relative;
	z-index: 5;
}


.image-topleft {
	float: left;
	padding: 0 10px 0 0;
	margin: -5px 0 0 -5px;
}

.image-topright {
	float: left;
	padding: 0 0 0 10px;
	margin: -5px -5px 0 0;
}


p {
	margin-top: 10px;
	margin-bottom: 20px;
}

div.highlight,
p.highlight {
	padding: 10px;
	border: 1px solid #ccc;
	background: #FFFFCC;
}


/* @group Resources */

#resource-nav {
	width:99%;
	background-color:#EEEEEE;
	padding:2px;
	border:1px solid #999999;
	float:left;
	margin: 5px 0 10px;
}

.next {
	float:right;
}

.previous {
	float:left;
}
		
/* @end */
/* @group Toolbars */



/* @group accessibility toolbar */


#accessnavwrap {
	width: 96%;
	padding: 0;
    font-size: 95%;
    height: 35px;
	margin: 0 auto;
    color: #336666;
}

#accessnav_search {
    margin: 0 auto;   
}

#accessnav_search ul,
#block ul {
	margin: 0 auto;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

#accessnav_search ul li,
#block ul li {
    float: left;
	margin: 0 auto;
    padding: 0;
}

#accessnav_search ul li a,
#block ul li a {
    float: left;
    display: block;
    padding: 0 5px;
    margin: 0 auto;
}


#accessnav_search ul li a.rss-s {
	background: url(images/icons/rss-s.jpg) 0 50% no-repeat; 
	padding-left: 15px;
	margin-left: 5px;
	}
	
#s {
    margin: 0 auto;
}

#search {
    position: absolute;
    left: 700px;
	top: 4px;
}
/* @end */

/* @group horizontal */

/* Toolbar Styles */



#navbar {
	margin: 0 0 20px 0;
/*  background: url(images/navbg.gif); 
	background-repeat: repeat-x; */
	background: #99CCCC;
	height: 25px;
	border: solid #999999;
	border-width: 1px 0;
}

#navbar ul {
	margin: 0;
	padding: 0;
	/* float: right; activate to align centre */
	position: relative;
	right: 50%;
}

#navbar li {
	display: inline;
	float: left;
	position: relative;
	left: 50%;
	border: solid #999999;
	border-width: 0 1px 0 0;
	margin: 0;
}

#navbar a {
	display: block;
	float: left;
	height: 25px;
	padding: 0 14px;
	font-size: 110%;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.6em;
}

#navbar a:hover, 
#navbar .current_page_item a,
#navbar .current_page_parent a, 
#navbar .current_page_ancestor a {
	background: #336666;
	color: #ffffff;
}

/* @end */

/* @group vertical */

/* Toolbar Styles */

#side-navcontainer {
	font-size: 100%;
	border-top: 1px solid;
	margin-bottom: 10px;
	border-top-color: #999999;
	width: 160px;
	float: left;
}

#side-navcontainer .current_page_item a {
	background: #336666;
	color: #FFFFFF;
	}

#side-navcontainer .current:hover {
	background: #336666;
	color: #ffffff;
}

#side-navcontainer .currentAncestor {
	background: #336666;
	color: #FFFFFF;
}

/* Parent - Level 0 */

#side-navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#side-navcontainer li {
	position: relative;
	display: inline;
	height: 0px;
}

#side-navcontainer ul li.current_page_item a {
	background: #336666;
	color: #FFFFFF;
}

#side-navcontainer a {
	display: block; /* If using css to hide top level navigation from vertical menu then set diplay: none; keep to diplay: block; if using Wordpress wp_list_pages to show only top level page children */
	padding-left: 5px;
	padding-bottom: 7px;
	min-height: 15px;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid;
	background: #ffffff;
	border-bottom-color: #999999;
}

#side-navcontainer a:hover {
	background: #336666;
	color: #ffffff;
}

#side-navcontainer a:active {
	
}



/* Child - Level 1 */

#side-navcontainer ul ul {

}

#side-navcontainer ul ul li {

}

#side-navcontainer ul ul li.current_page_parent a {
	background: #ffffff;
}

#side-navcontainer ul ul a {
	display: block;
	padding-left: 20px;
	background: #ffffff url(images/list_arrow_white_s.gif) no-repeat 10px 10px;
}

#side-navcontainer ul ul a:hover {
	
}

#side-navcontainer ul ul .currentAncestor {
	background: #ffffff;
}

/* Child - Level 2 */

#side-navcontainer ul ul ul {
	
}

#side-navcontainer ul ul ul li {
	
}

#side-navcontainer ul ul ul a {
	padding-left: 35px;
	font-size: 95%;
	background: #ffffff url(images/list_arrow_white_s2.gif) no-repeat 20px 10px;
}

#side-navcontainer ul ul ul a:hover {
	
}

#side-navcontainer ul ul ul .current {
	background: #ffffff;
	color: #ffffff;
}

#side-navcontainer ul ul ul .currentAncestor {
	
}

/* Child Level 3 */

#side-navcontainer ul ul ul {
	
}

#side-navcontainer ul ul ul ul li {
	
}

#side-navcontainer ul ul ul ul a {
	padding-left: 40px;
	font-size: 90%;
}

#side-navcontainer ul ul ul ul a:hover {
	
}

/* Child Level 4 */

#side-navcontainer ul ul ul ul {
	
}

#side-navcontainer ul ul ul ul ul li {
	
}

#side-navcontainer ul ul ul ul ul a {
	padding-left: 50px;
	font-size: 85%;
}

#side-navcontainer ul ul ul ul ul a:hover {
	
}

/* Child Level 5 */

#side-navcontainer ul ul ul ul ul {
	
}

#side-navcontainer ul ul ul ul ul ul li {
	
}

#side-navcontainer ul ul ul ul ul ul a {
	 padding-left: 60px;
	 font-size: 80%;
}

#side-navcontainer ul ul ul ul ul ul a:hover {
	
}

/* @end */

/* @end */

/* @group breadcrumb*/

#breadcrumb {
	text-align: left;
	font-size: 0.8em;
	color: #333333;
	margin: -12px 200px 10px;
}

#breadcrumb.home {
	display: none;
}

#breadcrumb.news,
#breadcrumb.landingpage {
	margin: -12px 40px 10px;
}

#breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #333333;
}

#breadcrumb li {
	display: inline;
}

#breadcrumb a {
	color: #336666;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #333333;
	text-decoration: underline;
}

/* @end */

/* @group Right sidebar */

.sidebox {
	margin-bottom: 10px;
	padding-bottom: 8px;
	margin-top: 5px;
	background: #F2F1F1 url(images/box_bottom.gif) bottom left no-repeat;
	width: 184px;
	text-align: left;
	}
	
.sidepad { /* adds side padding to boxes without having to worry about IE getting it wrong */
	padding: 0 10px;
	}

.sidebox ul {
	list-style-type: none;
	margin-top: 0;
	border-right: 1px solid #d7d7d7;
	padding: 0;
	margin-left: 0;
}

.sidebox li {
	background-color: #f1f1f1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
	list-style: none;
	}
	
.sidebox ul li a {
	display: block;
	font-weight: bold;
	font-size: 90%;
	color: #336666;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
.sidebox h4 {
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	background: #F2F1F1 url(images/boxtop_medgreen.gif) 0 0 no-repeat;
	margin-bottom: 0;
	}

.sidebox  a:hover,
.sidebox  a:visited:hover {
	background-color: #336666;
	color: #fff;
	}

	
.sidebox-large {
	margin-bottom: 10px;
	padding-bottom: 8px;
	margin-top: 5px;
	background: #F2F1F1 url(images/box_bottom_large.gif) bottom left no-repeat;
	width: 290px;
	text-align: left;
	}

.sidebox-large ul {
	list-style-type: none;
	margin-top: 0;
	border-right: 1px solid #d7d7d7;
	padding: 0;
	margin-left: 0;
}

.sidebox-large li {
	background-color: #f1f1f1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
	list-style: none;
	}
	
.sidebox-large ul li a {
	display: block;
	font-weight: bold;
	font-size: 90%;
	color: #336666;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
.sidebox-large h4 {
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	background: #F2F1F1 url(images/boxtop_medgreen_large.gif) 0 0 no-repeat;
	margin-bottom: 0;
	}

.sidebox-large  a:hover,
.sidebox-large  a:visited:hover {
	background-color: #336666;
	color: #fff;
	}
	
.sidebox-xl {
	margin-bottom: 10px;
	padding-bottom: 8px;
	margin-top: 5px;
	background: #F2F1F1 url(images/box_bottom_xl.gif) bottom left no-repeat;
	width: 320px;
	text-align: left;
	}

.sidebox-xl ul {
	list-style-type: none;
	margin-top: 0;
	border-right: 1px solid #d7d7d7;
	padding: 0;
	margin-left: 0;
}

.sidebox-xl li {
	background-color: #f1f1f1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
	list-style: none;
	}
	
.sidebox-xl ul li a {
	display: block;
	font-weight: bold;
	font-size: 90%;
	color: #336666;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
.sidebox-xl h4 {
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	background: #F2F1F1 url(images/boxtop_medgreen_xl.gif) 0 0 no-repeat;
	margin-bottom: 0;
	}

.sidebox-xl  a:hover,
.sidebox-xl  a:visited:hover {
	background-color: #336666;
	color: #fff;
	}

/* @end */


/* @group Columns */

#columns-container {    
	width: 100%;
	padding-top: 10px;
}

#columns-container-page {    
	width: 99%;
	padding-top: 10px;
}


#column {    
	float: left;
	width: 48%;
	margin-left: 0;
	margin-right: 2%;
	padding: 0;
	overflow: hidden;
	} 
	
#columns-left {    
	float: left;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	width: 48%;
	}  
	
#columns-right {
	float: right;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	width: 48%;
	}  
		
#columns-580 {  
	width: 580px;
	float: left;
	margin-left: 0;
	margin-right: 2px;
	padding: 0;
	overflow: hidden;
	}	
	
#columns-flex {    
	float: left;
	margin-left: 0;
	margin-right: 2px;
	padding: 0;
	overflow: hidden;
	}
	
#columns-right.feature-s {
	width: 184px;
	margin-left: 20px;
	}
	
#columns-right.feature-l {
	width: 290px;
	margin-left: 20px;
	}

#columns-right.feature-xl {
	width: 320px;
	margin-left: 20px;
	}

#columns-resources-container {    
	width: 100%;
	margin-top: -5px;
}

#columns-resources-text {
	float: left;
	margin-left: 0;
	margin-right: 9px;
	padding: 0;
	overflow: hidden;
	width: 340px;
	}
	
#columns-resources-search {    
	float: right;
	margin-left: 0;
	margin-right: 9px;
	padding: 20px 0 0;
	overflow: hidden;
	width: 240px;
	} 
	
#columns-left-l {    
	float: left;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	width: 290px;
	}
	
#columns-left-xl {    
	float: left;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	width: 520px;
	}  
	
#columns-right-xl {  
	float: right;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden; 
	width: 320px;
	}
	
#columns-right-s {
	float: right;
	display: block;
	width: 184px;
	}
	
#columns-left-s {    
	float: left;
	margin-left: 0;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	width: 184px;
	}  
	
#columns-right-l {
	float: right;
	display: block;
	width: 290px;
	}

#columns-right-m {
	float: right;
	display: block;
	width: 40%;
	}
		
#columns-1 {    
	float: left;
	padding: 0;
	overflow: hidden;
	width: 184px;
	}  
	
#columns-2 {
	float: left;
	padding: 0;
	overflow: hidden;
	width: 184px;
	margin-left: 10px;
	}  
	
#columns-3 {
	float: left;
	padding: 0;
	overflow: hidden;
	width: 184px;
	margin-left: 10px;
	} 
	
#columns-4 {
	float: right;
	display: block;
	width: 320px;
	}
   
#columns-clearer {
	clear: both;
	}
	
/* @end */

/* @group Panels */

#panel {
	color:#333333;
	margin: 5px 0 10px;
	width:100%;
	font-size:1em;
	background: #F2F1F1;
	text-align: left;
        border-bottom: 1px solid #999999;
}

.home {
	height: 265px;
}

#panel.offenders {
	min-height: 223px;
}

#panel h4 {
	background:#666666;
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin-bottom: 0;
        border-top: 2px solid #333333;
	border-bottom: 0px;
}

#panel p {
	padding: 0 5px 3px;
}

div.panel div.imgHolder {
	background:#ccc;
	height:120px;
	width:100%;
}

#panel-large {
	color:#333333;
	margin: 5px 0 10px;
	width:100%;
	font-size:0.9em;
	background: #F2F1F1 url(images/box_bottom_large.gif) bottom left no-repeat;

}

#panel-large h4 {
	background:#666666;
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin-bottom: 0;
}

#panel-large p {
	padding: 0 5px 3px;
}	

div.panel-large div.imgHolder {
	background:#ccc;
	height:120px;
	width:100%;
}

#panel-xl {
	color:#333333;
	margin: 5px 0 10px;
	width:100%;
	font-size:0.9em;
	background: #F2F1F1 url(images/box_bottom_xl.gif) bottom left no-repeat;

}

#panel-xl h4 {
	background:#666666;
	display: block;
	height: 24px;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin-bottom: 0;
}

#panel-xl p {
	padding: 0 5px 3px;
}	

div.panel-large div.imgHolder {
	background:#ccc;
	height:120px;
	width:100%;
}

#panel h4.lightpurpleTitle {
		background: #ffccff;
	}
	
#panel h4.medpurpleTitle {
		background: #cc99cc;
	}

#panel h4.darkpurpleTitle {
		background: #996699;
	}
	
#panel h4.lightgreenTitle {
		background: #99CCCC;
	}
	
#panel h4.medgreenTitle {
		background:#336666;
	}
	
#panel h4.darkgreenTitle {
	background:#003333;
	}
			
#panel h4.lightgreyTitle {
		background: #ECECEC;
	}	
	
#panel h4.medgreyTitle {
		background: #999999;
	}
	
#panel h4.darkgreyTitle {
		background: #666666;
	}

#panel h4.lightblueTitle {
		background: #99CCFF;
	}

#panel h4.medblueTitle {
		background: #6699CC;
	}
	
#panel h4.darkblueTitle {
		background: #336699;
	}

/* @group large panels */
#panel-large h4.lightpurpleTitle {
		background: #ffccff url(images/boxtop_lightpurple_large.gif) no-repeat 0 0;
	}
	
#panel-large h4.medpurpleTitle {
		background: #cc99cc url(images/boxtop_medpurple_large.gif) no-repeat 0 0;
	}

#panel-large h4.darkpurpleTitle {
		background: #996699 url(images/boxtop_darkpurple_large.gif) no-repeat 0 0;
	}
	
#panel-large h4.lightgreenTitle {
		background: #99CCCC url(images/boxtop_lightgreen_large.gif) no-repeat 0 0;
	}
	
#panel-large h4.medgreenTitle {
		background:#336666 url(images/boxtop_medgreen_large.gif) 0 0 no-repeat;
	}
	
#panel-large h4.darkgreenTitle {
	background:#003333 url(images/boxtop_green_large.gif) 0 0 no-repeat;
	}
			
#panel-large h4.lightgreyTitle {
		background: #ECECEC url(images/boxtop_lightgrey_large.gif) no-repeat 0 0;
	}	
	
#panel-large h4.medgreyTitle {
		background: #999999 url(images/boxtop_medgrey_large.gif) no-repeat 0 0;
	}
	
#panel-large h4.darkgreyTitle {
		background: #666666 url(images/boxtop_darkgrey_large.gif) no-repeat 0 0;
	}

#panel-large h4.lightblueTitle {
		background: #99CCFF url(images/boxtop_lightblue_large.gif) no-repeat 0 0;
	}

#panel-large h4.medblueTitle {
		background: #6699CC url(images/boxtop_medblue_large.gif) no-repeat 0 0;
	}
	
#panel-large h4.darkblueTitle {
		background: #336699 url(images/boxtop_darkblue_large.gif) no-repeat 0 0;
	}
/* @end */

/* @group xl panels */
#panel-xl h4.lightpurpleTitle {
		background: #ffccff url(images/boxtop_lightpurple_xl.gif) no-repeat 0 0;
	}
	
#panel-xl h4.medpurpleTitle {
		background: #cc99cc url(images/boxtop_medpurple_xl.gif) no-repeat 0 0;
	}

#panel-xl h4.darkpurpleTitle {
		background: #996699 url(images/boxtop_darkpurple_xl.gif) no-repeat 0 0;
	}
	
#panel-xl h4.lightgreenTitle {
		background: #99CCCC url(images/boxtop_lightgreen_xl.gif) no-repeat 0 0;
	}
	
#panel-xl h4.medgreenTitle {
		background:#336666 url(images/boxtop_medgreen_xl.gif) 0 0 no-repeat;
	}
	
#panel-xl h4.darkgreenTitle {
	background:#003333 url(images/boxtop_green_xl.gif) 0 0 no-repeat;
	}
			
#panel-xl h4.lightgreyTitle {
		background: #ECECEC url(images/boxtop_lightgrey_xl.gif) no-repeat 0 0;
	}	
	
#panel-xl h4.medgreyTitle {
		background: #999999 url(images/boxtop_medgrey_xl.gif) no-repeat 0 0;
	}
	
#panel-xl h4.darkgreyTitle {
		background: #666666 url(images/boxtop_darkgrey_xl.gif) no-repeat 0 0;
	}

#panel-xl h4.lightblueTitle {
		background: #99CCFF url(images/boxtop_lightblue_xl.gif) no-repeat 0 0;
	}

#panel-xl h4.medblueTitle {
		background: #6699CC url(images/boxtop_medblue_xl.gif) no-repeat 0 0;
	}
	
#panel-xl h4.darkblueTitle {
		background: #336699 url(images/boxtop_darkblue_xl.gif) no-repeat 0 0;
	}
/* @end */

/* @end */

/* @group tabber */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #99CCCC;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background: #336666;
 border-color: #227;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* @end */


/* @group Lists */

li.news {
    padding: 0 3px 3px 20px;
    margin: 0 0 10px -25px;
	list-style-type: none;
	text-align: left;
	background: url(images/icons/newspaper.png) no-repeat 0 3px;
	border-bottom: 1px solid #ccc;
}

li.event {
    padding: 0 3px 3px 20px;
    margin: 0 0 10px -25px;
	list-style-type: none;
	text-align: left;
	background: url(images/icons/calendar.png) no-repeat 0 3px;
	border-bottom: 1px solid #ccc;
}

.word {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/word.gif);
	margin: 0;
}

.excel {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/excel.gif);
	margin: 0;
}

.pdf {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/pdf.gif);
	margin: 0;
}

.ppt {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/ppt.gif);
	margin: 0;
}

.mp3 {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/mp3.gif);
	margin: 0;
}

.movie {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/mpeg.gif);
	margin: 0;
}

.txt {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/txt.gif);
	margin: 0;
}

.zip {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/zip.gif);
	margin: 0;
}

.image {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/gif.gif);
	margin: 0;
}



#panel ul.panel li {
	margin: 0 0 0 -15px;
	padding: 0 2px 0;
	text-align: left;
	list-style-type: disc;
	font-size: 0.95em;
}

.web {
    padding: 0 0 10px 10px;
	list-style-image: url(images/icons/web.gif);
	margin: 0;
}

a.rss {
	background: url(images/icons/rss.png) 0 50% no-repeat; 
	padding-left: 20px;
	}
	
a.rss-s {
	background: url(images/icons/rss-s.png) 0 50% no-repeat; 
	padding-left: 15px;
	margin-left: 5px;
	}

	
li.rss,
#panel li.rss {
    padding: 0 0 3px 3px;
	list-style-image: url(images/icons/rss.png);
	margin: 0 0 0 10px;
}

/* @end */

#posts {
	width: 640px;
	padding: 0 0 0 20px;
	margin: 0 0 20px;
	float: left;
}

#posts.page {
	width: 760px;
	padding: 0 0 0 20px;
	margin: 0 20px 20px 0;
	float: right;
}

#posts-homepage,
#posts-landingpage,
#posts-searchresults {
	width: 920px;
	padding: 0 0 0 20px;
	margin: 0 20px 20px 0;
	float: right;
}

.readmore {
	position: relative;
	top: -25px;
	margin: 0;
}

.commentbubble {
	position: relative;
	left: 530px;
	width: 71px;
}

.commentbubble a {
	display: block;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;
}

.commentbubble a:hover {
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 75px;
	text-align: center;
	font-size: 12px;
	padding: 5px 31px 0 0;
}

.date {
	width: 50px;
	height: 60px;
	border: 1px solid #cccccc;
	text-align: center;
	margin: 0 0 10px 0;
	float: left;
}

.month {
	font-size: 12px;
	/* background: url(images/navbg.gif) #003366;
	background-repeat: repeat-x;
	background-position: 0 -5px; */
	background: #99CCCC;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
}

.day {
	font-size: 22px;
	height: 25px;
	line-height: 30px;
	font-weight: bold;
}

.year {
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}

.post {
	margin: 0 0 20px;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #999999;
	min-height: 60px;
}


.tags {
}

.entry {
	margin: 0;
	clear: both;
}

.entry-page {
	margin: 0;
	clear: both;
}

.entry p {
	margin: 5px 0 20px;
}

.post h1 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing:-0.5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

.post h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 60px;
	border-bottom: 1px solid #cccccc;
}

.post h2.homepage,
.post h2.notfound,
.post h2.page-news,
.post h2.landingpage,
.post h2.searchresults {
	margin: 0 0 5px;
}


.page .post h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

.post h3 {
	font-size: 1.3em;
	font-weight: bold;
	
}

.post h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px solid #666;
}

.post a, 
.navigation a,
#accessnav_search ul li a,
.sidebar-news a {
	color: #336666;
	text-decoration: none;
}

.post a:hover, 
.navigation a:hover,
#accessnav_search ul li a:hover,
.sidebar-news a:hover {
	color: #333333;
	text-decoration: underline;
}

.post a img {
	border: none;
}

.postmetadata {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 15px 60px;
}

.postmetadata-searchresults {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 0 28px 60px;
}

p.lastmodified {
	text-align: right;
	font-size: 85%;
	line-height: 1.3em;
	margin: -10px 0 0;
	padding: 0;
	color: #333333;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligntopleft {
	float: left;
	margin: 0 20px 20px 0;
}

.largeimagealigntopleft {
	float: left;
	margin: 0 20px 0 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 0 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.commentdate {
	font-size: 11px;
}

.sidebar-news {
	margin: 0 0 20px 680px;
	width: 220px;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #999999;
}

.sidebar-news ul {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.sidebar-news h2 {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #666666;
	width: 220px;
	border-bottom: 1px solid #cccccc;
}


#footer {
	clear: both;
	height: 15px;
	/* background: url(images/footerbg.gif);
	background-repeat: repeat-x; */
	background: #99CCCC;
	border: solid #999999;
	border-width: 1px 0;
}

#footer p {
	text-align: center;
	font-size: 85%;
	line-height: 1.3em;
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#wp-calendar {
	width: 220px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0 0 30px 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
}

#wp-calendar a:hover {
	background: #cccccc;
}

#form-event-venues {
	position: relative;
	top:  -50px;
	left: 10px;
}

/* =Simple Map Style
----------------------------------------------------*/
table.location_search { width:430px; min-height:250px; }
div#simplemap {clear:both; }
table.location_search td input#location_search_city_field,
table.location_search td input#location_search_state_field,
table.location_search td input#location_search_zip_field
{ width:127px; }
#map_search td { padding:5px 3px; vertical align:top;}
#map_search input { margin: 0 0 10px; }
#map_search input.submit{ float:right; margin:10px 0 5px; }
#location_search_sm-category_fields { font-size:12px; }
.markertext h3 { margin-bottom:5px; }
.entry .markertext p { margin-bottom:5px; }
