/*---------------------------
core.css

Artemis Branding
1.250.595.0136
admin@artemisbranding.com
----------------------------*/
/***** Reset *****/
html, body, div, span, applet, object, iframe,
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
:focus {
	outline: 0;
}
a {
	text-decoration: none;
}
/***** General *****/
html {
	height: 101%;
	}
body {
	background: #e9eaea;
	color: #505050;
	font: 62.5%/1.6 Verdana, sans-serif;
	height: 100%;
}
h1 {
	font-size: 3.2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
	font-weight: bold;
}
h5{
	font-size: 1.2em;
	font-weight: bold;
}
p {
	color: #505050;
	font-size: 1.2em;
}
/***** Main *****/
#wrapper {
	background: #ffffff;
	border-left: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;
	height: auto;
	margin: 0 auto 0 auto;
	min-height: 100%;
	overflow: hidden;
	position: relative;
	width: 1000px;
}
#container {
	background: #ffffff;
	display: inline;
	float: left;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	width: 1000px;
}
/***** #header *****/
#header {
	float: left;
	height: 300px;
	width: 1000px;
}
/*---- #logo ----*/
#logo {
	float: left;
	margin: 40px 0 0 35px;
}
#logo h1 {
	float: left;
}
#logo a {
	color: #000000;
	display: inline;
	float: left;
	height: 170px;
	width: 377px;
}
@media screen {  
	.images-on #logo a {
		background: transparent url('/images/logo.png') no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/*---- #top-nav ----*/
#top-nav {
	display: inline;
	float: right;
	margin: 0 40px 0 0;
}
#top-nav li {
	float: left;
}
#top-nav a {
	color: #000000;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	height: 160px;
	text-align: center;
	width: 80px;
}
#top-nav a:hover {
	color: #777777;
}
@media screen {  
	.images-on #top-nav li a {
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #top-nav .item-resources a {
		background: transparent url('/images/top-nav-up.png') 0 0 no-repeat;
	}
	.images-on #top-nav .item-resources a:hover {
		background: transparent url('/images/top-nav-over.png') 0 0 no-repeat;
	}
	.images-on #top-nav .item-news a {
		background: transparent url('/images/top-nav-up.png') -85px 0 no-repeat;
	}
	.images-on #top-nav .item-news a:hover {
		background: transparent url('/images/top-nav-over.png') -85px 0 no-repeat;
	}
	.images-on #top-nav .item-donate a {
		background: transparent url('/images/top-nav-up.png') -170px 0 no-repeat;
	}	
	.images-on #top-nav .item-donate a:hover {
		background: transparent url('/images/top-nav-over.png') -170px 0 no-repeat;
	}
	.images-on #top-nav .item-events a {
		background: transparent url('/images/top-nav-up.png') -255px 0 no-repeat;
	}
	.images-on #top-nav .item-events a:hover {
		background: transparent url('/images/top-nav-over.png') -255px 0 no-repeat;
	}
}
/*---- #menu ----*/
#menu {
	display: inline;
	float: left;
	margin: 50px 0 0 237px;
	width: 550px;
}
#menu li {
	float: left;
}
#menu a {
	color: #000000;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	height: 40px;
	text-align: center;
	width: 105px;
}
#menu a:hover {
	color: #777777;
}
@media screen {  
	.images-on #menu li a {
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #menu .item-home a {
		background: transparent url('/images/menu-up.png') 0 0 no-repeat;
	}
	.images-on #menu .item-home a:hover {
		background: transparent url('/images/menu-over.png') 0 0 no-repeat;
	}
	.images-on #menu .item-who-we-are a {
		background: transparent url('/images/menu-up.png') -105px 0 no-repeat;
	}
	.images-on #menu .item-who-we-are a:hover {
		background: transparent url('/images/menu-over.png') -105px 0 no-repeat;
	}
	.images-on #menu .item-what-we-do a {
		background: transparent url('/images/menu-up.png') -210px 0 no-repeat;
	}	
	.images-on #menu .item-what-we-do a:hover {
		background: transparent url('/images/menu-over.png') -210px 0 no-repeat;
	}
	.images-on #menu .item-what-abuse-is a {
		background: transparent url('/images/menu-up.png') -315px 0 no-repeat;
	}
	.images-on #menu .item-what-abuse-is a:hover {
		background: transparent url('/images/menu-over.png') -315px 0 no-repeat;
	}
	.images-on #menu .item-contact a {
		background: transparent url('/images/menu-up.png') -420px 0 no-repeat;
	}
	.images-on #menu .item-contact a:hover {
		background: transparent url('/images/menu-over.png') -420px 0 no-repeat;
	}
}
/*---- #side-nav ----*/
#side-nav {
	display: inline;
	float: left;
	height: 650px;
	margin: 0 0 0 40px;
	width: 141px;
}
#side-nav ul{
	display: inline;
	float: left;
	margin: 55px 0 0 10px;
}
#side-nav li {
	float: left;
}
#side-nav a {
	color: #006291;
	display: inline;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	padding: 10px 0 10px 0;
	width: 130px;
}
#side-nav a:hover {
	color: #663366;
}
.who-we-are-nav {
	background: transparent url('/images/side-nav.png') 0 0 no-repeat;
}
.what-we-do-nav {
	background: transparent url('/images/side-nav.png') -150px 0 no-repeat;
}
.what-abuse-is-nav {
	background: transparent url('/images/side-nav.png') -300px 0 no-repeat;
}
.contact-nav {
	background: transparent url('/images/side-nav.png') -450px 0 no-repeat;
}
/***** .content *****/
.content {
	float: left;
	min-height: 650px;
	width: 1000px;
}
.content #inner {
	float: left;
	padding: 0 0 40px 10px;
	width: 340px;
}
.content #inner  h2 {
	background: transparent url('/images/bird.png') 0 0 no-repeat;
	color: #8cc63f;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 30px 0 12px 0;
}
.content #inner  h3 {
	color: #8cc63f;
	padding: 0 0 10px 6px;
}
.content #inner  h4 {
	color: #4db1e2;
	padding: 10px 0 0 6px;
}
.content #inner  h5 {
	padding: 0 0 0 6px;
}
.content #inner  p {
	padding: 0 0 10px 6px;
}
.content #inner ul {
	list-style: disc;
	padding: 5px 0 10px 20px;
}
.content #inner ul li {
	font-size: 1.2em;
	padding: 0 0 10px 0;
}
.content #inner a {
	color: #4db1e2;
}
.content #inner a:hover {
	color: #909090;
}
/*---- #home ----*/
#home {
	float: left;
	height: 550px;
	width: 1000px;
}
#home #address {
	background: transparent url('/images/bounded.png') no-repeat;
	color: #909090;
	font-size: 1.4em;
	height: 150px;
	margin: 355px 0 0 37px;
	padding: 15px 0 0 25px;
	width: 350px;
}
#home #address li {
	margin: 0 0 2px 0;
}
#home #address li a {
	color: #4db1e2;
}
#home #address li a:hover {
	color: #909090;
}
/*---- #news ----*/
#news #inner p {
	padding: 0 0 0 6px;
}
#news #inner h4 {
	font-size: 1.6em; 
}
#news #inner h5 {
	padding: 0 0 10px 6px;
}
#news #inner .more {
	color: #8cc63f;
	padding: 0 0 10px 6px;
}
#news #inner .more:hover {
	color: #909090;
}
/*---- #events ----*/
#events #inner p {
	padding: 0 0 0 6px;
}
#events #inner h4 {
	font-size: 1.6em; 
}
#events #inner h5 {
	padding: 0 0 10px 6px;
}
#events #inner .more {
	color: #8cc63f;
	padding: 0 0 10px 6px;
}
#events #inner .more:hover {
	color: #909090;
}
#events #inner ul li {
	color: #4db1e2;
	font-size: 1.3em;
	padding: 0;
} 
/*---- #reports ----*/
#reports #inner h4 {
	padding: 10px 0 10px 5px;
}
/*---- #what-abuse-is ----*/
#what-abuse-is  #inner ul {
	padding: 10px 0 20px 20px;
}
/*---- #contact ----*/
#contact #inner ul {
	list-style:none;
	padding: 0 0 0 6px;
}
#contact #inner ul li {
	font-size: 1.3em;
	padding: 2px 0 2px 0;
}
/***** #banner *****/
#banner {
	background: transparent url('/images/banner.jpg') 33px 10px no-repeat;
	float: left;
	height: 75px;
	width: 1000px;
}
#banner #donate {
	float: right;
	height: 50px;
	margin: 0 40px 0 0;
	width: 109px;
}
@media screen {  
	.images-on #banner #donate {
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #banner #donate {
		background: transparent url('/images/donate.png') no-repeat;
	}
}
#banner #help {
	display: inline;
	float: right;
	height: 64px;
	margin: 0 108px 0 0;
	width: 95px;
}
@media screen {  
	.images-on #banner #help {
		overflow: hidden;  
		text-indent: -10000px;
	}
	.images-on #banner #help {
		background: transparent url('/images/help.png') no-repeat;
	}
}
/***** #footer *****/
#footer {
	color: #000000;
	float: left;
	padding: 20px 0 20px;
	width: 1000px;
}
#footer a, #footer li {
	color: #777777;
}
#footer a:hover {
	color: #9b9b9b;
}
/*---- #bottom-nav ----*/
#bottom-nav {
	clear: both;
	display: inline;
	float: left;
	font-size: 1.2em;
	padding: 0 0 0 40px;
	width: 500px;
}
#bottom-nav li {
	cursor: pointer;
	float: left;
	padding: 0 15px 0 0;
}
/*---- #credit ----*/
#credit {
	color: #777777;
	display: inline;
	float: right;
	font-size: 1.1em;
	padding: 2px 40px 0 0;
}
#credit span {
	padding: 0 0 0 10px;
}