/*---------------------------------------------------------------
 NJ Coalition For Darfur
 Modified: 3/22/07
 
 By:	Mike Green
 Email:	mike@fifthroomcreative.com
---------------------------------------------------------------*/

* {margin:0; padding:0;}
a img {border:none;}
body {
	text-align:center; 
	background:url(../images/body_bg.gif) top left repeat-x; 
	margin:0; 
	padding:0;
	}
h1 {margin:18px 0;}
h2 {margin:15px 0;}
input {padding-right:15px;}
img.right {float:right; border:solid #766729 1px; padding:3px; margin-left:10px;}
img.left {float:left; border:solid #766729 1px; padding:3px; margin-right:10px;}


#outer_wrapper {
	width:946px; 
	background: url(../images/wrapper_bg.png) top center repeat-y; 
	margin:auto; 
	padding:0;
	}
#inner_wrapper {
	width:900px; 
	position:relative; 
	top:0; 
	left:23px; 
	margin:0; 
	padding:0;
	} 

/*=Page Header
---------------------------------------------------------------*/
#header {
	text-align: left; 
	width:900px; 
	height:344px; 
	background: url(../images/header_bg.gif) top left repeat-x;
	}
#header_img {
	margin:0; 
	padding:0;
	}
#header_img img {
	display:inline; 
	padding-top:40px; 
	float:left; 
	margin:0;
	}

/*=Navigation
---------------------------------------------------------------*/
#nav {
	width:900px; 
	text-align:center; 
	position:relative; 
	left:0; 
	top:310; 
	height:39px; 
	line-height:48px;
	padding-left:16px;
	}
#nav li {
	display:inline; 
	list-style:none; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:20px; 
	font-weight:bold; 
	padding-right:30px; 
	letter-spacing:1px; 
	font-variant:small-caps;
	}
#nav li.last {padding-right:0;}
#nav a:link{
	color:#FCF5D5;
	text-decoration:none;
	}
#nav a:visited {
	color:#FCF5D5; 
	text-decoration:none;
	}
#nav a:hover {
	color:#FCF5D5; 
	border-bottom:solid #FCF5D5 1px;
	}
#nav a:active {
	color:#FCF5D5; 
	text-decoration:none;
	}

#side_nav {
	margin:0;
	padding:0;
	width:291px;
	}
#side_nav ul {
	margin-left:0; 
	padding:0; 
	width:250px;
	}
#side_nav li {
	list-style:none; 
	text-align:left; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:22px; 
	letter-spacing:1px; 
	margin:0; 
	padding-left:0; 
	width:250px; 
	height:39px;
	}
#side_nav a:link {
	color:#433B17; 
	font-variant:small-caps; 
	text-decoration:none; 
	font-weight:bold; 
	background: url(../images/side_nav_bg.gif) bottom left no-repeat; 
	width:250px; 
	height:39px; 
	display:block; 
	padding-top:15px; 
	padding-bottom:5px;  
	vertical-align:bottom;
	}
#side_nav a:visited {
	color:#433B17; 
	font-variant:small-caps; 
	font-weight:bold; 
	text-decoration:none; 
	background: url(../images/side_nav_bg.gif) bottom left no-repeat; 
	width:250px; 
	height:39px; 
	display:block; 
	padding-top:15px; 
	padding-bottom:5px; 
	vertical-align:bottom;
	}
#side_nav a:hover {
	color:#433B17; 
	font-variant:small-caps; 
	font-weight:bold; 
	text-decoration:none; 
	background: url(../images/side_nav_bg_act.gif) bottom left no-repeat;
	width:250px; 
	height:39px; 
	display:block; 
	padding-top:15px; 
	vertical-align:bottom;
	}
ul#nav_events {display:inline; font-variant:small-caps; list-style:none; margin:0; padding:0;}
ul#nav_events li {display:inline; list-style:none; font-size:16px; margin:0 4px 20px 0; padding:0;}
li.active {color:#433b17; font-weight:bold; text-decoration:underline;}

	
/*=Content Area
---------------------------------------------------------------*/
#main {
	text-align:left; 
	width:900px; 
	padding-right:15px; 
	margin-top:15px;
	}

/*=Sidebar
---------------------------------------------------------------*/
#sidebar {
	float:left; 
	width:322px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#433B17; 
	background:none; 
	margin-left:15px;
	}
h1#head_events_sm {
	background:url(../images/header_upcomingevents_sm.gif) no-repeat top left; 
	text-indent: -3000px; 
	width:294px; 
	height:36px; 
	margin-top:0;
	}
h1#head_stayinformed_sm {
	background:url(../images/header_stayinformed_sm.gif) no-repeat top left;
	text-indent:-3000px;
	width:294px;
	height:36px;
	margin-top:0;
	}
#cal_legend {
	margin-left:18px;
	}
#sidebar ul {
	margin:10px 10px 15px 15px; 
	line-height:120%; 
	width:250px;
	list-style:none;}
#sidebar li {margin-bottom:5px; margin-right:15px;}
#form {
	width:80%;
	margin-left:-30px;
	}
input[type="text"] {
	width:220px; 
	height:22px; 
	font-family:Georgia, Times;
	font-size:17px;
	padding:2px 3px 0 3px;
	color:#433b17;
	border:solid #433B17 2px;
	background-color:#fff;
	}
input[type="submit"] {
	text-indent:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:8px;
	}


/*=Main Content Area
---------------------------------------------------------------*/
#copy {
	width:540px; 
	margin-left:340px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#433B17;
	}
#copy p {padding:0 15px 0 17px; line-height:165%; margin-top:20px;}
#copy span.dropcap {float:left; font-size:70px; line-height:50px;}
#copy ul {margin-left: 23px; line-height:165%;}
#copy li {margin:0 0 15px 10px; line-height:125%;}
#copy li a {color:#766729;}
#copy li a:visited {color:#766729;}
#copy li a:hover {color:#433B17;}
#copy li a:active {color:#766729;}
#copy h2 {
	font-family:Georgia, Arial, Helvetica, sans-serif; 
	font-variant:small-caps; 
	font-size:20px;
	letter-spacing:1px;
	}
#biglist {margin-top:10px;}
#copy a:link, a:visited {
	color:#766729;
	}
#copy a:hover {
	text-decoration:underline;
	color:#433B17;
	}
#bottom_corners {
	background:url(../images/bottom_corners.png) top center no-repeat; 
	line-height:44px;
	}
#subscribe {margin-top:10px;}
#subscribe form {margin-left:60px;}
#cal_blog {margin:15px 0px 10px 102px;}
#cal_blog #legend {padding-left:20px;}
#list_blog {margin:5px 0px 0px 30px;}
p.hint {margin:0 0 3px 5px; text-align:center; font-size:small;}
.announce {
border:2px solid #993333;
padding:0 8px 10px 8px;
text-align:center;
background-color:#ffffff;
width:400px;
margin:20px 0 20px 60px;
}
.announce p {line-height:110%; text-align:justify;}
	
/* use this class on a link that opens in a new window, also add title="Opens New Window" to the link */
.new_window {padding-right:26px; background-image:url(../images/new_window.gif); background-repeat: no-repeat; background-position: right top;}
.new_window:hover {background-position:right -18px;}
	
	
/* padding for an underline between events in the upcoming events page */	
.event_line {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*=Section H1 Headers
---------------------------------------------------------------*/
h1#head_aboutus {
	background:url(../images/header_aboutus.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_aboutdarfur {
	background:url(../images/header_aboutdarfur.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_calendar {
	background:url(../images/header_calendar.gif) no-repeat top left;
	text-indent:-3000px;
	width:540px;
	height:36px;
	}
h1#head_contact {
	background:url(../images/header_contactus.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_events {
	background:url(../images/header_upcomingevents.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_links {
	background:url(../images/header_links.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_photos {
	background:url(/images/header_photos.gif) no-repeat top left; 
	text-indent:-3000px; 
	width:540px; 
	height:36px;
	}
h1#head_restaurants {
	background:url(../images/header_restaurants.gif) no-repeat top left;
	text-indent:-3000px;
	width:540px;
	height:36px;
	}
h1#head_stayinformed {
	background:url(../images/header_stayinformed.gif) no-repeat top left;
	text-indent:-3000px;
	width:540px;
	height:36px;
	}
h1#head_welcome {
	background:url(../images/header_welcome.gif) no-repeat top left; 
	text-indent: -3000px; 
	width:540px; 
	height:36px;
	}

/*=Footer
---------------------------------------------------------------*/
#footer {
	clear:both; 
	background:url(../images/footer_bg.gif) no-repeat top; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#766729; 
	font-size:16px; 
	padding: 28px 15px 10px 15px; 
	line-height:23px;
	margin-top:35px;
	}
#footer p {
	padding-right: 20px; 
	padding-left: 20px;
	font-variant:small-caps;
	}
#footer a:link {font-family:Georgia, "Times New Roman", Times, serif; color:#766729; font-size:14px;}
#footer a:visited {font-family:Georgia, "Times New Roman", Times, serif; color:#766729; font-size:14px;}
#footer a:hover {font-family:Georgia, "Times New Roman", Times, serif; color:#433B17; font-size:14px;}