/* STANDARD TAG SETTINGS */
.nocss {display:none;}

body, ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {padding:0;margin:0;}
ul, dl, p, h1, h2 ,h3, h4 {margin-bottom:10px;}

ul, ul li {text-align:left;font-size:13px;list-style-type:none;}
ol, ol li {text-align:left;font-size:13px;}

h1 {font-size:21px;}
h2 {font-size:18px;}
h3 {font-size:15px;}
h4 {font-size:13px;}
h5 {font-size:11px;}
h6 {font-size:9px;}

p {font-size:14px;}

img 		{ border:0px; }	
a 			{ text-decoration:none; color: blue;}		
a:hover 	{ }

table { padding:0;margin:0; }
tr {}
th { vertical-align:top;text-align:left;padding:0;margin:0;border:0; }
td { vertical-align:top;text-align:left;padding:0;margin:0;border:0; }


/* World Relief Office: One Great Hour of Sharing */
	
	body
	{
		font-family:	Helvetica, Arial, serif;
	}
	
	#wrapper
	{
		width:			755px;
		margin:			auto;
	}
	
	#header
	{
		position:		relative;
		background:		transparent url(../images/header-fade.png) left top no-repeat;	
		padding-top:	6px;
	}
	
	#organization-logo
	{
		position:		absolute;
		z-index:		900;
		left:			-30px;
	}
	
	#organization-name
	{
		margin-left:	35px;
	}
	
	#organization-name img
	{
		margin-top:		5px;
	}
	
	#nav-bar
	{
		position:		relative;
		clear:			both;
		background:		transparent url(../images/nav-fade.png) left top no-repeat;		
		margin-top:		0px;
		padding:		5px 5px 3px 45px;
		margin-right:	10px;
		height:			26px;
		
	}
	
	#navigation
	{
		display:		inline;
		width:			350px;
		float:			right;
		padding-top:	1px;
		text-align:		right;
		
		
	}
	
	#navigation li
	{
		display:		inline;
		margin-right:	6px;
		text-align:		center;
	}
	
	#navigation li:hover
	{
		background:		#D9D05A;	
	}
	
	#partners
	{
		float:right;
		margin-right: 	10px;
		
	}
	
	#partners li
	{
		display:		block;
		width:			125px;
		float:			left;
		position:		relative;
		margin-right:	0px;
	}
	
	#partners li a 
	{
		font-size:		11px;
		color:			#333;
	}
	
	#partners li:hover a
	{
		color:			#00558C;
	}

	#partners li#im
	{
		width:			150px;
	}
	
	#partners li#nm
	{
		width:			130px;
	}
	
	#partners li img
	{
		float:			left;
		margin-right:	3px;
		opacity:		.4;
	}
	
	
	#footer
	{
		background:		transparent url(../images/footer-fade.png) 415px top no-repeat;
		padding-bottom:	30px;
		clear:			both;
	}
	
	#ways-to-contact
	{
		width:			550px;
		font-size:		11px;
		color:			#495A35;
		background:		transparent url(../images/nav-fade.png) left top no-repeat;		
		padding:		4px 2px 4px 8px;
	}
	
	#ways-to-contact span
	{
		padding-right:	10px;
	}
	
	#ways-to-contact img
	{
		margin:			-5px 3px 0px 0px;
		vertical-align:	middle;
	}
	
	#powered-by
	{
		float:			right;
		margin-right:	30px;
		margin-top:		5px;
	}
	
	#copyright
	{
		font-size:		11px;
		color:			#aaa;
		padding-top:	8px;
		padding-left:	10px;
	}
	
	#copyright a
	{
		color:			#aaa;
	}
	
	#copyright a:hover
	{
		color:			#00558C;
	}
	
	
	#featured #pictures-left
	{
		float:			left;
		position:		relative;
		width:			327px;
		height:			448px;
	}
	
	.slide-show img
	{
		position:		absolute;
	}
	
	
	#featured #pictures-right
	{
		float:			right;
	}
	
	#featured #news-slides
	{
		color:			#fff;
		/*
		margin-left:	328px;
		margin-right:	165px;
		*/
		padding-left:	1px;
		height: 		450px;
		width:			261px;
		overflow:		hidden;
	}
	
	#featured #news-slides a
	{
		color:			#fff;
		border-bottom:	1px dotted #fff;
		
	}
	
	#featured #news-slides a:hover
	{		
		border-bottom:	1px solid #fff;
	}
	
	#featured
	{
		clear:both;
		
	}
	
	#emergency-relief
	{		
		background:		transparent url(../images/featured_sliders/emergency-relief.jpg) left top no-repeat;
	}
	

	
	#refugee-ministries
	{		
		background:		transparent url(../images/featured_sliders/refugee-ministries.jpg) left top no-repeat;
	}
	
	#development-projects
	{		
		background:		transparent url(../images/featured_sliders/development-projects.jpg) left top no-repeat;
	}
	
	#featured #news-slides .drawer h4.label
	{
		height:			25px;
		margin-top:		5px;
		padding:		0px;
		padding-bottom: 0px;
		margin-bottom:	7px;
		
	}
	
	#featured #news-slides .drawer h4.label span
	{
	
		visibility:		hidden;
	}
	
	#featured #news-slides .drawer h1
	{
		margin-top:13px;
	}
	
	#featured #news-slides .drawer h5.date
	{
		margin-top:13px;
		font-weight:normal;
		font-size:10px;
		color:#ffc;
	}
	
	#featured #news-slides .drawer a.more
	{
		font-size:10px;
		color:#ffc;
		float:right;
	}
	
	#featured #news-slides .drawer h3
	{
		font-weight:normal;
		padding-left:8px;
		font-size:12px;
	}
	
	#featured #news-slides .drawer
	{
		padding:		0px 10px 15px 10px;
		margin-bottom:	2px;
		overflow:		hidden;
		height:			133px;
	}
	
	
	#content
	{
		margin-top:		20px;
		margin-bottom:	20px;
		width:			500px;
	}
	
	#content h1.head
	{
		background:		transparent url(../images/content/header.jpg) left top no-repeat;
		color:			#fff;
		padding:		40px 70px 10px 100px;
		min-height:		61px;
		margin:			0;
		font-size:		24px;
		font-weight:	normal;
	}
	
	#content .body
	{
		margin:			0;
		border:			1px solid #ccc;
		padding:		10px 25px 25px 25px;
		min-height:		300px;
	}
	
	#content .body p
	{
		line-height:	24px;
	}
	
	#content .body img
	{
		max-width:		300px;
		float:			left;
		margin-left:	-25px;
		margin-right:	10px;
		margin-bottom:	10px;
	}
	
	#aside
	{
		width:			225px;
		float:			right;
		margin-top:		130px;
		margin-bottom:	30px;
	}
	
	#aside ul li
	{
		margin-bottom:	7px;
		padding-left:	7px;
	}
	
	
	#aside h3
	{
		color:			#00757D;
	}
	
	#content .body a
	{
		color:			#00757D;
		border-bottom:	1px dotted #00757D;
	}
	
	#content .body a:hover
	{
		border-bottom:	1px solid #00757D;
	}
	
	#aside a
	{
		color:			#333;
		border-bottom:	1px dotted #333;
	}
	
	#aside a:hover
	{
		border-bottom:	1px solid #333;
	}
	
	#personal
	{
		font-size:		11px;
		text-align:		right;
		
		padding:		5px 20px 5px 10px;
		margin:			5px 0px 5px 0px;
	}
	
	#personal a
	{
		color:			blue;
		cursor:			pointer;
	}
	#login_form
	{
		font-size:		10px;
	}
	
	#login_result
	{
		color:			red;
	}
	
	#login_form input[type=text],
	#login_form input[type=password]
	{
		width:			100px;
		border:			1px solid #ccc;
	}
	
	#login_form input[type=submit]
	{
		font-size:		10px;
		width:			50px;
		border:			1px solid #ccc;
	}
	
	.status
	{
		position:		fixed;
		top:			0;
		left:			50%;
		width:			200px;
		margin-left:	-100px;
		
		text-align:		center;
		display:		none;
		background:		#ffffcc;
		padding:		3px 0;
	}
	
	.editable.on 
	{
		background:		#eeffff url();
	}
	
	#personal .editing
	{
		display:		none;
	}
	
	#inspector
	{
		display:		none;
		position:		fixed;
		
		right:			10px;
		top:			100px;
		width:			150px;
		background:		transparent url(../images/opac80lt.png) left top repeat;
		border:			1px solid #ccc;
		
		
		z-index:		950;
		text-align:		left;
		height:			auto;
		-moz-box-shadow: 2px 2px 2px #DDDDDD
		-webkit-box-shadow: 2px 2px 2px #DDDDDD
		
		
	}
	
	#inspector .nav
	{
		text-align:		left;
		line-height:	24px;
		
		background:		transparent url(../images/opac80.png) left top repeat;
		
		
	}
	
	#inspector .nav a
	{
		padding:		3px;
		color:			blue;
	}
	
	#inspector .nav a.current
	{
		background: 	#ccc url();
		color:			blue;
	}
	
	#inspector .nav a:hover
	{
		background: blue url();
		color:			#ffffff;
	}
	
	#inspector .section
	{
		background:		transparent url(../images/opac80.png) left top repeat;
		margin:			2px;
		padding:		3px;
	}
	
	#inspector .handle
	{
		width:			10px;
		height:			10px;
		float:			left;
		background:		transparent url(../images/grip.png) left top repeat;
		cursor:			move;
	}
	
	#inspector > .handle
	{
		width:			100%;
		height:			10px;
		background:		url() left top repeat;
		border-bottom:	1px solid #ccc;
	}
	
	#inspector .file-list .handle
	{
		width:			16px;
		height:			100%;
		float:			auto;
		background:		transparent url(../images/document.png) left top no-repeat;
		cursor:			move;
		position:		absolute;
		top:			0;
		left:			0;
		
	}
	
	#inspector .ui-resizable-handle
	{
		width:			16px;
		height:			16px;
		background: 	transparent url("http://static.jquery.com/ui/css/demo-docs-theme/images/222222_256x240_icons_icons.png") no-repeat scroll -80px -224px;
		position:		absolute;
		bottom:			0;
		right:			0;
	}
	
	li.document.ui-draggable-dragging
	{
		list-style:		none;
		font-size:		12px;
		opacity:		.8;
		background:		transparent url(../images/document.png) left top no-repeat;
		padding-left:	18px;
		
	}
	
	li.document.ui-draggable-dragging .description
	{
		display:		none;		
	}
	
	.match-tag
	{
		cursor:			pointer;
		padding:		3px;
	}
	
	.match-tag.hovering
	{
		padding:	2px;
		border:			1px solid blue;
	}
	
	.media-list 
	{
		min-height:		15px;
	}
	.media-list > li
	{
		position:		relative;
	}
	
	.media-list.drophover 
	{
		background:		#eeffff url();
	}
	
	.media-list > li .handle
	{
		width:			16px;
		height:			16px;
		background: 	transparent url(http://static.jquery.com/ui/css/demo-docs-theme/images/222222_256x240_icons_icons.png) center center no-repeat;
		background-position: -128px -48px;
		position:		absolute;
		top:			0;
		right:			13px;
		cursor:			move;
	}
	
	.media-list > li .remove
	{
		width:			16px;
		height:			16px;
		position:		absolute;
		top:			0;
		right:			0px;
		background: 	transparent url("http://static.jquery.com/ui/css/demo-docs-theme/images/222222_256x240_icons_icons.png") no-repeat scroll -80px -208px;
		cursor:			pointer;
	}
	
	#inspector #element 
	{
		margin:			2px;
		padding:		5px;
		position:		relative;
	}
	
	#inspector #element form
	{
		display:		inline;
	}
	
	#inspector #element input
	{
		border:			1px solid #ccc;
		width:			100%;
	}
	
	#inspector #element textarea
	{
		border:			1px solid #ccc;
		width:			100%;
	}
	
	#search .file-list li 
	{
		padding:		3px 3px 0px 18px;
		margin-bottom:	5px;
		position:		relative;
	}
	
	#search .file-list li .description
	{
		display:		none;
	}
	
	#search .file-list li .title
	{
		font-size:		13px;
	}
	
	#stats
	{
		padding:	10px;
		
	}
	
	#stats p
	{
		font-size:		12px;
		
	}
	
	input.filebrowser
	{
		position:		absolute;
		width:			10px;
		height:			20px;
		opacity:		0;
		z-index:		990;
	}
	
	
	
	iframe.filebrowser_target
	{
		
		height:			1px;
		width:			1px;
		
		
	}
	
	#inspector .text-format
	{
		cursor:			pointer;
	}
	
	#inspector #uploads
	{
		padding-top:	15px;
		position:		relative;
	}
	
	#inspector #uploads form label
	{
		padding:		3px;
		color:			blue;
	}
		
	#inspector #uploads form:hover label
	{
		background: blue url();
		color:			#ffffff;
	}
	
	
	#inspector #uploads form
	{
		position:	absolute;
		cursor:			pointer;
		top:		0;
		left:;
		height:		15px;
		padding-top:	5px;
	}
	
	#inspector #uploads input.filebrowser
	{
		position:		absolute;
		top:			0;
		left:			0;
		width:			100%;
		height:			100%;
		opacity:		0;
		z-index:		990;
		
	}
	
	#inspector #uploads iframe
	{
		height:		1px;
		width:		1px;
		visibility:	hidden;
	}
	
	
	
	#popup
	{
		background:	transparent url(../images/opac80lt.png);
		border:		1px solid #E1F4A1;	
		position:	fixed;
		top:		0;
		left:		0;
		width:		100%;
		height:		100%;
		z-index:	980;
	}
	
	#popup .content
	{
		background:	#F5FCDC url();
		border:		1px solid #E1F4A1;	
		position:	absolute;
		top:		100px;
		left:		50%;
		width:		300px;
		height:		auto;
		margin-left:-150px;
	}
	
	#popup .close
	{
		position:	absolute;
		top:		75px;
		left:		50%;
		margin-left:-20px;
		text-align:	center;
		padding-top:	4px;
		height:		13px;
		width:		40px;
		font-size:	10px;
		background:	#E1F4A1 url();
		border:		1px solid #E1F4A1;
		
	}

	#popup .content ul.new_types 
	{
		width:		100%;
		display:	table;
	}
		
	#popup .content ul.new_types li
	{
		background:		transparent url(../images/document.png) center 10px no-repeat;
		padding-top:	30px;
		text-align:		center;
		display:		table-cell;
		color:			#333333;
		font-size:		12px;
	}
	
	#popup .content ul.new_types li.uploader form
	{
		position:	relative;
		cursor:			pointer;
	}
	
	.new_types input.filebrowser
	{
		position:		absolute;
		top:			0;
		left:			0;
		width:			100%;
		height:			100%;
		opacity:		0;
		z-index:		990;
		
	}
	
	#popup .content .titled
	{
		display:		none;
		padding:		20px;
		margin:			3px;
		background:		#ffffff url();
	}
	
	
	
	#popup .content .titled label
	{
		font-size:	12px;
	}
	
	#popup .content .titled input[type="text"] {
		border:1px solid #CCCCCC;
		font-size:16px;
		height:20px;
		margin:5px 0;
		padding:3px;
		width:240px;
	}
	
	#popup .content ul.new_types li.divider
	{
		background:		transparent url();
		border-left:	1px dotted black;
		margin-left:	5px;
		margin-right:	5px;
		
		width:			1px;
				
	}