@import "/inc/style_reset";


/* <style type="text/css" media="screen"> */

html {
background: #fbf8ef url(/img/bgd-rpt.jpg) 0 0 no-repeat;
}

body {
background: url(/img/bgd_main.jpg) center 0 no-repeat;
min-width: 960px;
min-height: 500px;
}

div.wrap {
	text-align:left;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

hr.clearHack {
display: block;
visibility: hidden;
clear: both;
height: 0;
}

.clear {clear: both !important;}

a.edit {
float: left;
clear: both;
color:#fff;
background: #6cf646;
padding: 5px 8px;
margin: 10px;
}

a.edit:hover {
background: #444;
}

.hide {display:none;}

div.left_col {float: left; clear: both; width:500px;}
div.right_col {float: left; clear: none;}

/* --------------------------------
	 Typography
----------------------------------- */


h1 { 
font-size: 2.4em;
font-weight: bold;
}

h2, h2 a { 
font-size: 22px;
font-weight: bold;
color: #9e3521;
line-height: normal;
padding-bottom: 1em;
}

h3, h3 a {
font-size: 18px;
font-weight: bold;
color:#7a7d7f;
line-height: normal;
padding-bottom: 1em;
}

h4 {
font-size: 1em;
font-weight: bold;
line-height: normal;
padding-bottom: 0.5em;
}

h5 {
font-size: 0.9em;
font-weight: normal;
text-align: center;
}

a {
text-decoration: none;
}

p { 
font-size: 13px;
line-height: 18px;
text-align: justify;
padding-bottom: 10px;
}


/* --------------------------------
	 Header
----------------------------------- */

div.site_id {
position: absolute;
top:15px;
left: 25px;
}

div.site_id a {
color: #fff;
}

div.email_sign_up {
position: absolute;
right: 18px;
top:13px;
}

div.email_sign_up input[type="text"] {
font-size: 10px;
background-color: #ebeff0;
width:163px;
}

div.email_sign_up input[type="submit"] {
padding: 3px 5px;
font-size: 10px;
background: #9e3521;
color: #fff;
border:#a97d72 1px solid;
text-align: center;
margin-left: 15px;
}
div.email_sign_up input[type="submit"]:hover {
color: #9e3521;
background: #fff;
cursor: pointer;
}

a.home_link {
padding-left: 32px;
padding-top: 1px;
background: url(/img/home_link.jpg) 13px 0 no-repeat;
filter:alpha(opacity=70);
opacity: 0.7;
}

a.home_link:hover {
filter:alpha(opacity=100);
opacity: 1;
}

/* --------------------------------
	 General Navigation
----------------------------------- */

ul a {
text-decoration: none;
}

/* --------------------------------
	Main Nav via Son of Suckerfish Menu
----------------------------------- */

#nav {
z-index: 4000;
position: absolute;
top:45px;
left:330px;
z-index: 5000;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
}

#nav a {
	display: block;
	color: #7a7d7f;
	font-weight: normal;
	cursor: pointer;
}

#nav a:hover {
	background-position: 0 bottom;
	color: #7a7d7f;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	color: #7a7d7f; 
	position: absolute;
	top:15px;
	display: inline;
}

#nav li.last {width:80px;}

#nav ul li {
position: relative;
top:auto;
width:120px;
display: block
}

#nav li li a {
	color: #fff;
	text-align: left;
	height: auto;
	letter-spacing: 0;
	padding: 5px 8px;
	background:  #817e70 url(/img/subnav_border.gif) left top repeat-x;
	z-index: 5000;
	}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top:20px;
	}

#nav li ul a:hover {
color:  #817e70;
background-color: #fff; 
background-image: none;
z-index: 5000;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li.item_1 {left:0;}
#nav li.item_2 {left:112px;}
#nav li.item_3 {left:245px;}
#nav li.item_4 {left:355px;}
#nav li.item_5 {left:440px;}
#nav li.item_6 {left:550px;}

#nav dt {
font-size: 20px;
color: #006980;
letter-spacing: -0.04em;
padding-bottom: 3px;
}

#nav a:hover dt {
color: #9e3521;
}

#nav dd {
font-size:12px;
letter-spacing: 0.05em;
}


/* --------------------------------
	 Main Layout
----------------------------------- */

a.logo {
background: url(/img/logo.gif) 0 0 no-repeat;
position: absolute;
top:75px;
left: 30px;
width:267px;
height: 116px;
}

img.idium {
position: absolute;
top:150px;
left:350px;
}

div#content {
background: url(/img/bgd_content.png) 0 0 repeat-y;
margin-top:273px;
position: static;
float: left;
clear: both;
width:100%;
}

div#content .btm_image {
float: left;
clear: both;
padding-top: 12px;
}

.more {
background: #7a7d7f;
padding: 5px 8px;
color: #fff;
font-size: 11px;
}

.more:hover {
background: #9e3521
}

div.foot {
background: url(/img/bgd_foot.jpg) 0 0 no-repeat;
float: left;
clear: both;
width:100%;
height: 100px;
position: relative;
}

div.foot ul {
margin:38px 0 0 10px;
float: left;
clear: both;
}
div.foot ul.copyright {
float: right;
margin: 0;
position: absolute;
top:38px;
right: 40px;
color: #fff;
}

div.foot li {
display: inline;
float: left;
clear: none;
padding: 0 10px;
}

div.foot li.credit a {
color: #86b2be;
}

div.foot li.credit a:hover {
color: #fff
}

div.foot a {
color: #fff;
}

div.content_inner {
padding:30px 50px;
margin-bottom: 50px;
}

div.entry_box {
padding: 20px;
border-bottom: 1px #7a7d7f solid;
margin-bottom: 15px;
float: left;
clear: both;
width:800px;
font-size: 13px;
line-height: 18px;
text-align: justify;
}

div.entry_box a.more {
margin: 1em 0 0 1em;
float: left;
}

div.entry_box_last {
border-bottom: none;
}

p.paginate a {
color: #7a7d7f;
}

div.image_entry_box img {
display: inline;
float: left;
border: #7a7d7f 1px solid;
padding: 3px;
margin-right: 15px;
}

/* --------------------------------
	 Forms
----------------------------------- */
div#content input[type="text"], div#content input[type="password"], div#content textarea { border:1px solid #bbb; background:#eee; padding:5px; float:left; clear:left; margin:5px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:1.3em; line-height:1.5em; width:400px; }
div#content input[type="text"]:focus, div#content input[type="password"]:focus, div#content textarea:focus {background:#fffa92;}
div#content label { font-size:1.2em; font-weight:bold; float:left; clear:left; border-top:1px solid #ddd; margin-top:1.5em; padding:10px 0 10px 10px; width:450px; }
div#content .submit { border:none; background:#C1272D; padding:5px 10px; color:#fff; float:left; clear:left; margin:20px; text-decoration:none; }
div#content .submit:hover { background:#555; color:#fff; cursor:pointer; }
select {float: left; clear: both; margin: 10px;}
button {cursor: pointer;} 

.optional {color: #555; font-weight: normal; padding-left: 10px}

div#content input.short {width:50px; float: left; clear: none;}
div#content input.med {width:100px; float: left; clear: none;}

/* --------------------------------
	 Home Page
----------------------------------- */

body#home div#content {
height: 350px;
}

div.home_images_box {
background: #fff;
width:550px;
height: 325px; 
margin: 10px 0 0 10px;
border: solid 1px #e4e4e4;
overflow: hidden;
float: left;
clear: both;
}

div.home_video_box {
float: left;
clear: none;
position: relative;
width:372px;
}

div.home_video {
position: absolute;
top:47px;
left: 10px;
}

div.home_video_box h2 {
position: absolute;
top:15px;
left:15px;
}

div.home_video_box a.more {
position: absolute;
top:10px;
right: 0px;
}

div.home_cols {
float: left;
clear: both;
padding-top: 18px;
width:100%;
}

div.home_cols dl {
float: left;
clear: none;
display: inline;
width:278px;
margin: 15px;
background: url(/img/bgd_list.jpg) 0 0 repeat-y;
}

div.home_cols dt {
font-size: 20px;
color: #006980;
letter-spacing: -0.04em;
padding: 10px 0 10px -5px;
background: #fbf8ef;
}

div.home_cols dd a {
font-size: 12px;
color: #7a7d7f;
padding: 8px 0 10px 10px;
margin: 5px 0 0 0;
background: url(/img/border_list.jpg) left bottom repeat-x;
display: block;
width:250px;
}

div.home_cols dd a:hover {
color: #9e3521
}

div.home_cols dd a.more {
background: #7a7d7f;
padding: 5px 8px;
color: #fff;
width:auto;
float: right;
clear: both;
position: relative;
top:10px;
}

div.home_cols dd a.more:hover {
background: #9e3521;
}

div.home_cols dl dd.more {
background-color: #fbf8ef;
height: 30px;
border:none;
background-image: none;
} 

div.home_cols dl dd.facebook {
background-color: #fbf8ef;
border:none;
background-image: none;
}

div.home_cols dl a.fb_link {
background: #fbf8ef url(/img/facebook_link.jpg) 0 35px no-repeat;
height: 66px;
width:274px;
text-indent: -5000em;
display: block;
float: left;
padding-top: 35px;
}


div.home_cols dl a.fb_link:hover {
background-position: 35px right ;
}

div.home_cols dl a.tw_link {
background: #fbf8ef url(/img/twitter_link.jpg) 0 35px no-repeat;
height: 66px;
width:274px;
text-indent: -5000em;
display: block;
float: left;
padding-top: 35px;
}


div.home_cols dl a.tw_link:hover {
background-position: 35px right ;
}


/* --------------------------------
	 Reports
----------------------------------- */

body#reports div.entry_box img.report_photo, body#news div.entry_box img.report_photo {
padding: 3px;
border: #444 solid 1px;
margin: 20px;
}

body#reports div.entry_box img.main_report_image, body#news div.entry_box img.report_photo {
float: right;
clear: none;
border: #7a7d7f 1px solid;
padding: 3px;
margin-right: 15px;
margin-left: 30px;
}


/* --------------------------------
	 News
----------------------------------- */

#news .news_image {float: left; clear: both; width:100%; margin: 0 10px;}
#news .news_image img {margin-left:0 !important; float:left !important;}

/* --------------------------------
	 Store
----------------------------------- */

body#store input.store_amount {
width:80px;
float: none;
clear: none;
display: inline;
}

body#store a.download_link {padding-left: 10px; position: relative; top:-5px; float: left; clear: none;}
body#store div.flash_player {float: left; clear: none; padding-left: 10px;}


/* --------------------------------
	 Comments
----------------------------------- */

div.comment_entry {
padding: 15px;
padding-bottom: 0;
}

div.comment_author p {
padding: 5px;
font-style: italic;
color: #7a7d7f;
font-family: Georgia Palatino serif;
}

div.comment_author {
margin-bottom: 25px;
padding-bottom: 5px;
border-bottom:1px solid #e5e5e5;
width:450px;
}

/* --------------------------------
	 video
----------------------------------- */

div.video {float: left; clear: none; padding: 10px;  overflow: hidden; height: 190px; position: relative; margin-bottom: 10px;}
div.video h4 {width:240px;}
div.video a { filter:alpha(opacity=80); opacity: 0.8;}
div.video a:hover {filter:alpha(opacity=100); opacity: 1;}
div.video a span.button {background: url(/img/video_play_btn.png) 0 0 no-repeat; width:100%; height: 100%; display: none; position: absolute; z-index: 6000; }
div.video a:hover span.button {display: block;}
body.videos h2 {float: left; clear: both; width:750px; padding: 25px 0 10px 0;}

/* --------------------------------
	 Give
----------------------------------- */

body#give div.right_col {padding-top:44px;}
body#give div.wysiwyg_output {padding-right: 40px;}

/* --------------------------------
	 Join
----------------------------------- */

body#join div.right_col {padding-top:48px;}


/* --------------------------------
	 Facebook Stuff
----------------------------------- */
.foot .like {position: relative; top:-4px; width:40px;}
.top_bar .like {position: absolute; left:260px; top:12px;}
.like {width:450px; background: transparent; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow: hidden; height: 23px;}
/* </style> */