/* CSS Document */

body {
	background: #F7F7F6 url("images/background.gif") repeat-y 50% 0;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

p {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 2px;
}

.clear {
	clear: both;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

.table {
	
}

#container {
	margin: 0px auto;
	text-align: left;
	width: 692px;
}

h1 {
	width: 692px;
	height: 90px;
	text-indent: -9999px;
	background: url(images/header.jpg);
	margin: 0;
	padding: 0;
}

.faqtitle {
	font: 17px/18px Verdana, Arial, Helvetica, sans-serif;
}

#left {
	width: 178px;
	float:left;
}

.imageright {
	float: right;
	padding: 7px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

li {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

ul.poetry li {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-style: italic;
}

/* This tag is used the most throughout the website. text refers to simple text and subtitle are the bolded words. */

.subtitle {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

/* dt and dd are for the drop lists on the domestic violence page. dt refers to the question and dd refers to the hidden answer. */

dt {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

dd {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

#content {
	width: 479px;
	float: left;
	padding: 15px 0 10px 15px;
}

#content h2 {
	font: normal 20px Georgia, Times New Roman, Times, serif;
	color: #000000;
	background: transparent url(images/purple_ribbon.gif) no-repeat;
	width: 454px;
	padding: 0 0 0 30px;
}

#content h3 {
	font: normal 20px Georgia, Times New Roman, Times, serif;
	color: #663366;
	padding: 0 0 0 30px;
	text-align: center;
}

/* ----footer---- */

#footer {
	margin: 0px auto;
	position: relative;
	background-color: #CCCCFF;
	border-top: 9px solid #f7f7f6;
	width: 692px;
	padding: 5px 0;
	clear: both;
}

#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

#footer h2 a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: none;
	background-color: #FFFF99;
}

/* ----navigation---- */

#navcontainer {
	width: 178px;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 20px;
	letter-spacing:1px;
	border-bottom: 1px solid #fff;
}

#navcontainer a {
	display: block;
	width: 178px;
	height: 22px;
}

#navcontainer a:link, #navcontainer a:visited {
	background: url(images/button.gif);
	color: #666699;
	text-decoration: none;
}

#navcontainer a:hover {
	background: url(images/button_over.gif);
	color: #666699;
	text-decoration: none;
}

#navcontainer li a#current {
	background: url(images/button_over.gif);
	color: #666699;
	text-decoration: none;
}

/* ----sub-navigation---- */

#sublinks {
	width: 163px;
	padding-left: 15px;
	margin-top: 10px;
}

#sublinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.extlinks li {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0;
}

.extlinks a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.extlinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

.extlinks a:hover {
	background-color: #666699;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

/* ---- site index ---- */

.index {
	list-style-type: none;
}

ol {
	list-style-type: none;
}

.index a:hover {
	color: #990099;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}