/* @override 
	http://oh.krd.webhop.net/css/styles.css
	http://oh.krd-design.net/css/styles.css
	http://www.operationhopect.org/css/styles.css
*/

/* LAYOUT */
body {
	background-color: #cfd4d5;
	padding-top: 30px;
}

#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	z-index: 100;
}

#header {
	position: relative;
	height: 95px;
}


#content {
	background: url(images/body-top.png) no-repeat center top;
	padding-top: 25px;
}

#inner_wrap {
	background-color: white;
}

#main {
	position: relative;
	margin: 0 auto;
	width: 920px;
	margin-bottom: 50px;
}

#footer {
	float: left;
	padding-bottom: 15px;
	background: url(images/footer-bottom.png) no-repeat center bottom;
}

/* HEADER */
#logo {
	display: block;
	width: 218px;
	height: 83px;
	background-image: url(images/logo-OH.png);
}

#signup_form {
	position: absolute;
	right: 0;
	top: -10px;
	width: 450px;
	height: 28px;
	text-align: right;
	background: url(images/mailing-list.png) no-repeat right top;
}

#mail {
	float: right;
}

#mail span.mail_label, #mail span.message, #mail span.error_message {
	text-align: left;
	color: #5c5e5f;
	font-weight: bold;
}

#mail span.mail_label {
	margin-right: 20px;
}

.main_nav {
	background-color: #94c2d8;
	padding: 10px 15px;
	position: absolute;
	right: 0;
	top: 30px;
	-moz-border-radius:4px;
 	-webkit-border-radius:4px;
}

ul.main_nav li {
	float: left;
	margin: 0 8px;
	border-right: 1px solid white;
	padding-right: 15px;
}

ul.main_nav li.last {
	border-right: none;
	margin-right: 0;
}

/* SECTIONS & ARTICLES */
.section, .help_section {
	position: relative;
	padding: 10px;
	background: #fcfcfe url(images/content-bg.jpg) repeat-x left bottom;
}

.section.half {
	min-height: 200px;
	display: table-cell;
}

.section.half.first {
	margin-left: 0;
}

.section.red {
	position: relative;
	background: #a21f24 url(images/red-content-bg.jpg) repeat-x left bottom;
}

.section.half {
	margin-left: 10px;
	border-right: 10px solid white;
}


.section.column1.half {
	float: left;
}

.section.column2.half {
	float: right;
}


.section .article_img {
	margin: 20px;
}

.section .article_body {
	margin-left: 340px;
}

.section .article_body p {
	margin-bottom: 25px;
	width: 500px;
}

.section.half .article_body p {
	margin-left: -320px;
	width: 410px;
}

.articles {
	position: relative;
}

.articles .section p {
	font-size: 140%;
}

.articles .section p.return {
	text-transform: uppercase;
	color: gray;
	line-height: 160%;
	margin-left: 0;
	font-size: 110%;
}

.section h2.article_title {
	margin-left: 340px;
	margin-top: 20px;
}

h2.article_title {
	margin-bottom: 10px;
}

.section.half h2.article_title, #opportunities h2, #opportunities .article_body, #calendar .article_body {
	margin-left: 0;
}

#opportunities .article_body p, #calendar .article_body p {
	width: 90%;
}

.image_title {
	padding-top: 40px;
	padding-bottom: 10px;
	float: left;
	padding-right: 10px;
}

.page_overview {
	width: 900px;
	line-height: 190%;
	font-size: 140%;
	color: black;
	padding-top: 40px;
	text-transform: uppercase;
	font-style: italic;
}

#promo_box {
	margin: 10px auto;
	padding: 15px 5px;
	-moz-border-radius:4px;
 	-webkit-border-radius:4px;
	background: #9b1b21 url(images/gradient-red.png) repeat-x left bottom;
}

.community {
	background: url(images/red-bar.png) repeat-x center top;
	height: 31px;
	clear: both;
}

.community .nav {
	position: relative;
	width: 555px;
	float: left;
	margin-left: 50%;
	left: -260px;
}

.community .nav li {
	float: left;
	margin-right: 60px;
	line-height: 30px;
}

#promo_box .promo_text {
	margin-left: 420px;
}

.section .list_image {
	float: left;
	padding: 0 10px;
}

.section.full {
	padding-top: 40px;
}

.full p{
	margin-left: 340px;
}


#community h1, #about h1 {
	margin-left: 0;
}


.list {
	float: left;
	clear: both;
	width: 200px;
	margin: 0 0 0 50px;
	padding: 10px 0;
}

.list li, .execaddress li {
	list-style-type: none;
}

.section.red .board li, .officers li {
	list-style-type: none;
}


div.members {
	width: 400px;
	float: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 35px;
	margin-top: 10px;
}

div.members.top {
	border-bottom: 1px solid red;
}

ul.board, ul.officers {
	float: left;
	width: 170px;
}

.contacts.bottom {
	clear: both;
}

#contact_lists {
	position: relative;
	float: left;
	width: 600px;
}

#shelters_list {
	width: 250px;
}

#contact_lists .board {
	width: 250px;
}

.contacts .board{
	margin-bottom: 20px;
	margin-right: 40px;
}

.contacts.top .board {
	padding-bottom: 10px;
	border-bottom: 1px solid red;
}

.contacts.top.bottom .board {
	border-bottom: none;
}

.error_section {
	padding: 30px 10px;
}

.right.error {
	width: 500px;
	padding-top: 20px;
}

/* Wide list */
.wide-list li {
	padding: 10px ;
	list-style-type: none;
	border-bottom: 1px solid gray;
}

/* FILE LISTING */
.file_listing {
	padding: 10px 0px;
	height: 14px;
	border-bottom: 1px solid silver;
	margin-bottom: 10px;
}

#files h2.download_category {
	margin-bottom: 10px;
	margin-left: 0px;
}

#files .section {
	margin-bottom: 10px;
}

.file {
	display: block;
	float: left
}


/* FOOTER LINKS */
.links li, .community li {
	list-style-type: none;
}

.links .linklist {
	float: left;
	width: 127px;
	margin: 0 4px;
}

#footer .links {
	width: 960px;
	padding: 10px;
	float: left;
	background-color: #80adc3;
}

.file_name {
	width: 250px;
	font-size: 120%;
}

.file_size {
	width: 100px;
}

.file_link {
	width: 150px;
	float: right;
}

.file_link a {
	color: black;
	text-transform: uppercase;
	text-decoration: none;
}

.file_link img {
	vertical-align: text-bottom;
}

#volunteer .section.half {
	width: 430px;
}

/* UTILITIES */
.clear {
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* EVENTS */
#events .event_date, .event_location, .event_sponsor {
	display: block;
	margin-left: 340px;
}

/* FORMS */
#mail input {
	margin: 0;
	width: 180px;
	height: 15px;
	border: none;
	margin-right: 25px;
	margin-top: 5px;
	text-align: center;
}

input#mail_submit {
	position: absolute;
	line-height: 0;
	width: 20px;
	height: 20px;
	right: -20px;
}

.form_section {
	position: relative;
	border-bottom: 1px solid gray;
	padding: 10px 0;
	margin: 10px 0;
	width: 100%;
	clear: both;
}

.form_section p {
	font-size: 120%;
	margin: 10px 0;
}

.form_left {
	clear: both;
	width: 60%;	
	float: left;
	padding-right: 10px;
	border-right: 1px solid red;
	margin-right: 10px;
}

.form_left p {
	margin: 0;
}

.form_right {
	width: 35%;
	float: right;
}

input[type="radio"] {
	margin: 0 10px;
}

.form_submit {
	float: right;
}

select.red_select {
	min-width: 30%;
	background-color: #a72025;
	color: white;
	border: none;
	margin: 10px 0 15px;
	display: block;
}

input[type="text"], input[type="password"] {
	height: 20px;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 9px;
	margin-top: 9px;
	border: 1px solid #94c2d8;
	color: gray;
}

input[type="checkbox"] {
	margin-right: 10px;
	float: left;
	border: 1px solid gray;
}

input.small {
	width: 50px;
}

input.medium {
	width: 150px;
}

input.large {
	width: 250px;
}

.form_section input.jsrequired {
	color: #a72025;
}

.mailbox {
	font-size: 120%;
}

#donation_type, #donation_other {
	margin-bottom: 15px;
}

#donate_form p {
	margin-left: 0;
}


#honor_someone_box {
	margin-top: 10px;
}

#honor_box {
	margin-top: 10px;
}

form .header {
	margin-right: 20px;
}

.full form {
	margin-bottom: 50px;
}

.check_list {
	float: left;
	width: 250px;
	margin-bottom: 30px;
}

.check_list li {
	padding: 5px 0;
	list-style-type: none;
}

.check_list label {
	text-transform: uppercase;
}

textarea {
	width: 310px;
	height: 100px;
	border: 1px solid #94c2d8;
	margin-bottom: 5px;
}


/* INTRO */
#intro_holder {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 999;
	margin-top: -30px;
	text-align: center;
}

#oh_intro {
	position: relative;
	margin: 0 auto;
	z-index: 9999;
	top: 15%;
}

/* BLOG */
.articles .section.blog {
	width: 580px;
	margin-bottom: 20px;
}

.blog_top {
	padding: 5px 0;
	min-height: 40px;
}

.blog_date {
	width: 40px;
	height: 40px;
	float: left;
	background-color: #b4a569;
	margin-right: 10px;
	text-align: center;
}

.blog_posted_month {
	display: block;
	margin: 3px 0;
}

.blog .article_item p {
	font-size: 140%;
	line-height: 160%;
}

.blog_main_img {
	width: 500px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	border: 1px solid silver;
	padding: 8px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.blog_image, #blog_posts .blog_image {
	width: 500px;
}

.blog_bottom {
	background-color: white;
	float: left;
	width: 100%;
}

#blog .blog_bottom .button {
	display: block;
	float: left;
	min-height: 10px;
}

span.categories {
	display: block;
	float: right;
	padding: 4px;
}

.section.blog.full p {
	margin-left: 0;
}

#main p a.button {
	color:  white;}

.bloglist {
	float: left;
}

#sidebar {
	position: relative;
	top: 135px;
	margin-left: 620px;
	width: 300px;
}

#help .column ul li{
	list-style-type: none;
}

#help .leftcol .help_title {
	width: 125px;
	float: left;
}

#help .leftcol .helplist {
	margin-left: 160px;
	width: 260px;
}

#help #help_81.help_section {
	background: #a21f24 url(images/red-content-bg.jpg) repeat-x left bottom;
	margin-top: 10px;
}

#help .wide-list li {
	position: relative;
	height: 30px;
}

#help .wide-list li strong {
	display: block;
	float: left;
	width: 50%;
	font-size: 120%;
}

#help .wide-list li span.phone {
	position: absolute;
	width: 180px;
	right: 0;
	color: gray;
}

#volunteer .section.half {
	margin-bottom: 10px;
}

#loginbox {
	
}

#volunteer #volunteer_91 {
	float: left;
	width: 900px;
}

#volunteer #volunteer_91 .article_body {
	margin-left: 0;
	float: left;
	width: 890px;
	background-color: #8c0000;
	padding: 4px;
}

#volunteer_91 h2, #calendar h2 {
	margin-left: 0;
}

#volunteer .article_body p {
	text-align: left;
}

#regbox {
	width: 150px;
	float: right;
}

.top_buttons {
	position: relative;
	top: 45px;
	padding: 10px;
	float: right;
}

/* CALENDAR */
.calendar {
	background-color: #ac2025;
	-webkit-border-radius: 10px;
    padding: 15px;
    margin-top: 10px;
}

.cal_box {
	display: table-cell;
	min-height: 20px;
	color: white;
	width: 140px;
	border-right: 1px solid #6e1417;
	text-align: left;
	padding: 0 8px;
}

.cal_box.last {
	border-right: none;
}

.cal_titles {
	background-color: #6e1417;
	float: left;
	padding: 12px 8px;
	margin-bottom: 10px;
	
}

.cal_titles li {
	float: left;
	list-style-type: none;
	width: 145px;
	color: white;
	text-transform: uppercase;
	font-style: italic;
	font-size: 130%;
	text-align: center;
}

.cal_events {
	display: table;
	width: 885px;
}

h3.cal_cat {
	background-color: #b80007;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

.cal_name {
	color: #80adc3;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	margin-top: 8px;
	display: block;
}

.cal_date {
	float: left;
	width: 400px;
	padding: 10px 0;
}

.ui {
	float: left;
	background-image: url(images/calendar-button-mid.png);
	-moz-border-radius:10px;
 	-webkit-border-radius:10px;
 	margin-right: 10px;
 	height: 30px;
}

.ui.nav .back {
	background: url(images/calendar-arrow-left.png) no-repeat 9px center;
	border-right: 1px solid #ac2025;
	float: left;
}

.ui .forward {
	margin-left: 100px;
}

.ui.nav .forward {
	background: url(images/calendar-arrow-right.png) no-repeat 100px center;
}

.ui .back, .ui .forward, .ui .month {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 30px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
}

.ui .month {
	background: url(images/calendar-icon.png) no-repeat 13px center;
	text-indent: 10px;
}

.cal_date strong {
	color: white;
	text-transform: uppercase;
	font-size: 200%;
	font-weight: bold;
}

.cal_top {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.ui.nav {
	margin-left: 100px;
}

.calendar.popup {
	z-index: 9999;
	border: 1px solid white;
	margin-left: -10px;
}

div.calendar td {
	color: #fff;
}

div.calendar td.button {
	display: table-cell;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #660300;
  cursor: pointer;
}

div.calendar td {
	padding: 3px;
	text-align: center;
	background-color: #ac2025;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar td.title {
	font-weight: bold;
}

div.calendar td.otherDay {
	color: #959595;
}

.callus p {
	margin-top: 30px;
	text-align: center;
	font-size: 140%;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #989fa1;
	line-height: 120%;
}

.callus p a, .callus p strong {
	font-weight: bold;
	color: #6e1417;
}

#calendar p label {
	display: block;
}

form .login {
	width: 250px;
	margin: 0 auto;
}

form .login input[type="submit"] {
	margin-top: 10px;
}

#media a span.download, #media a.back, #blog .button, a.back, a.button {
	display: block;
	padding: 5px;
	float: right;
	color: white;
	background-color: #ac2025;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

a.return.button {
	display: block;
	padding: 5px 5px 5px 10px;
	color: white;
	background-color: #ac2025;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	width: 100px;
	text-align: center;
	margin: 10px 0;
	background: #ac2025 url(images/arrow-white.png) no-repeat 7px center;
}

#media a {
	text-decoration: none;
}

.full p a {
	color: #a4161c;
}

.button {
	display: block;
	color: #ac2025;
}

#contact .button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#contact #contact_lists .button{
	bottom: 0px;
}

.articles .full .tablelist {
	margin-left: 0;
}

/*form errors */
#donate_form label, #vol_reg_form label {
	text-transform: capitalize;
	font-weight: bold;
	font-style: italic;
	color: gray;
}

#donate_form label.required, #vol_reg_form label.required {
	color: #a92025;
}

.form_row {
	position: relative;
	margin-bottom: 20px;
	margin-top: 10px;
}

#jsvalidator_amount {
	left: 80px;
	top: 50px;
}

.jsvalidation {
	position: absolute;
}

#jsvalidator_user2 {
	left: 70px;
	top: 55px;
}

#jsvalidator_user3 {
	left: 235px;
	top: 55px;
}

#donate_form #jsvalidator_street {
	left: 0px;
	top: 55px;
}

#donate_form #jsvalidator_city {
	left: 170px;
	top: 55px;
}

#donate_form #jsvalidator_state {
	left: 335px;
	top: 55px;
}

#donate_form #jsvalidator_email {
	left: 0px;
	top: 55px;
}

#vol_reg_form .jsvalidation, #contact_form .jsvalidation {
	top: 55px;
}

#vol_reg_form #jsvalidator_first, #contact_form #jsvalidator_first {
	left: 0;
}

#vol_reg_form #jsvalidator_last, #contact_form #jsvalidator_last {
	left: 170px;
}

#vol_reg_form #jsvalidator_email {
	left: 340px;
}

#vol_reg_form #jsvalidator_phone {
	left: 0px;
	width: 200px;
}

#vol_reg_form #jsvalidator_address {
	left: 330px;
}

#vol_reg_form #jsvalidator_city, #contact_form #jsvalidator_address, #contact_form #jsvalidator_city, #contact_form #jsvalidator_email {
	left: 0;
}

#vol_reg_form #jsvalidator_state {
	left: 150px;
}

#vol_reg_form #jsvalidator_zip {
	left: 260px;
}

#vol_reg_form label.check {
	font-weight: normal;
	font-style: normal;
	color: black;
	clear: both;
}

#contact_form #jsvalidator_phone, #contact_form #jsvalidator_state {
	left:  170px;
}

#contact_form #jsvalidator_zip {
	top: 20px;
	width: 120px;
}

#contact_form #jsvalidator_email {
	width: 160px;
}

#contact_form #jsvalidator_phone {
	width: 220px;
}

#contact_form #message {
	height: 200px;
}

.social {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 900;
}

.social img {
	padding:  0 3px;
	vertical-align: middle;
}