/* body */
body { background: #EEEEDD url(../../img/design/top_stripe_yellow.gif) 0px 0px repeat-x; color: #222; font-size: 115%; }

/* typography */
a { color: #005580; text-decoration: underline; }
a:hover { color: #007DBC; }
h2, h3, h4, h5 { color: #333; }
p { line-height: 1.5em; }
img.left { border: 1px solid #2A455D; }
img.right { border: 1px solid #2A455D; }

/* skip link */
#skip_to_content { background: transparent; color: #005580; text-decoration: underline; }

/* Header */
#wrapper { background: #EEEEDD; border-color: #BBBBA6; }
	#header { padding-top: 60px; background: url(../../img/design/header_yellow.jpg) 340px 43px no-repeat; }
	
		h1 { width: 260px; height: 60px; background: url(../../img/design/self-direct_yellow.gif) 0px 0px no-repeat; margin: -5px 0 5px 16px; }
			h1 img { display: none; }
	
		#style_switcher li a:hover { background: #82827A; }
		#style_switcher li a.active, #style_switcher li a.active:hover { background: #82827A; } 
	
/* Main Navigation */
	#main_navigation { background: #D7D7C0; border-top: 1px solid #BBBBA6; border-bottom: 1px solid #BBBBA6;}
		#main_navigation li a {
			padding: 8px 22px 8px 22px;
			color: #005580;
			border-right: 1px solid #BFBFAC;
			border-left: 1px solid #fff;
			background: #E0E0CC;
			text-decoration: underline; 
		}
		#main_navigation li a:hover { background-color: #FFFFCB; color: #000; text-decoration: underline; }
		
		.home #home_nav, .home #home_nav:hover,
		.about #about_nav, .about #about_nav:hover,
		.resources #resources_nav, .resources #resources_nav:hover,
		.blog #blog_nav, .blog #blog_nav:hover,
		.get-involved #involved_nav, .get-involved #involved_nav:hover,
		.contact #contact_nav, .contact #contact_nav:hover
		{ background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; color: #222; text-decoration: none; }
		

	/* Sub Navigation */
	#sub_navigation {
		background:  transparent;
		float:       left;
		padding-top: 20px;
		width:       28%;
	}		

		#sub_navigation ul {
			font-size: 1em;
		}

			#sub_navigation li {
				border-bottom: 1px solid #BBBBA6;
			}

				#sub_navigation li a {
					background:      url('../../img/design/blog_arrow_yellow.gif') 10px 16px no-repeat;
					color:           #666;
					display:         block;
					text-decoration: none;
					padding:         10px 15px 10px 27px;
				}

				#sub_navigation li a:hover {
					background-color: #FFFFCB;
					color:            #444;
					text-decoration:  underline;
				}

				#sub_navigation li a.active,
				#sub_navigation li a.active:hover {
					background-color: #D7D7C0;
					color:            #444;
					cursor:           default;
					text-decoration:  none;
				}

		#sub_navigation ul li ul {
			font-size:  0.9em;
			list-style: none;
			margin:     0;
			padding:    0;
		}

			#sub_navigation ul li ul li {
				border: none;
			}

				#sub_navigation ul li ul li a {
					background:   url('../../img/design/subnav_arrow_yellow.gif') 25px 16px no-repeat;
					color:        #555;
					padding-left: 40px;
				}

				#sub_navigation ul li ul li a:hover {
					background-position: 20px 16px;
				}

				#sub_navigation ul li ul li a.active,
				#sub_navigation ul li ul li a.active:hover {
					background-color:    #E0E0CC;
					background-position: 20px 16px;
					cursor:              default;
				}
			
/* Home Page */		
#home_intro { background: #EEEEDD; border-bottom: 1px solid #95957F; }
	#home_intro h2 { color: #222; }
	#home_intro h3 { font-size: 1em; color: #222; }
	#home_intro p {  max-width: 37em; }

#home_content {
	background: #EEEEDD;
}

.home_section h3,
#home_resources h3.recent_resources,
#home_feedback h3,
#home_involved h3
{ color: #222; }

.home_section p.see_more a { color: #005580; }


/* Footer */		
#footer { border-top: 2px solid #95957F; }


/* Resources */		
#resources_cats h3 a { color: #005580; text-decoration: underline; }
#resources_cats h3 a:hover { color: #007DBC; }
#resources_cats li h5 { color: #333; }
em.fsize { color: #666; }

/* Blog */		
#blog_sidebar_wrap { border-left: 1px solid #787868; }

	#blog_sidebar h4 { color: #444; }
	#blog_sidebar ul { border-top: 1px solid #95957F; }
		#blog_sidebar ul li {  border-bottom: 1px solid #95957F; }
			#blog_sidebar ul li a { text-decoration: underline; color: #005580; background: transparent; padding-left: 13px; }
			#blog_sidebar ul li a:hover { background-color: #FFFFCB; color: #000; }	
			#blog_sidebar ul li a.active, #blog_sidebar ul li a.active:hover { background-color: #fff; color: #222; }
			
			
#blog_content li p.posted, p.posted { background: #E0E0C7; }
	p.posted span sup { color: #333; }
	p.posted span.month { color: #333; }
	
#blog_content h3 a { color: #005580; text-decoration: underline; }
#blog_content h3 a:hover { color: #007DBC; }

#blog_content p.meta, .blog p.meta { color: #444; }
	#blog_content p.meta a, .blog p.meta a { color: #444; }
	
.blog_message { background: #E9E9C5; }

/* Forms */
form.default { border-color: #D0D072; background: #E9E9D0; }
input.def, textarea.def { border-color: #747467; }

/* Comments */
#discussion { border-color: #D0D072; background: #E9E9D0; }
	#discussion h4 { font-size: 1.2em; padding: 2px 0 2px 20px; background: transparent; }
	
	ul#comments li a.com_number { border-bottom: 1px dotted #005580; color: #005580; }
	ul#comments li p { color: #222; }