/* Global reset */
html, body, div, p, label, hr, h1, h2, h3, h4, h5, h6, span, form, img, dl, dt, dd, ul, ol, li {
	padding:0;
	margin:0;
}
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:67%;
	color:#484839;
}

/* Structural */
#container {
	width:960px;
	margin:0 auto;
	font-size:1em;
	padding:0 0 10px 0;
}
#header {
	padding:2px 0;
	float:left;
	width:960px;
}
#header-left {
	float:left;
	padding:4px 8px;
	height:14px;
}
#header-right {
	float:right;
	text-align:right;
	height:14px;
}
#body {
	overflow:hidden;
	padding:10px 0;
	clear:both;
}
#body-left {
	float:left;
	width:226px;
	background:url('../images/css_logo.gif') no-repeat bottom left transparent;
}
#body-center {
	float:left;
	width:460px;
	padding:0 22px;
}
#body-right {
	float:left;
	width:200px;
	padding:15px;
	background-color:#f0f1ed;
}
#body-right-blank {
	float:left;
	width:226px;
}
#content {
	background-color:#f0f1ed;
	font-size: 1.2em;
	padding:15px;
}
#footer {
	overflow:hidden;
	background-color:#f0f1ed;
	padding:6px 15px;
	font-size:0.9em;
}
#footer-left {
	float:left;
}
#footer-right {
	float:right;
}

/* Global */
a:link, a:visited {
	color:#7cbe36;
	text-decoration:none;
}
a:hover {
	color:#7cbe36;
	text-decoration:underline;
}
img {
	border:none;
}
p {
	padding:0.5em 0;
}
h1 {
	color:#7cbe36;
	font-weight:normal;
}
h2 {
	padding-bottom:10px;
	color:#7cbe36;
	font-weight:normal;
}
h3 {
	color:#7cbe36;
	font-weight:normal;
	padding-bottom:5px;
}
.white-bg {
	background-color:#FFF !important;
}

/* Top nav */
#header-left a {
	padding:4px 5px;
}
#header-left img {
	vertical-align:bottom;
}
#header-right ul {
	list-style-type:none;
}
#header-right ul li {
	float:left;
	width:100px;
	text-align:left;
	margin-left:2px;
	position:relative;
}
#header-right a {
	color:#7cbe36;
	padding:4px 8px;
	display:block;
	background-color:#f0f1ed;
	height:14px;
	font-weight:bold;
}
#header-right ul li:hover ul {
	visibility:visible;
}
#header-right ul li:hover a {
	background-color:#f0f1ed;
}
#header-right ul li:hover ul a {
	background-color:#f0f1ed;
}
#header-right ul ul {
	position:absolute;
	top:22px;
	left:-2px;
	padding:2px 2px 0 2px;
	background-color:#fff;
	visibility:hidden;
}
#header-right ul ul.left-aligned {
	left:-104px;
}
#header-right ul ul li {
	float:none;
	margin-left:0;
	width:202px;
	margin-bottom:2px;
	height:auto;
}
#header-right ul ul a {
	color:#585849;
}
select {
	font-family:Arial, Helvetica, Sans-Serif;
	color: #555;
	Font-size:1em;
}
input {
	font-family:Arial, Helvetica, Sans-Serif;
	color: #555;
	Font-size:1em;
}
/* Home */
#head-hero {
	background:url('../images/heroes_sprite.jpg') no-repeat center top transparent;
	height:180px;
	text-indent:-8000em;
}

/* Navigation */
#emergency-info {
	padding-bottom:20px;
	font-size:1.3em;
}
#emergency-info a {
	display:block;
	padding:6px 15px;
}
#emergency-info a:link,
#emergency-info a:visited {
	background-color:#c81919;
	color:#fff;
}
#navigation {
	list-style-type:none;
	font-size:1.1em;
}
#navigation a {
	display:block;
	padding:6px 15px;
	position:relative;
	min-height:16px;
		font-weight:bold;
}
#navigation li {
	margin-bottom:2px;
	background-color:#f0f1ed;
	position:relative;
}
#navigation li:hover ul {
	visibility:visible;
}
#navigation li:hover ul a {
	
}
#navigation ul {
	list-style-type:none;
	position:absolute;
	width:200px;
	left:226px;
	top:0;
	background-color:#fff;
	visibility:hidden;
	padding:0 2px;
}
#navigation ul li {
	margin-bottom:2px;
}
#navigation li:hover,
#navigation li.active {
	background-color:#fcfcfb;
}
#navigation ul a {
	color:#585849;
}
#navigation ul li.selected a {
	color:#5d8e29;
}
#search {
	padding-top:20px;
}
.side-block{
	padding-top:27px;
}
#right_link {
	padding-top: 2px;
}
.side-block div {
	background-color:#f0f1ed;
	padding:15px;
}
.side-block .side-block-inner-top {
	padding-bottom:0px;
}
.side-block span {
	display:block;
	padding-bottom:4px;
	color:#7cbe36;
	font-size:1.2em;
}

/* Content */
#page-heading {
	background-color:#f0f1ed;
	padding:15px;
	margin-bottom:2px;
}
#content ul, #content ol {
	margin-left:30px;
	padding:0.4em 0;
}
#content a:link, #content a:visited {
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}
#content .intro {
	color:#7cbe36;
	font-size:1.5em;
	font-weight:normal;
}

/* Right-side */
#story {
	background-color:#f0f1ed;
	padding:0px;
}
#story div {
	
}
#story cite {
	display:block;
	font-size:1.3em;
	padding-bottom:10px;
}
#news {
	padding:15px;
}
#body-right h3 {
	font-weight:bold;
	font-size:1.5em;
}
dl {
	padding:10px 0;
}
dt {
	font-weight:bold;
	color:#383838;
}
#rate-heading {
	text-indent:-8000em;
	background:url('../images/rate_heading.png') no-repeat center center #f0f1ed;
	width:100%;
	height:30px;
	margin-bottom:2px;
}
#rate-body {
	padding:15px;
	background-color:#f0f1ed;
}
#rate-stars {
	text-align:center;
}

/* Footer */
#footer-right a {
	padding-left:6px;
	font-weight:bold;
}

/* Forms */
#search-input {
	height:24px;
}
#search input {
	background-color:#f0f1ed;
	border:none;
	padding:6px 15px;
	color:#585849;
	width:164px;
	float:left;
	height:16px;
}
#search .submit {
	float:right;
	width:30px;
	background:url('../images/search.png') no-repeat center center #f0f1ed;
	padding:5px 10px;
	height:28px;
}
.hover {
	cursor: pointer;
}

/*Rating tool */
.ratingStar {
    font-size: 0pt;
    width: 28px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/star_green.png);

}

.emptyRatingStar {
    background-image: url(../images/star_white.png);
}

.savedRatingStar {
    background-image: url(../images/star_red.png);
}

.PageRating {
	width: 230px;
}
#rating-comments 
{
	position: relative;
	top:10px;
}
#rating-comments .comments {
	color: #777;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .9em;
	border: none;
	width: 200px;
	margin-bottom:5px;
}
 .rate-button  {
 	color: #777;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .9em;
 }
 
 /*Emergency*/
 service_name  {
 	font-weight:bold;
 }
 emergency_services {
 	font-size:1.2em;
 }
 #emergency {
	font-size:1.4em;
 }
 #emergency td {
 	font-weight:bold;
 }
 .do_dont {
 	font-weight:bolder;
 	text-align:center;
 	font-size:1.6em;
 }
 
 /*Links */
 .link a {
 	font-weight:bold;
 }
  /*News */
 #content #news h2  {
 	margin-bottom:0px;
 	margin-top:8px;
 }
 #content #news p {
	margin-top: 0px;	
	padding-top:0px;
 }
 /*videos*/
 #content #video_table h2 {
 	margin-left:25px;
 }
 #video_table a:link, #video_table a:active, #video_table a:visited {
 	text-decoration:none;
 }
  /*Sitemap*/
 #sitemap div {
	margin-left:10px;
 }
 #sitemap h3 {
 	color: #777;
 	margin-top:6px;
 }
 #sitemap h2 {
 	color: #777;
 }
 /*ORDER MATERIALS */
#product_codes
{
	float:right;
	padding:7px;
	max-width: 340px;
	width:expression(this.width > 340 ? 340: true);
	border: solid 1px #aaa;
	background-color: #ffffcc;
	font-size:.8em;
}
#product_codes h3
{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 6px 0 4px 0;
}

h2.order_header
{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 .5em 0;
}

#order_id
{
	width: 320px;
}
.productrow:hover
{
	cursor:pointer;
}
.Grid{
	border: solid 1px #CCCCCC;
	border-collapse:collapse;
}

.Grid a
{
}

.Grid td{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
}

.Grid th{
    border: solid 1px #cccccc;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    padding: 5px 5px 5px 5px;
}

 /*MODAL DIALOG */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:392px;
  height:266px;
  display:none;
  z-index:9999;
}
 
#boxes #dialog {
  width:392px;
  height:266px;
  background: transparent url(../images/modal_bg.png) no-repeat top;
}

#boxes .modal_close {
    float:right;
    margin-right: 25px;
    margin-top: 0px;
    width: 40px;
    height: 40px;
}

#boxes .modal_content
{
    margin-top:75px;
    margin-left: 7px;
    padding:20px;
}

#boxes .modal_content h2{
    font-size: 2em;
}

#boxes .modal_content p{
    font-size: 1.3em;
}

#boxes .modal_content p.large{
    font-size: 1.3em;
    font-weight:600;
}

#boxes .modal_close:hover {
    cursor:pointer;
}

#boxes .yesno  
{
    margin-top:25px;
}

#boxes .yesno img 
{
    padding:9px;
    cursor: pointer;
}

/* COUNSELLING ROOM */
#chat_display {
	height:400px;
	width:100%;
	overflow:auto;
	border: solid 1px #aaa;
	padding:3px;
	background-color: #e2eaf5;
}

#chat_input {
}
#chat_left {
	float:left;
	width:550px;
}
#chatters_list {
	float:right;
	width: 108px;
}
#chatters_list h3 {
	margin-top:0px;
}
#chatters_list_inner {
	background-color: #e2eaf5;
	padding-left: 6px;
}
#chatters_list_top {
	height: 10px;
	background-image: url(../images/chatter_top.gif);
}
#chatters_list_bottom {
	height: 10px;
	background-image: url(../images/chatter_btm.gif);
}
#chatters_list h3 {
	padding-top: 0px;
	font-size: 1.1em;
}
.typing {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:1em;
	color: #999;
}
#chat_input {
	margin-top: 10px;
	float:left;
	width:100%;
}
#chat_input_inner {
	margin: 3px 0 3px 0;
}
.chat_time {
	color:#999;
	margin-right: 5px;
}

.chat_mod {
	color:Green;
}

.chat_user {
	color: Blue;
}
.chat_name {
	font-weight: bold;
}

.chat input {
	font-size: .9em;
	color: #555;
}
.chat h3 {
	font-size:1.2em;
}
.chat table {
	margin-bottom: 10px;
}
#emoticons {
	display:inline;
	margin-left:20px;
}
#emoticons img {
	display:inline;
	margin-right: 4px;
}

#debug 
{
	/*
	height: 300px;
	background-color: #aaa;
	overflow:scroll;
	*/
}
/*chat grid styling */

#user_login {
	margin-top:12px;
}

.filter_button {
	position: relative;
	top:5px;
}

.retrieve_button {
	font-size:.7em;
	margin-top: 8px;
}