@import url(/css/internal_navigation.css);
@import url(/css/media.css);


body {
	background-color:#D4CCC4;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#471D06;
}

#wrapper { 
	width: 800px;
	margin: 0 auto 10px auto;
	background-color:#F8F0E1;
	padding: 0px;
	border-bottom: solid 2px #7d6a55;
}

#banner {
	position:relative;
	height:154px;
	background:url('../images/banner.gif');
	text-align:right;
}	

#banner a {

	display:block;
	float:right;
	
	margin:10px 10px 0 0;
	/* commented out so that the style doesn't cascade to the Facebook login button.
	padding:5px 10px;
	*/
	background-color:#3F3E29;

	font-family: arial, san-serif;
	color:white;
	text-decoration:none;

}

#banner a:hover{

	color:#F7931E;

}

#banner #home_link{
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:120px;
	background:none;
}

#banner h1, #banner p {
	display:none;
}

#navigation {
	clear:left;
	position:relative;
	z-index:999;
}

#content {
	clear:both;
	padding:20px;
	width:760px;
}

#content #left {

	width:200px;
	float:left;
	margin-right:20px;

}

#left_narrow {
	width:160px;
	float:left;
	margin-right:20px;
}

#main {

	width:570px;
	float:left;
	border-right: solid 1px #C6B8AB;
	padding-right:20px;

}

#main_partner {

	width:380px;
	float:left;
	border-right: solid 1px #C6B8AB;
	padding-right:20px;

}

#main_partner p {
	margin-bottom:10px;
}


#content #right {

	width:150px;
	float:right;
	margin-right:0px;
	padding:10px 0 0 10px;

}

#statement {
	clear:both;
	padding:20px 0;
}

#statement p {
	margin-bottom:10px;
}

/* main navigation */

#navigation {
	background: #8F7D67;
	border-bottom:solid 2px #3F3E29;
	z-index:999999;
}

#navigation li {
	
	position:relative;
	float:left;
	list-style:none;

}

#navigation a {
	display:block;
	color:#F8F0E1;
	text-decoration:none;
	line-height:30px;
	padding:0 20px;
	font-size:15px;
}

#navigation a:hover {
	color:#FCA424;
}	


/* Drop Down Menus */

#navigation ul ul{

	display:none;

	position:absolute;
	z-index:999;
	
	background: #F4E9D3;
	border-left:solid 1px #471D06;
	border-right:solid 1px #471D06;
	border-bottom:solid 1px #471D06;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
}

#navigation ul ul li {

	float:none;
}

#navigation ul ul a {

	display:block;
	background:none;
	height:auto;
	width:100px;
	padding:12px 22px;
	text-decoration:none;
	color: #471D06;
	line-height:130%;
	font-size:12px;
	
}

#navigation ul ul a:hover {

	background: #3e3e29;
	color: #F4E9D3;

}

/* Footer */

#footer {

	width:800px;
	margin:0 auto 50px auto;
	font-family: arial, san-serif;

}

#copy {
	
	float:left;
	margin-right: 10px;
	
}

#bottom_menu li {

	float:left;
	list-style:none;
	margin-right:5px;
	border-right: solid 1px #471D06;
	padding-right:5px;

}

#bottom_menu .last {

	border:none;

}

#bottom_menu a {

	text-decoration:none;
	color:#471D06;

}

#bottom_menu a:hover {

	text-decoration:underline;

}

#social_networking {
	float:right;
}


#social_networking a span{
	display:none; 
}

#social_networking a{
	float:left;
	background-image:url('../images/social_networking_icons.jpg');
	background-repeat:none;
	height:35px;
}

#social_networking .txt{
	background:none;
	width:140px;
	margin-left:10px;
}

#flickr {
	width:64px;
}

#facebook {
	width:35px;
	background-position:-64px 0;
}

#feed {
	width:38px;
	background-position:-100px 0;
}

#youtube {
	width:40px;
	background-position:-140px;
}

#twitter {
	width:35px;
	background-position:-180px;
}

/* promo */

.promo_blue, .promo_orange, .promo_red, .promo_grey, .promo_brown, .promo_green, .promo_purple {
	width:151px;
	font-family: arial, san-serif;
	color: white;
	margin-bottom:10px;
}

.promo_blue h1, .promo_orange h1, .promo_red h1, .promo_grey h1, .promo_brown h1 {
	font-size:14px;
	padding:0 4px 0 10px;
}

.promo_blue p, .promo_orange p, .promo_red p, .promo_grey p, .promo_brown p,  .promo_green p, .promo_purple p {
	padding: 0 4px 0 10px;
}

#content .promo_blue a, #content  .promo_orange a, #content  .promo_red a, #content .promo_grey a,#content .promo_brown a,#content  .promo_green a, #content .promo_purple a {
	color:white;
	text-decoration:none;
}

.promo_blue .top, .promo_blue .bottom , 
.promo_blue .top, .promo_orange .top, .promo_red .top, .promo_grey .top, .promo_brown .top, 
.promo_blue .bottom, .promo_orange .bottom, .promo_red .bottom, .promo_grey .bottom, .promo_brown .bottom,
.promo_purple .top, .promo_purple .bottom ,
.promo_green .top, .promo_green .bottom {
	background-image: url(../images/buttons.gif);
}


.promo_blue {
	background-color: #729bc7;
}

.promo_blue .top {
	background-position: -1px 0;
}

.promo_blue .bottom {
	background-position: -1px -12px;
}

.promo_orange {
	background-color: #b3740d;
}

.promo_orange .top {
	background-position: -1px -27px;
}

.promo_orange .bottom {
	background-position: -1px -43px;
}

.promo_red {
	background-color: #b31f17;
}

.promo_red .top {
	background-position: -1px -59px;
}

.promo_red .bottom {
	background-position: -1px -73px;
}

.promo_grey {
	background-color: #acb6ab;
}

.promo_grey .top {
	background-position: -1px -87px;
}

.promo_grey .bottom {
	background-position: -1px -103px;
}

.promo_brown {
	background-color: #653600;
}

.promo_brown .top {
	background-position: -1px -119px;
}

.promo_brown .bottom {
	background-position: -1px -137px;
}

.promo_purple {
	background-color: #78496a;
}

.promo_purple .top {
	background-position: -1px -153px;
}

.promo_purple .bottom {
	background-position: -1px -174px;
}

.promo_green {
	background-color:#5a5504;
}

.promo_green .top {
	background-position: -1px -191px;
}

.promo_green .bottom {
	background-position: -1px -213px;
}


/* summary box */

.summary_box {
	width:567px;
	background-image: url('../images/content_bg.gif');
}

.summary_box .top {
	height:14px;
	background-image: url('../images/content_top_cap.gif');
	margin-bottom:5px;
}

.summary_box .bottom {
	height:14px;
	background-image: url('../images/content_bottom_cap.gif');
}


.summary_box #img, .summary_box_wide #img{

	padding:0px 10px 0 20px;
	
}

.summary_box #text, .summary_box_wide #text{

	padding:0px 20px 0 10px;
	
}



.read_more {
	text-align:right;
	background-image:url(../images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position: right 2px;
	padding-right:12px;
	text-transform:Uppercase;
	clear:both;
}

.read_more a {
	text-decoration:none;
	color: #471D06;
}

.read_more a:hover {
	text-decoration:underline;
}


/* wide */
.summary_box_wide{
	clear:both;
	width:757px;
	background-image: url('/images/wide-bg.gif');
}

.summary_box_wide .top {
	height:14px;
	background-image: url('../images/wide-top-cap.gif');
	margin-bottom:5px;
}

.summary_box_wide .bottom {
	height:14px;
	background-image: url('../images/wide-bottom-cap.gif');
}

#story_content {
	padding:10px 0 20px 0;
}


/* Forms */


#content fieldset {
	margin-bottom:30px;
	padding: 20px;
	border-color: #D4CCC4;
}

#content form ol {
	
	list-style:none;
	margin-left:0;
	
}

#content form #background ol label {
	width:75px;
}

#content form input {
	width:100px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}

#addfriendconfirm {
	text-align:center;
}

#wrapper #content  #addfriendconfirm input {
	width:auto;
	float:none;
	margin-right:5px;
	margin-bottom:10px;
}

#content form .double {
	width: 315px;
}

#content form ol li{
		
	display:block;	
	clear:both;
	
	
}

#content form .small_label {
	width: 70px;
}

#content form .long_label label{
	width: 100%;
	text-align:left;
	margin-bottom:-10px;
	margin-top:10px;
}

#content form select {
	width:135px;
}


#content form ol label{
	
	display:block;
	float:left;
	margin-right:5px;
	padding-bottom:10px;
	
	width:100px;
	text-align:right;
	
}

#content textarea {

	margin: 10px 0;
	width:100%;
	height:200px;

}

#content form  #submit { width:150px; }

#content #volunteer_form_personal_info textarea{

	height:100px;

}

#content form .checkbox {
	clear:both;
	padding-top:20px;
}

#content form .checkbox input{
	width:auto;
}

#content form .checkbox label{
	width:500px;
	text-align:left;
}

#content form #submit { 
	width:75px;
	margin-top:20px;
}

#recaptcha_area {
	clear:both;
	margin-top:10px;
}

/* Profile navigation */

#content #profile_nav {
	list-style:none;
	margin:0;
	padding:0;
}

#content #profile_nav li{
	float:left;
	margin:0;
}

#content #profile_nav li a{
	display:block;
	position:relative;
	width:85px;
	height:29px;
	padding-left:5px;
}

#content #profile_nav li a span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:90px;
	height:29px;
	background:url('/images/portal_nav.gif');
	
}

 #sub_nav_bar{
	clear:both;
	background:#471D06;
	height:4px;
	padding:0;
	line-height:1px;
	margin:0;
	margin-bottom:20px;

}



#content #profile_nav li #info{
	width:85px;
}

#content #profile_nav li #info span{
	width:85px;
	background-position:-1px 0px;
}



#content #profile_nav li #news{
	width:71px;
}

#content #profile_nav li #news span{
	width:71px;
	background-position:-91px 0;
}

#content #profile_nav li #media{
	width:73px;
}

#content #profile_nav li #media span{
	width:71px;
	background-position:-350px 0;
}

#content #profile_nav li #stories{
	width:71px;
}

#content #profile_nav li #stories span{
	width:70px;
	background-position:-166px 0;
}

#content #profile_nav li #images{
	width:95px;
}

#content #profile_nav li #images span{
	width:100px;
	background-position:-242px 0;
}

#content #profile_nav li #classroom_nav{
	width:137px;
}

#content #profile_nav li #classroom_nav span{
	width:146px;
	background-position:-167px -138px;
}




/* hover */

#content #profile_nav li #info:hover span{
	background-position:-1px -74px;
}


#content #profile_nav li #news:hover span{
	background-position:-91px -74px;
}

#content #profile_nav li #stories:hover span{
	background-position:-166px -74px;
}

#content #profile_nav li #images:hover span{
	background-position:-242px -74px;
}

#content #profile_nav li #classroom_nav:hover span{
	background-position:-167px -208px;
}

#content #profile_nav li #media:hover span{
	background-position:-350px -74px;
}


#sub_nav_bar{
	clear:both;
}	

/* active */

#content #profile_nav li #info.active span{
	background-position:-1px -36px;
}

#content #profile_nav li #news.active span{
	background-position:-91px -36px;
}

#content #profile_nav li #stories.active span{
	background-position:-166px -36px;
}

#content #profile_nav li #images.active span{
	background-position:-242px -36px;
}

#content #profile_nav li #classroom_nav.active span{
	background-position:-167px -173px;
}

#content #profile_nav li #media.active span{
	background-position:-350px -36px;
}



/*mini profile */

.mini_profile {
	height:130px;
	width:150px;
	text-align:center;
	float:left;

}

.mini_profile img{
	max-height:70px;
}

.mini_profile p{

}

/* home page story box */

.story_box_hp {
	width:170px;
	float:left;
	margin-right:10px;
}

#wrapper #content .story_box_hp h2{
	float:none;
	font-size:12px;
}

#content #main h1.hp {
	color:#471D06;
}

/* Info Box */

.info_box {
		border-right: solid 1px #C6B8AB;
		border-top: solid 1px #C6B8AB;		
}

#wrapper #content .info_box h2 {
	font-family:Arial, Helvetica, sans-serif;
	background:#F5E9D2;
	float:none;
	clear:both;
	width:148px;
	margin-top:1px;
	margin-bottom:10px;
	padding: 5px;
	font-size:12px;

}

#wrapper #content .info_box h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ACA095;
	font-size:12px;
	float:none;
	margin-bottom:0;
	position:relative;
	font-weight:normal;
}

#wrapper #content .info_box h3 a {
	color:#ACA095;
}

#friends_box {
	margin-top:5px;
	padding-top:5px;
	border-top: solid 1px #C6B8AB;		
}

#see_all {
	position:absolute;
	right:5px;
}

.info_box .mini_profile {
	height:85px;
	width:45px;
	text-align:center;
	float:left;
	margin-right:5px;
	overflow:hidden;
	line-height:90%;
	margin-bottom:5px;
}

#content .info_box .mini_profile p a{
	font-family:arial,verdana,san-serif;
	font-size:8px;
	text-decoration:none;
	color:#7D7063;
}

#content .info_box .mini_profile p a:hover{
	color:#9B5F0D;
}

.info_box .mini_profile.volunteer {
	height:70px;
}

.info_box .mini_profile .img{

	height:50px;

}

.info_box .mini_profile img{
	max-width:45px;
}	


/* Portal */

#portal #nav { 
	float:left;
	width:200px; 
}

#portal #inner {
	float:left;
	clear:none;
	width:500px; 
}	

#portal #inner h1 {
	width:auto;
	background:none;
	color:#471D06;
}

#portal input,  #portal textarea, #portal select {
float:left;
}


#portal label{
display:block;
width:400px;
clear:both;
padding-top:20px;
}

#portal textarea{
width:400px;
}

#portal th{background-color:#B2730E; color:white; padding:5px;}
#portal td { padding:5px;}
#wrapper #portal #friends td { padding:5px; white-space:normal;}

/*#portal tr:hover, #portal tr:hover a{background-color:#7d6a55; color:white;}*/




#wrapper #portal #friends tr:hover, #wrapper  #portal #friends tr:hover a{background-color:none; color:inherit;}

#portal .text_wrapper, #portal .text_wrapper_small, #portal .text_wrapper_zip { 
	float:left; 
	width:200px;
	margin-right:30px;
}

#portal .text_wrapper_small{ 
	width:130px;
}

#portal .text_wrapper_zip {
	width:100px;
}

#portal .text_clearer {
	
	clear:both;
	width:100%;
	
}

#portal .text_clearer input{
	
	float:none;
	
}

#portal #Publish { position:relative; top:10px;}

#portal .checkbox {
	width:450px;
	padding-top:20px;
}

#portal .checkbox input {
	width:auto;
}

#portal .checkbox p {
	border-bottom:solid 1px black;
}

#portal .checkbox label {
	width:200px;
	clear:none;
	float:left;
	margin-right:10px;
	padding:0px;
}

#wrapper #content #portal  h2 {

	clear:both;
	font-weight:normal;
	border-bottom:solid 1px black;
	margin:20px 0 10px 0;
	width:100%;
	float:none;

}
#portal #inner {
	margin-left:20px;
}

/****************************/
/**** Portal Navigation ****/
/***************************/

	#nav_box {
		background:url('http://omprakash.org/images/portal/portal_nav_bg.jpg') repeat-y;
	}
	
	#nav_box .top{
		background:url('http://omprakash.org/images/portal/portal_nav_top.jpg');
		height:6px;
	}
	
	#nav_box .bottom{
		background:url('http://omprakash.org/images/portal/portal_nav_bottom.jpg') left bottom;
		height:6px;
	}
	
	#nav_box ul ul{
		display:none;
	}
	
	#nav_box .active ul{
		display:block;
	}
	
	#content #nav_box li {
		list-style:none;
		margin:0;
		border-bottom:dotted 1px #471D06;
		display:block;
		margin-left:4px;
		width:185px;

	}	
	#content #nav_box ul {
		margin:0;
	}
	
	#content #nav_box ul a {
		text-decoration:none;
		color:#471D06;
		display:block;
		padding:10px 10px;
		width:165px;
		font-size:14px;
	}

	#content #nav_box ul li#last {
		border:0
	}
	
	#content #nav_box ul a:hover, #content #nav_box ul .active a {
		color:#F8F0E1;
		background:#471D06;
	}	
	
	#content #nav_box ul a:hover {
		background:#8F7D67;
	}
	
	#content #nav_box ul .active a:hover {
		background:#471D06;
	}
	
	
	/* l2 */
	
	#content #nav_box li ul{
		padding:10px 0 0 0;
	}
	
	#content #nav_box li li{
		border:0;
		margin:0;
	}
	
	#content #nav_box li li a{
		font-size:12px;
		width:155px;
		padding:0px 0 10px 20px ;
	}
	
	#content #nav_box li.active li a:hover{
		font-weight:bold;
		background:none;
	}
	
	 #content #nav_box ul .active ul a {
		background:none;
		font-weight:normal;
		color: #471D06;
	}
	
	#content #nav_box ul .active ul .active a {
		font-weight:bold;
	}
	
/********* End Portal Navigation **********/

/* Media toggle */

#media_selector{
	width:450px;
	
}

#media_selector .nav {
}


#media_selector .nav .clearme{
	height:1px;
}

#media_selector .nav a{
	position:relative;
	top:1px;
	display:block;
	padding:5px 10px;
	color:white;
	background:#aaa;
	float:left;
	margin-right:10px;
	text-decoration:none;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#media_selector .nav a:hover{
	background:#999;
}

#media_selector .nav a.active{
	background:#666;
}

#media_form {
	border: solid 1px #ccc; 
	padding:15px;
	background:#f0f0ee;
	
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
position:relative;
	min-height:180px;
}

.video_embed_form{
	visibility:hidden;
}

#media_form label{
	padding:0;
}

.image_upload_form{
	position:absolute;
	top:15px;
	left:15px;
}

.video_holder{
	display:none;
}

/* buttons */

#view_donations span, #view_expenses span{
	display:none;
}

#view_donations,#view_expenses{
	display:block;
	background: url('/images/expense_btns.gif');
	height:24px;
	width:112px;
}

#view_donations:hover{
	background: url('/images/expense_btns.gif') -119px 0;
}

#view_expenses{
  background-position:0 -25px;
}

#view_expenses:hover{
	background: url('/images/expense_btns.gif') -119px -25px;
}


#dashboard_links a, #volunteer_dashboard_links a {
	display:block;
	float:left;
	background:url('/images/dashboard_buttons.gif') no-repeat;
	height:133px;
	width:113px
}

#dashboard_links span, #volunteer_dashboard_links span { display:none; }

#dashboard_links .profile {
	background-position: 0 -145px;
}

#dashboard_links .stories {
	background-position: -120px  -145px;
	margin-left:5px;
}

#dashboard_links .docs {
	background-position: -240px -145px;
	width:125px;
	margin-left:5px;
}

#dashboard_links .donations {
	background-position: -373px -145px;
	margin-left:5px;

}

#volunteer_dashboard_links .profile {
	background-position: 0 0px;
}

#volunteer_dashboard_links .stories {
	background-position: -110px  0px;
	margin-left:5px;
}

#volunteer_dashboard_links .resources,
#dashboard_links .resources
{
	background-position: -220px  0;
	margin-left:5px;
	width:130px;
}

#volunteer_dashboard_links .media,
#dashboard_links .media{
	background-position: -360px  0;
	margin-left:10px;
	width:115px;
}

.resource_view_thumbnail {
	max-width:500px;
}


/* image nav */

.image_nav {
  
  margin-top:20px;
  font-size:14px;

}

.image_nav a{
  padding:0 20px 0 0;
}

.image_nav a.last{
  padding: 0;
}

/* Profile Buttons*/

#portal #profile_nav{
  clear:both;
}

#portal  #profile_nav a{
  display:block; 
  position:relative;
  float:left;
  width:76px;
  height:101px;
  margin-right:10px;
  margin-top:10px;
  padding:0 10px;
}

#portal  #profile_nav a span{
  display:block; 
  position:absolute;
  float:left;
  width:96px;
  height:101px;
  top:0;
  left:0;
  background:url('/images/profile-buttons.gif') no-repeat 0 -238px ;
}


/***************************************/
/*     Revised Buttons 10-11-11       */
/*************************************/

#content.portal {
	width:765px;
}

#main_partner {
	width:400px;
}

#content #profile_nav li a span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:90px;
	height:29px;
}

#content #profile_nav li #partner_info{
	width:64px;
}

#content #profile_nav li #partner_info span{
	width:64px;
	background:url('/images/partner_profile_buttons.png');
}

#content #profile_nav li #partner_stories{
	width:68px;
}

#content #profile_nav li #partner_stories span{
	width:68px;
	background:url('/images/partner_profile_buttons.png');
	background-position:-71px 0px;
}

#content #profile_nav li #partner_media{
	width:57px;
}

#content #profile_nav li #partner_media span{
	width:57px;
	background:url('/images/partner_profile_buttons.png');
	background-position:-147px 0px;
}

#content #profile_nav li #volunteer_info{
	width:99px;
}

#content #profile_nav li #volunteer_info span{
	width:99px;
	background:url('/images/partner_profile_buttons.png');
	background-position:-210px 0px;
}

#content #profile_nav li #partner_resources{
	width:77px;
}

#content #profile_nav li #partner_resources span{
	width:77px;
	background:url('/images/partner_profile_buttons.png');
	background-position:-318px 0px;
}

/* hover */

#content #profile_nav li #partner_info:hover span{
	background-position: 0px -70px;
}

#content #profile_nav li #partner_stories:hover span{
	background-position:-71px -70px;
}

#content #profile_nav li #partner_media:hover span{
	background-position:-147px -70px;
}

#content #profile_nav li #volunteer_info:hover span{
	background-position:-210px -70px;
}


#content #profile_nav li #partner_resources:hover span{
	background-position:-318px -70px;
}

	

/* active */


#content #profile_nav li #partner_info.active span{
	background-position:0px -35px;
}

#content #profile_nav li #partner_stories.active span{
	background-position:-71px -35px;
}

#content #profile_nav li #partner_media.active span{
	background-position:-147px -35px;
}

#content #profile_nav li #volunteer_info.active span{
	background-position:-210px -35px;
}


#content #profile_nav li #partner_resources.active span{
	background-position:-318px -35px;
}




/*************************************/

#portal  #profile_nav  #Contact span{
    background-position:0 -238px;
}

#portal  #profile_nav #Describe span{
   background-position:-115px -238px;
}

#portal  #profile_nav #Needs span{
    background-position:-230px -238px;
}

#portal  #profile_nav #Volunteer span{
  background-position:-345px -238px;
}

/*  hover state */

#portal  #profile_nav  #Contact:hover span{
    background-position:0 -118px;
}

#portal  #profile_nav #Describe:hover span{
   background-position:-115px -118px;
}

#portal #profile_nav #Needs:hover span{
    background-position:-230px -118px;
}

#portal #profile_nav #Volunteer:hover span{
  background-position:-345px -118px;
}

 /*  active state */

#portal #profile_nav  #Contact.active span{
    background-position:0 0;
}

#portal #profile_nav #Describe.active span{
   background-position:-115px 0;
}

#portal #profile_nav #Needs.active span{
    background-position:-230px 0;
}

#portal #profile_nav #Volunteer.active span{
  background-position:-345px 0;
}

/* site map */

#sitemap li{

	list-style:none;
	font-size:16px;
	
}

#sitemap li li{

	list-style:none;
	font-size:12px;
	
}


#sitemap li i{

	font-style:normal;

}

/* gallery */

#gallery {
	margin-top:20px;
}

#gallery_thumb {
	
	height:130px;
	width:120px;
	float:left;
	margin-right:5px;
	text-align:center;
	margin-bottom:10px;
	
	
}

#gallery_thumb #image { height:110px; }

#gallery_thumb #text { height:20px; }


#gallery a img {

	border:solid 2px #9B5F0D;

}

#gallery a:hover img {

	border:solid 2px #471D06;

}


/* tables */

.history_table td{
	padding:5px;
	border-bottom:dashed 1px #C6B8AB;
}

.history_table .no_border td{
	border-bottom:none;
	padding-bottom:0px;
}

#portal #listings {

	width:100%;

}

#listings {

	width:760px;
	position:relative;

}

#listings tr{
position:relative;
}

#listings th{
padding:5px;
text-align:left;

}
#listings td { padding:5px;  border-bottom:dashed 1px black; vertical-align:top;}
#listings tr:hover td, #listings tr:hover td a{background-color:#7d6a55; color:white;}

.comment {
	padding: 10px 0;
	border-bottom:dashed 1px #471D06;
	margin-bottom:10px;
}

.pagination {
	
	text-align:center;
	font-size:14px;
	word-spacing:10px;
	padding-top:10px;
	
}

.summary_box_wide .pagination {
	text-align:left;
	margin-bottom:10px;
}	


#wrapper .pagination .current {
	color:white;
	background:#B2730E;
	padding:2px 4px;
	text-decoration:none;
}

/* data list */

.data_list{
	border-bottom:dotted 1px #471d06;
	margin-top:15px;
}

.data_list strong{
	font-weight:normal;
	font-size:14px;
}

.data_list b{
	font-weight:bold;
	font-size:12px;
	font-family:arial,verdana,san-serif;
	color:#666;
}

/*  Donation Form */

#ccv {
	position:relative;
}


#ccv .example{
	position:absolute;
	top:-100px;
	left:250px;
	background:white;
	padding:10px;
	border: solid 5px #d4ccc4;
	display:none;
}

*html #ccv .example{
	top:-100px;
	left:130px;
}


/* typogrophy */

#content h1 , #content .h1_banner{

	font-size: 16px;
	background-color: #B2730E;
	color:white;
	padding:5px 5px 5px 20px;
	width:775px;
	position: relative;
	left: -20px;
}

#content h1.plain{

	font-size: 16px;
	background-color: transparent;
	color:#471D06;
	padding:0px;
	width:auto;
	position: block;
	left: 0px;
}

#content .summary_box_wide h1 {
	font-size: 14px;
	background: none;
	color:#471D06;
	padding:0px;
	width:auto;
	position: relative;
	left: 0px;
}


.top_heading {
	font-size: 16px;
	background-color: #B2730E;
	color:white;
	padding:5px 5px 5px 20px;
	width:775px;
	margin-top:20px;
	clear:both;
}

#content #main h1,  #content #right h1{

	font-size: 18px;
	background: none;
	color:white;
	padding:0px;
	width:auto;
	position: relative;
	left: 0px;
}

#content #main_partner h1 {
	font-size: 16px;
	background: none;
	color:#471D06;
	padding:0px;
	width:auto;
	position: relative;
	left: 0px;
}


#content h4 {

	font-size: 13px;
	margin-top:-10px;
	font-weight:normal;

}

#wrapper #content h2 {

	font-size: 14px;
	
	
}

#main_partner h3 {
	font-size:12px;
}

#wrapper #content #main_partner h2 {
	
	float:none;
	margin-bottom:10px;
	margin-right: 0;
	margin-top:20px;
	position:relative;
	top:0px;

}

#content a {
color:#9B5F0D;
}

#content a:hover {
	text-decoration:none;
}


form h4 {
font-size:12px;
padding-top:20px;
}

#translate {
	position:absolute;
	top:40px;
	right:10px;
	width:164px;
	height:27px;
	background:url('/images/buttons/translate_btn.gif') no-repeat;
	z-index:9999999;
}

#translate span {
	display:none;
}

#translate ul {
	display:none;
	position:absolute;
	top:27px;
	left:10px;
	width:133px;
	padding:0 0 10px 0;
	background:#3F3E29;

}

#translate:hover ul {
	display:block;
	background:#3F3E29;
}

#banner #translate ul li{
	display:block;
	text-align:left;
	margin:0;
	padding:0;
}

#banner #translate ul a {
	display:block;
	float:none;
	padding:5px 10px;
	width:111px;
	margin:0;
}

#banner #translate ul a:hover {
	color:white;
	background:#8F7D67;
}


#image_snippet .image {
	text-align:center;
	background-color:#d6cbc4;
}

#image_snippet .image img{
	width:135px;
}

a img {border:none;}

#subForm {
	display:block;
	min-height:90px;
	padding:0 10px;
}

#wrapper #content #subForm label, 
#wrapper  #content #subForm input, 
#wrapper  #content #subForm textarea{
	display:block;
	clear:both;
	float:left;
	margin: 0 0 5px 0;
	width:110px;
}

#footer a {
	color:#471D06;
}

.history_table{
	margin-bottom:20px;
}
.history_table td{
	padding-right:10px;
}

/* volunteer recipients */

.volunteer .copy {
	display:none;
}

.volunteer h3 em{
	font-style: italic;
	font-size:10px;
}

body #content  h3.nav a {
}

.hidden {
  display:none;
}

 
#content .add_another_btn , #content .add_btn {
display:block;
  clear:both;
  	background:#907D68;
	padding:3px 10px;
	width:80px;
	line-height:20px;
	margin-bottom:30px;
	position:relative;
	top:10px;
	
	color:#F8F0E1;
	text-align:center;
	text-decoration:none;
	
	 -moz-box-shadow: 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;

}

#content .add_btn {
	width:150px;
	margin-top:10px;
}

#content .add_another_btn:hover  {

	background:#B2730E;

}

#cross_table_repeater hr{ 
  clear:both;
  margin:0px 0 30px 0;
  position:relative;
  top:10px; 
  color:#D4CCC4; 
  background:#D4CCC4;
}

#content .remove_repeater {
  clear:both;
  display:block;
  color:red;
  text-align:right;
}

.repeater_container {
  clear:both;
  margin:0px 0 30px 0;
  padding:10px 0;
  position:relative;
  top:10px; 
  border-top:solid 1px #D4CCC4; 
  
}

textarea{
	font-family: arial, verdana, san-serif;
	font-size:12px;
	line-height:150%;
}

#listings img, #partner_listings img, .volunteer img, #volunteer_listings img{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



#partner_listings .listing, #volunteer_listings .listing {
	clear:both;
	padding-bottom:10px;
	border-bottom:dashed 1px #D4CCC4; 
	margin-bottom:20px;
}

#partner_listings .img, #volunteer_listings .img {
	width:100px;
	float:left;
	margin-right:20px;
}

#partner_listings .copy {
	width:600px;
	float:left;
}

#volunteer_listings {
	padding-top:20px;
}


#volunteer_listings .copy {
	width:500px;
	float:left;
}

#content #partner_listings h2, #content #volunteer_listings h2 {
	font-size:14px;
	margin-bottom:5px;
	float:none;
	display:block;
}

#content #partner_listings h2 span, #content #volunteer_listings h2 span {
	font-size:12px;
	padding-left:10px;
}	

#partner_listings p, #volunteer_listings p{
	margin-bottom:0;
}

map {
	border:0;
}

/* popp-up registration styles */

#lightbox {
	background:black;
	position:fixed;
	top:0; 
	left:0;
	height:100%;
	width:100%;
	z-index:900000000;
	
	/* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
  display:none;
}

#lightbox_fixed {
	background:#333;
	position:fixed;
	top:0; 
	left:0;
	height:100%;
	width:100%;

}


 .light_box_explanatory_text{
	margin-bottom:20px;
	font-size:16px;
	/*background:#F6EED7; 
	padding:10px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	color:#729BC7;
}

#facebook_login {
	position:fixed;
	top:50px;
	left:50px;
	z-index:900000001;	
	display:none;
	width:600px;
}

.lightbox_close, .omp_register, .facebook_register, .lightbox_back, .lightbox_login_btn {
	float:right;
	display:block;
	background:#729BC7;
	padding:5px 10px;
	color:white;
	text-decoration:none;
	margin-bottom:10px;
}

.omp_register, .facebook_register, .lightbox_login_btn{
	float:left;
	background:#B3740D;
	margin-right:10px;
}

.omp_register:hover, .facebook_register:hover, .lightbox_close:hover, .lightbox_back:hover,.lightbox_login_btn:hover ,
.omp_register.active, .facebook_register.active, .lightbox_login_btn.active{
	background:#666;
}

#OMP_login, #OMP_register {
	width:600px;
	position:fixed;
	top:50px;
	left:50px;
	z-index:900000001;	
	display:none;
	width:600px;
}

#OMP_login form, #OMP_register form{
	background:#F6EED7;
	padding:0 60px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#OMP_login form h2, #OMP_register form h2{
	padding:20px 0;
	font-size:1bpx;
}

/* Popout Registration Forms */


#OMP_login fieldset, #OMP_register fieldset {
	margin-bottom:30px;
	padding: 20px;
	border-color: #D4CCC4;
}

#OMP_login form ol, #OMP_register form ol {
	list-style:none;
	margin-left:0;
}

#OMP_login form #background ol label, #OMP_register form #background ol label{
	width:75px;
}

#OMP_login form input, #OMP_register form input {
	width:100px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}

#OMP_login form ol li, #OMP_register form ol li{
	display:block;	
	clear:both;
}


#OMP_login form .small_label, #OMP_register  form .small_label{
	width: 70px;
}


#OMP_login form ol label, #OMP_register form ol label{
	
	display:block;
	float:left;
	margin-right:5px;
	padding-bottom:10px;
	
	width:100px;
	text-align:right;
	
}

#OMP_login form #submit, #OMP_register form #submit { 
	width:75px;
	margin-top:20px;
}

#recaptcha_area {
	clear:both;
	margin-top:10px;
}

.partner_link{
	color:#729BC7;
	text-decoration:none;
	font-size:14px;
}

.partner_link:hover{
	text-decoration:underline;
}

/* resources */

.resources_row {
	width:750px;
	background:url('/images/resources/resources_middle.jpg') repeat-y;
	margin-bottom:20px;
}

.resources_cell {
	width:320px;
	float:left;
	margin-left:25px;
	padding-bottom:10px;
}

.resources_cell.first {
	margin-right:30px;
}

.resources_row .bottom {
	clear:both;
	background:url('/images/resources/resources_bottom_cap.jpg') no-repeat;
	display:block;
	width:750px;
	height:20px;
}

.resources_row .top {
	clear:both;
	background:url('/images/resources/resources_top_cap.jpg') no-repeat;
	display:block;
	width:750px;
	height:20px;
}

#wrapper #content .resources_cell h2 {
	font-size:14px;
	float:none; margin-bottom:10px;
	
}

#content .teacher_cat a{
	display:block;
	background:#B3740D;
	color:white;
	float:left;
	margin-right:10px;
	text-decoration:none;
	padding:5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;1
}

/* resources */

.resource_row span, .resource_info span {
	padding-right:15px;
}

.resource_row {
	padding:10px 0;
	border-bottom:dashed 1px #471D06;
}

.resource_row .info{
	float:left;
	width:600px;
}

#main_partner .resource_row .info{
	float:left;
	width:250px;
}

#wrapper #content #main_partner .resource_row h2{
	margin-top:0;
}

.resource_info {
	padding:15px 0 0px 0;
}

#content #sort_by_theme, #content #sort_by_age{
	margin:0 0 20px 0;
	float:left;
}

/* sort by */

#sort_by_theme li, #sort_by_age li{
	position:relative;
	top:0;
	left:0;
	display:block;
	height:35px;
	width:195px;
	background:url('/images/resources/resource_sorts.png');
}	

#sort_by_age li{
	background-position:-200px 0;
}

#sort_by_theme li span, #sort_by_age li span {
	display:none;
}	

#content #sort_by_theme li ul, #content #sort_by_age li ul {
	
	position:absolute;
	top:35px;
	left:0;
	border-left:solid 1px #471D06;
	border-right:solid 1px #471D06;
	border-bottom:solid 1px #471D06;
	margin:0 15px;
	
}

#sort_by_theme li ul, #sort_by_age li ul {
	display:none;
}

#sort_by_theme li li , #sort_by_age li li {
	position:static;
	top:0;
	left:0;
	height:auto;
	background: #F4E9D3;
	margin:0;
	width:auto;
}

#sort_by_theme li li a, #sort_by_age li li a{
	display:block;
	width:140px;
	background: #F4E9D3;
	margin:0;
	padding:5px 10px;
}

#sort_by_theme li li a, #sort_by_age li li a {
	text-decoration:none;
	color:#471D06;
}

#sort_by_theme li li:hover a, #sort_by_age li li:hover a {
	background: #3e3e29;
	color: #F4E9D3;
}

#sort_by_theme li:hover ul, #sort_by_age li:hover ul {
	display:block;
}

/* single content */

#content #resource_single h2{
	border-bottom:solid 1px #471D06;
	margin-top:30px;
}

#resource_attachments {
	background: #F4E9D3;
	padding:10px 10px 0 10px;
	line-height:15px;
	width:100%;
}

#resource_attachments td {
	text-align:left;
	padding-right:20px;
}

#resource_attachments a {
	background: url('/images/resources/download.png') no-repeat 12px 0;
	padding:0 0 10px 30px ;
	display:block;
	float:left;
}

#resource_attachments a.img {
	background: transparent;
	padding:0 20px 10px 0;
}	
	

#print_logo {
	display:none;
}

#print_btn {
	float:right;
	background: url('/images/buttons/print.png') no-repeat;
	padding-left:30px;
	line-height:22px;
}

/* Partner registration form */

#content  #partner_registration_form ol label {
	width:300px;
	float:left;
	text-align:left;
	padding-bottom:5px;
	font-size:14px;
}

#content  #partner_registration_form input {
	width:300px;
	float:left;
	clear:both;
	margin-bottom:15px;
	height:20px;
	border:solid 1px #8F7D67;
}

#content  #partner_registration_form #submit {
	border:0;
	background: #B2730E;
	color:white;
}

.error {
	color: #B31F17;
	font-weight:bold;
	font-size:14px;
	border:dotted 1px #B31F17;
	padding:5px;
	background: #FFE2E0;
}

.message {
	color: #107D57;
	font-weight:bold;
	font-size:14px;
	border:dotted 1px #107D57;
	padding:5px;
	background: #E8FFF7;
}