/* -------------------------------------------- */
/* -------------- CSS Reset --------------- */
/* -------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 120%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{
	line-height: 130%;
	margin-bottom: 12px;
	}
	

	
/* -------------------------------------------- */
/* ------------ General layout ------------ */
/* -------------------------------------------- */

body {
	background: url(../images/bg.jpg) repeat-x;
	font: normal 12px verdana, arial, sans-serif;
	}

#wrap {
	width: 770px;
	margin: 0px auto;
}

#header {
	display: block;
}
	#header-left {
		}
		
		#header-left h1 a{
			background: #000 url(../images/logo.jpg) top left no-repeat;
			width: 254px;
			height: 152px;
			float: left;
			display: block;
			text-indent: -999%;
			}
		
	#header-right {
		background: url(http://pbs.webdev.coastal.com/site/templates/people-basedsafety/images/geller.jpg) top left no-repeat;
		width: 506px;
		height: 152px;
		float: left;
		display: block;	
		}
		
     		#order {
			margin: 108px 12px 0 0;
			float: right;
			color: #fff;
			}
		#top {
			/*margin: 135px 0 0 154px;*/margin: -18px 0 0 154px;
                        position:absolute;
                        z-index:500;
			color: #fff;
			}
			
#sidebar {
	width: 220px;
	margin: 12px 0 0 0;
	float: left;
}

#content {
	width: 520px;
	float: right;
	margin-top: 12px;
}
	#content-text {
		line-height: 160%;
		margin-right: 25px;
		}
		
		
/* -------------------------------------------- */
/* ------------ Sidebar menu ------------- */
/* -------------------------------------------- */

.moduletable-mainmenu {
	background: #bfe0e9;
	}
	
.moduletable-mainmenu li {
	display: block;
	margin-bottom: 8px;
	}
	
.moduletable-mainmenu li a {
	display: block;
	color: #000;
	text-decoration: none;
	height: 100%;
	padding: 10px 14px;
	}
	
.moduletable-mainmenu li a:hover {
	background: #2a97b6;
	color: yellow;
	}
	
.menu-head {
	font-weight: bold;
	text-transform: uppercase;
	}
	
.menu-body {
	display: block;
	font-size: 90%;
	margin-left: 10px;
	}
	
/* -------------------------------------------- */
/* ---------------- Headings---------------- */
/* -------------------------------------------- */	

.componentheading {
	font: bold 16px Georgia, Times New Roman, serif;
	color: #2A97B6;
	margin-bottom: 18px;
	}

/* -------------------------------------------- */
/* ------------General links---------------- */
/* -------------------------------------------- */
	
#page a, #page a:visited 
        {
	color: #f63;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
	
	
/* -------------------------------------------- */
/* ---------------- Top links---------------- */
/* -------------------------------------------- */

.moduletable-topmenu ul {
	display: inline;
	}
	
.moduletable-topmenu li {
	float:left;
	margin: 0 4px;
	}
.moduletable-topmenu a {
	color: #fff;
	text-decoration: none;
	}
	
.moduletable-topmenu a:hover {
	color: yellow;
	}
	
/* -------------------------------------------- */
/* -------------  main content  ------------ */
/* -------------------------------------------- */	

.contentimg{
	border: 0px;


	margin: 0 8px 8px 0;
	}

/* -------------------------------------------- */
/* ------------- Call to Action------------- */
/* -------------------------------------------- */	

	

#call-to-action {

	margin: 10px 0 16px 0;

	text-align: center;

	}







#yellowl {

	display: block;

	float: left;

	width: 230px;

	height: 136px;

	background: transparent url(../images/yellowbg.jpg) no-repeat;

}

#yellowr {

	display: block;

	float: left;

	width: 230px;

	margin-left: 10px;

	height:136px;

	background: transparent url(../images/yellowbg.jpg) no-repeat;

}

#yellowltxt {

	width:191px;

	height:105px;

	z-index:1;

}



.order {

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #330000;

	margin: 12px 20px 0 18px;

}



.order h3 {

	font-family: Times New Roman, serif;

	font-size: 24px;

	font-weight: bold;

	line-height: 120%;

	}

	

#yellowrtxt {

	width:191px;

	height:89px;

	z-index:1;

}

#or {

	position: relative;

	top: -100px;

	left: 210px;

	width: 56px;

	height:57px;

	z-index: 100;

}

/* -------------------------------------------- */
/* ------------- IMAGE MAP------------- */
/* -------------------------------------------- */
/*#map {
			margin:0;
			padding:0;
			width:506px;
			height:152px;
			/*background:url(../images/pbps_header.gif)top left no-repeat #fff; 
			font-family:arial, helvetica, sans-serif;
			font-size:8pt; */
		}
		
		#map li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#map li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:url(blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
		#map li a span { display:none; }
		
		#map li a:hover span {
			position:relative;
			display:block;
			width:200px;
			left:20px;
			top:20px;
			border:1px solid #000;
			background:#fff;
			padding:5px;
 			filter:alpha(opacity=80);
			opacity:0.8;
  		}
	
		#map a.bunny {
	top:20px;
	left:28px;
	width:304px;
	height:46px;
		}
		
		#map a.Order {
	top:22px;
	left:395px;
	width:94px;
	height:31px;
		}
		
		#map a.listen {
	top:74px;
	left:26px;
	width:170px;
	height:29px;
		}
		
		#map a.mederror2 {
	top:109px;
	left:132px;
	width:121px;
	height:34px;
		}
		
		#map a.mederror1 {
	top:108px;
	left:132px;
	width:337px;
	height:17px;
		}
	
*/