/*
	LAZARUS GROUP CMS - www.lazarusgroup.com
	Created: December 2008
	Website Designer: Leslie Emerson
	Modified: Aug/Sept 2009
	Project: YouthLeadWeb.org

	2ndary Mod: T Scott Phelps
	2ndary Mod Date: Sept 2009

	::::::: TOC :::::::
	^ RESET
	^ GLOBALS
	^ STRUCTURE
	^ NAVIGATION
		-PERSISTENT STATE
	^ CONTENT STYLES
		-HEADER
		-SIDEBAR
		-CONTENT
	^ TYPOGRAPHY
	^ CMS STYLES
	^ EXTRAS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*========================================================
	^ RESET
==========================================================*/

* { padding: 0; margin: 0; }
a { outline: none; }

/*========================================================
	^ GLOBALS
==========================================================*/
html, body { height: 100%; }

/*========================================================
	^ STRUCTURE
==========================================================*/

body {
	background: #c35603 url(/images/background.jpg) center left repeat-x;
	color: #000;
	font: 63.5%/1.4em "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 958px;
	}

#head {
	background: transparent url(/images/head_bg.jpg) bottom left no-repeat;
	height: 160px;
	width: 950px;
	position: relative;
	}

#content-wrap {
	background: transparent url(/images/content_bg.jpg) 0 0 repeat-y;
	height: auto;
	width: 950px;
	overflow: auto;
	}

	#side { 
		display: inline;
		width: 230px;
		margin-bottom: 10px;
		}

	#content {
		display: inline;
		width: 655px;
		}
	
	/* Classes to Switch Column Sides in Profile Area */
	.left { float: left; }
	.right { float: right; }
	.margin_left { margin-left: 24px; }
	.margin_right { margin-right: 8px; }

#footer {	
	background:transparent url(images/foot_bg.jpg) 0 0 no-repeat;
	clear: both;
	height: 78px;
	width: 958px;
	margin: 0 auto;
	}
	
	
/*========================================================
	^ NAVIGATION
==========================================================*/
#navigation {  
	background: transparent url(/images/navigation.gif) 0 0 no-repeat;
	height: 34px;
	width: 645px;
	position: absolute;
		right: 11px;
		bottom: 21px;
	background-position: 0 -238px;
	}

	#navigation li { 
		display: inline;
		height: 34px;
		list-style-type: none;
		text-align: center;
		}

		#navigation li a {
			display: block;
			float: left;
			height: 34px;
			text-decoration: none;
			color: #fff;
			font-size: 14px;
			line-height: 37px;
				text-shadow: 0 1px 1px #11228F;
			text-align: center;
			}

			#navigation li a.home { width: 91px; }
			#navigation li a.about { width: 79px; }
			#navigation li a.resource { width: 124px; }
			#navigation li a.ula { width: 54px; }
			#navigation li a.yc { width: 66px; }
			#navigation li a.pj { width: 52px; }
			#navigation li a.contact { width:106px; }
			#navigation li a.help { width: 73px; }

				#navigation li a:hover { text-decoration: underline; }

/* PERSISTENT STATE */
body#about #navigation { background-position: 0 -204px; }
body#resources #navigation { background-position: 0  -170px; }
body#ula #navigation { background-position: 0  -136px; }
body#yc #navigation { background-position: 0 -102px; }
body#pj #navigation { background-position: 0 -68px; }
body#contact #navigation { background-position: 0 -34px; }
body#help #navigation { background-position: 0 0; }


/*========================================================
	^ CONTENT STYLES
==========================================================*/
/* HEADER */
#dashboard {
		width: 277px;
		height: 51px;
		position: absolute;
			top: 10px;
			right: 50px;
		}
	
	#dashboard li {
		display: inline;
		height: 51px;
		list-style-type: none;
		}

	#dashboard a {
		color: #fff;
		display: block;
		height: 51px;		
		float: left;
		font-size: 13px;	
		text-decoration: none;
		text-align: center;
			text-shadow: 0 1px 1px #CF6A19;
		}
		
	#dashboard .login {
		line-height: 51px;
		background: transparent url(/images/login_btn.jpg) top left no-repeat;
		width: 132px;
		}	
		
	#dashboard .dash {
		background: transparent url(/images/dash_btn.jpg) top left no-repeat;
		width: 145px;
		line-height: 51px;
		}
		
	#dashboard a:hover {
		background-position: top right;
		}


/* SIDEBAR */

/* NEWS BOXES */
#side .dashboxhead_2,
#side .dashboxbase_2,
#side .dashboxmiddle_2,
#side .dashboxhead,
#side .dashboxbase,
#side .dashboxmiddle {
	width: 228px;
	float: left;
	}

#side .dashboxbase,
#side .dashboxbase_2 { padding-bottom: 5px; }

#side .dashboxhead_2 { background: transparent url(/images/dash_box_top_2.jpg) 0 0 no-repeat; }
#side .dashboxbase_2 { background: transparent url(/images/dash_box_bottom_2.jpg) bottom left no-repeat; }
#side .dashboxmiddle_2 { background: transparent url(images/dash_box_middle_2.jpg) top left repeat-y; }

#side .dashboxhead { background: url(images/dash_box_top.jpg) top left no-repeat; }
#side .dashboxbase { background: url(images/dash_box_bottom.jpg) bottom left no-repeat; }
#side .dashboxmiddle { background: url(images/dash_box_middle.jpg) top left repeat-y; }

#side h4 { border: none; margin-bottom: 10px; }

#side h4 a {
	display: block;
	width: 228px;
	height: 50px;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	}

#side .dashboxbase h4 a { text-shadow: 0 1px 1px #3f3f3f; }
#side .dashboxbase_2 h4 a { text-shadow: 0 1px 1px #9F4300; }

#side .dashboxbase h4 a:hover { color: #3f3f3f; text-shadow: 0 1px 1px #fff; }
#side .dashboxbase_2 h4 a:hover { color: #9F4300; text-shadow: 0 1px 1px #fff; }

#side h5 { margin-bottom: 3px; }

#side h5 a {
	font-size: 16px;
	color: #c35603;
	text-decoration: none;
	margin-left: 20px;		
	font-weight: bold;
}

	#side p,
	#side ul {
		padding: 0px 25px;
		font: 11px/13px Tahoma, Verdana, sans-serif;
		}
	
	#side ul li { list-style: none outside }

	#side .dashbox1 {
		background-image: url(images/whole_dashbox_1.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		width: 228px;
		height: 234px;
		float: left;	
	}

/* SIDEBAR BUTTONS */
#side .button { 
	display: block;
	height: 60px;
	width: 228px;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
	float: left;
	line-height: 60px;
		text-shadow: 0 1px 1px #fff;
	}

	#side .color1 { 
		background: transparent url(images/dash_cta_orange.jpg) top left no-repeat;
		color: #9F4300;
		}
	#side .color2 { 
		background: transparent url(images/dash_cta_grey.jpg) top left no-repeat;
		color: #3f3f3f;
		}

	#side a.color1:hover { color: #fff; text-shadow: 0 1px 1px #9f4300; }
	#side a.color2:hover { color: #fff; text-shadow: 0 1px 1px #7F7F7F; }



/* FOOTER */
#footer ul {
	width: 900px;
	margin: 0 auto;
	padding-top: 35px;
	height: 35px;
	}

#footer ul li {
	list-style-type: none;
	display: inline;
	padding: 5px 15px;
	height: 35px;
	}
	
#footer ul li a,
#footer ul li a:visited {
	color: #fff;	
	line-height: 35px;	
	font-size: 15px;
	font-weight: normal;	
	padding: 0 17px;
	border: none;
	text-decoration: none;	
	}

#footer ul li a:hover {	
	color: #e4e4e4;
	text-decoration: underline;
	}


/* ^Typography */
hr {
color: #8cc63f; 
margin-top: 20px;
margin-bottom: 20px;
}

h1 {
	font-size: 2.3em;
	line-height: 2em;
	letter-spacing: -.8px;
	color: #c35603;
	font-weight: normal;
	}

h2 {
	font-size: 2.1em;
	letter-spacing: -.8px;
	line-height: 1.6em;
	color: #c35603;
	font-weight: normal;
	margin-bottom: 15px;
	border-bottom: 1px solid #eea874;
	}

h3 {
	font-size: 1.8em;
	letter-spacing: -0.3px;
	line-height: 2em;
	color: #223e99;
	font-weight: normal;
	
	}

h4 { 
	font-size: 1.8em;
	letter-spacing: -0.1px;
	color: #223e99;
	font-weight: normal;
	border-bottom: 1px solid #223e99;
	}

h5 { 
	color: #363636;
	font-size: 1.4em;	
	letter-spacing: -0.1px;
	}
	
h6 { 
	color: #363636;
	font-size: 1.4em;	
	letter-spacing: -0.1px;
	border-bottom: 1px solid #363636;
	}

p { 
	margin: 0 10px 16px;
	line-height: 1.42em;
	font-size: 1.3em;
	letter-spacing: .01em;
	font-family: Arial, sans-serif;
	color: #221c0e;
	}

img { margin: 10px; }

a, a:visited {
	color: #000;
	}

a:hover {
	text-decoration: none;
	}

pre { color: #5F5F5F; font-size: 13px; margin: 0 0 16px 0;}

#content ol { margin: 0 0 16px 50px; }

#content ul { margin: 0 0 16px 50px; }

#content li { font-size: 14px; line-height: 1.42em; }

#content ul li ul { margin: 0; }

#content ul li ul li { font-size: 14px; line-height: 1.42em; margin: 0 0 0 16px; }
	
/* ^CMS */

/* actionline */
.actionline {float: right; }

.actionline li {
	list-style: none outside;
	display: inline;
	width: 20px;
	height: 14px;
	line-height: 14px;
	}

.actionline a {padding: 0 14px; margin: 0 0 0 7px;}

.back {background: url(/images/arrow_left.gif) 0 7px no-repeat; border-right: 1px solid;}
.print {background: url(/images/printer.gif) 0 7px no-repeat; border-right: 1px solid;}
.email {background: url(/images/mail.gif) 0 7px no-repeat;}

/* email article */
form { font-size: 1.4em; }

fieldset {
	border: 1px solid #d6d6d6;
	width: 600px;
	margin: 0 0 2em 0;
	padding: 14px 0;
	}

legend span { font-size: 1.2em; background-color: #fff; padding: 0 14px; }

form ul {
	margin: 30px;
	}

form li {
	list-style: none outside;
	line-height: 1.42em;
	margin: 1em 0;
	height: auto;
	}

.error, .yield, .success { border: 1px solid; padding: 10px; margin-bottom: 10px; }

#content .error { background-color: #BF0000; border-color: #7F0000; /*margin-left: 177px;*/ }
#content .yield { background-color: #FFD100; border-color: #BF9D00 ; color: #000; }
#content .success { background-color: #2EBF00; border-color: #1B6F00 ; }

.error p, .yield p, .success p, .success h3 { padding: 0; margin: 0; }

.error p, .success p, .success h3 { color: #fff; }



#content form li.error { margin-bottom: -15px; }
form p { font-size: 14px; }
form em {font-size: 14px;}
legend { padding: 6px; font-size: 19px; }
label { text-align: right; float: left; display: block; margin-right: 16px; width: 160px; line-height: 28px; }
input,textarea { border: 1px solid #9f9f9f; width: 300px; line-height: 1.42em; }
input { height: 25px; padding: 2px 0 0 2px; }
textarea { height: 200px; }
.submit { width: 150px; float: right; margin: 0 150px 0 0 ; height: 40px;}

/* ^Extras */
	/*media library images*/
	
.media_lib_image_left {
float: left;
margin: 0px 30px 3px 20px;
padding-right: 0px;
}

.media_lib_image_right {
float: right;
margin: 3px 20px 3px 3px;
padding-left: 20px;
}

.media_lib_image_center {

margin: 3px 3px 3px 3px;
padding-right: 20px;
padding-left: 20px;
}

.media_lib_image {
margin: 3px 3px 3px 3px;
}

cite {
color: #000;
font-style: normal;
padding-left: 10px;
font-size: 13px;
}

dl {  border: 1px solid #767EC9; margin: 14px 0; }
dt { font-size: 16px; font-weight: bold; padding: 6px; margin-bottom: 6px; background-color: #B3B9EF; color: #fff; border-bottom: 1px solid #767EC9; text-shadow: 0 1px 1px #8189CF;  }

dt span { font-size: 11px; font-style: italic; color: #07116F; text-shadow: none; }

dd { font-size: 12px; margin-bottom: 9px; padding: 8px; }


/* RSS FEED 10/9/2009 */
.feed { width: 325px; float: left; }
#content .feed ul {
	border: 1px solid #CFCFCF;
	list-style-type: none; 
	margin: 8px;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-raidus: 3px;
	}

#content .feed ul li { margin: 6px 0; font-size: 12px; padding: 10px; color: #2f2f2f; }
#content .feed ul li.feedtitle { margin: 0; padding: 4px; border-bottom: 1px solid #CFCFCF; background-color: #eeeeee; }
.feed h4 { color: #7f7f7f; font-size: 12px; border-bottom: none; font-weight: bold; text-transform: uppercase; }
.feed h5 { font-size: 14px; }
.feed h5 a { text-decoration: none; }
.feed h5 a:hover { text-decoration: underline; }
.feed span { color: gray; font: 10px/14px Tahoma, Arial, sans-serif; }

#side .feed { width: 225px; }
#side .feed h5 a { margin: 0; }
#side .feed ul { margin-bottom: 24px; }