@charset "utf-8";
/* CSS Document */

body {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/leather_2.gif);
	background-repeat: repeat;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

p {
	margin: 0;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #000000;
	width: 990px;
	background: url("/images/background_cols2.gif") repeat;
}

#header {
	margin: 0;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
}

#side-a {
	float: left;
	width: 327px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 663px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#side-a50 {
	float: left;
	width: 466px;
	margin: 0 7px 0 22px;
}

#side-b50 { 
	margin: 0 22px 0 7px;
	float: left;
	width: 466px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#footer {
	clear: both;
	background: white;
}

.hiddenPic {display:none;}


ul#menu a:link {color: black; text-decoration: none;}
ul#menu a:visited {color: black; text-decoration: none;}
ul#menu a:hover {
	color: #F6F946;
	text-decoration: none;
}


ul#menu {
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	height: 39px;
	width: 963px;
}
ul#menu li {
	float: left;
	display: inline;
	height: 25px;
	margin: 0 0px;

}
ul#menu li a {
	display: block;
	height: 39px;
	text-indent: -999em;
}

.corner_left a {background: url(images/menu/corner_left.png) 0 0 no-repeat; width: 29px;}
.home a {background: url(images/menu/home.png) 0 0 no-repeat; width: 91px;}
.mediation a {background: url(images/menu/mediation.png) 0 0 no-repeat; width: 141px;}
.locations a {background: url(images/menu/locations.png) 0 0 no-repeat; width: 191px;}
.services a {background: url(images/menu/services.png) 0 0 no-repeat; width: 134px;}
.faq a {background: url(images/menu/faq.png) 0 0 no-repeat; width: 108px;}
.about a {background: url(images/menu/about.png) 0 0 no-repeat; width: 109px;}
.contact a {background: url(images/menu/contact.png) 0 0 no-repeat; width: 122px;}
.corner_right a {background: url(images/menu/corner_right.png) 0 0 no-repeat; width: 38px;}

.home a:hover, ul#menu li.locations a:hover, .mediation a:hover, .services a:hover, .faq a:hover, .about a:hover, ul#menu li.contact a:hover {background-position: bottom left;}

ul#menu li#selected a {background-position: bottom left;}

/*Drop downs*/

ul#menu li ul li a {
	background-image: none;
	text-indent: 0;
	padding: 0 0 0 18px;
	height: auto;
	width: auto;
}
ul#menu li ul li {
	float: none;
	height: auto;
	display: block;
	margin: -10px 0 15px 0;
}

ul#menu li ul {
	display: none;
	position: absolute;
	width: 179px;
	padding: 15px 10px 0 10px;
	background: url(images/menu/dropdown.png) left bottom no-repeat;
	left: 0;
	margin: 0 0 0 35px;
}

ul#menu li>ul {
	top: auto;
	left: auto;
}

ul#menu li:hover ul, ul#menu li.over ul {
	display: block;
	left: auto;
}
*:first-child+html ul#menu li:hover ul,
*:first-child+html ul#menu li.over ul {
	position: static;
}




.mainbox {
	margin: 0px; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(/images/ssbot-right.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(/images/sstop-right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h2 {
	background: url(/images/sstop-left.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url(/images/ssbot-left.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

img.centerimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.reducetext {
	font-size: 90%;	
}

#services ul {
	margin-top: .5em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	margin-bottom: 0px;
}

#services A:visited {
	color: blue;
}
.highlight {
	background-color: #FF0;
}

#services6 li {
	margin-bottom:.4em;
}

.lightlink A:visited A:link A {
	color:#4D596D
}

.linklite {
	color: #4D596D;
	text-decoration: none;
	white-space: nowrap;
}

.pic-in-text {
	float: right;
	padding: 1em;
}

.faq-ans {
	padding: .5em 1.5em 0em 1.5em;
}

li.faq-ans {
	margin-top: -0.5em;
	margin: 0em 3em 0em 3em;
}