@charset "UTF-8";
/* 

Title: Minneapolis Youth Coordinating Board (YCB)
Author: (r)This site runs like Clockwork (http://www.clockwork.net)
Update: October 13th 2009

 */

html, body, h1, h2, h3, h4, h5, ol, ul, li, p, img, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* IE6/7/8 - Must be first */  
@font-face {  
  font-family: "Museo Sans 500" ;  
  src: url( ../fonts/MuseoSans-500.eot );  
}  
 
/* FFx3.5/Safari/Op10 - Next */  
@font-face {  
  font-family: "Museo Sans 500" ;  
  src: url( ../fonts/MuseoSans-500.ttf ) format("truetype");  
}

input {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	background: #d8e6e7;
	font-family: "Museo Sans 500", "Helvetica", "Arial", sans-serif;
	font-size: 10px;
}

/* STRUCTURE
************************************/

#page_top {
	background: #fff url(../images/bg_main.png) top left repeat-x;
	min-height: 715px;
}
	#internal #page_top {
		background: #fff url(../images/bg_internal_main.gif) top left repeat-x;
	}

#head, #main_content, #footer, #wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#head {
	height: 181px;
	overflow: hidden;
}

#main_content {
	font-size: 1.2em;
	color: #202020;
	line-height: 1.5em;
	padding: 0 0 43px;
}

#footer {
	font-size: 1.2em;
	height: 107px;
	color: #616a6b
}

/* COMMON ELEMENTS
************************************/
h1 {
	font-size: 2.333em;
	color: #000;
	margin: 18px 0 28px;
	font-weight: normal;
	line-height: 1.1em;
}

h2 {
	font-size: 2.333em;
	color: #3d8c00;
	margin: 18px 0 28px;
	font-weight: normal;
	line-height: 1.1em;
}

h3 {
	font-size: 1.5em;
	color: #000;
	margin: 20px 0;
	font-weight: normal;
}

h4 {
	color: #3d8c00;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 20px 0 11px;
}

h5 {
	font-size: 1.166em;
	color: #6c7475;
	margin: 10px 0;
	text-transform: uppercase;
}

h6 {
	font-size: 1.083em;
	color: #202020;
	margin: 10px 0;
}

p {
	margin: 20px 0;
}

a {
	color: #3d8c00;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #6BC229;
	text-decoration: none;
}

#left_content ul,
#left_col ul,
#right_col ul,
#main_content ul
 {
	margin: 0 0 20px 20px;
}
#sub_nav ul {
	margin: 0;
}
#footer a, #head a {
	font-weight: normal;
	text-decoration: underline;
}

.clear {
	clear: both;
}

.image_component.left, .image_link_component.left {
	margin-right: 7px;
}

.image_component.right, .image_link_component.right {
	margin-left: 7px;
}

#logo {
	width: 199px;
	height: 79px;
	position: absolute;
	top: 75px;
	left: 10px;
	overflow: hidden;
	margin: 0;
}

#logo a {
	display: block;
	height: 79px;
	text-indent: -1000px;
	outline: none;
	background: url(../images/icn_logo.png) no-repeat top left;
}

#search {
	position: absolute;
	top: 10px;
	right: 19px;
	z-index: 500;
}

#search_input {
	width: 116px;
	height: 19px;
	background: url(../images/bg_search_box.png) no-repeat top left;
	border: none;
	float: left;
	padding: 7px 8px 0;
}

#btn_search {
	width: 64px;
	height: 22px;
	background: url(../images/btn_search.png) no-repeat top left;
	border: none;
	margin: 2px 0 0 3px;
}

.content_block {
	height: 301px;
	width: 300px;
	float: left;
	background: #ccc;
}

.btn_facebook {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icn_facebook.png) no-repeat top left;
	text-indent: -1000px;
	float: left;
	margin-right: 7px;
}

.btn_email {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icn_mail.png) no-repeat top left;
	text-indent: -1000px;
	float: left;
	margin-right: 7px;
}

#footer a {
	color: #616a6b
}

#copyright {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 47px;
}

#cw {
	margin: 0;
	position: absolute;
	top: 50px;
	left: 47px;
}

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

#foot_logo {
	width: 38px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: 0;
	margin: 0;
	padding: 0;
}

#foot_logo a {
	display: block;
	background: url(../images/icn_foot_logo.png) no-repeat top left;
	text-indent: -1000px;
	width: 38px;
	height: 47px;
}

#site_links {
	position: absolute;
	top: 55px;
	right: 0;
}

#site_links a {
	display: block;
	color: #fff;
	height: 24px;
	line-height: 19px;
	text-decoration: none;
	padding: 3px 26px 0 12px;
	background: url(../images/icn_arrow_double.jpg) no-repeat right center #97b4b6;
	float: left;
	margin-left: 9px;
	height: 21px;
	overflow: hidden;
}

#site_links a.back {
	padding: 3px 12px 0 26px;
	background: url(../images/icn_arrow_double_left.jpg) no-repeat left center #97b4b6;
}

#site_links a:hover {
	text-decoration: underline;
}

ul.blog_post_listing, #right_col ul.blog_post_listing {
	margin: 0 0 40px 0;
	list-style: none;
}

.blog_post_listing p {
	margin: 0;
}

.blog_post_listing strong, .blog_post_listing em {
	display: block;
}

.blog_post_listing em {
	margin-bottom: 8px;
}

.three_col {
	width: 300px;
	border-top: 6px solid #3d8c00;
	float: left;
	margin-right: 20px;
	margin-bottom: 46px;
}

.three_col p {
	margin: 0 21px 10px;
}

.three_col h6 {
	margin: 0 21px 2px;
}

.three_col h4 {
	margin: 20px 18px 11px;
}

.three_col.featured_photo {
	padding: 0 0 40px;
	background: url(../images/home_internal_sub_nav_bottom.png) no-repeat bottom left;
}

.three_col.featured_photo .caption {
	font-weight: bold;
	margin: 10px 0 0 0;
}
.three_col.featured_photo p {
	margin: 0;
}
#report_card {
	height: 304px;
	position: relative;
	background: url(../images/bg_calltoaction.jpg) no-repeat top left;
}
#report_card .richtext {
	margin: 0 15px 0 135px;
	padding: 30px 0 0 0;
}
#report_card h3 {
	color: #fff;
	margin: 0 0 10px 0;
}
#report_card p {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

#bread_crumbs {
	background: #b7c5c6;
	margin: 0 25px 0 15px;
	color: #fff;
	padding-bottom: 16px;
}

#bread_crumbs ul {
	list-style: none;
}

#bread_crumbs li {
	display: inline-block;
	padding-right: 10px;
}

#bread_crumbs a {
	color: #fff;
	text-decoration: underline;
}

#bread_crumbs a:hover {
	color: #fff;
	text-decoration: none;
}

.hr {
	height: 8px !important;
	background: #3d8c00 !important;
}

.button, #report_card a {
	display: block;
	width: 228px;
	text-align: center;
	color: #fff;
	background: url(/amm/themes/default_shared/images/bg_buttons.png) repeat-x top left #3d8c00;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 15px;
	cursor: pointer;
}
	#report_card a {
		width: 246px;
		position: absolute;
		top: 252px;
		left: 12px;
		text-decoration: none;
	}
.button:hover, #report_card a:hover {
	background: url(/amm/themes/default_shared/images/bg_buttons_hover.png) repeat-x top left #4fb600;
}

.green {
	display: block;
	color: #3d8c00;
	font-size: 1.166em;
	padding: 30px 0 0;
}

.gray_back {
	display: block;
	background: #f3f4f4;
	padding: 10px 15px;
}

.gray_back a {
	color: #00b7c5;
	text-decoration: none;
}

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

/* SITES NAV
************************************/

#sites_nav {
	list-style: none;
	position: absolute;
	top: 6px;
	left: 279px;
	background: url(../images/bg_sites_ul.png) no-repeat top right;
	padding-right: 1px;
	z-index: 500;
}

#sites_nav li {
	float: left;
	background: url(../images/bg_nav_line.png) no-repeat top left;
	padding-left: 2px;
}

#sites_nav a {
	display: block;
	width: 149px;
	height: 41px;
	text-indent: -1000px;
	overflow: hidden;
	outline: none;
}

#tab_home a {
	background: url(../images/btn_nav_home.png) no-repeat top left;
}

#tab_parents a {
	background: url(../images/btn_nav_parents.png) no-repeat top left;
}

#tab_youth a {
	background: url(../images/btn_nav_youth.png) no-repeat top left;
}

#tab_home a:hover, #tab_parents a:hover, #tab_youth a:hover {
	background-position: 0 -41px;
}

#tab_home.current a, #tab_parents.current a, #tab_youth.current a {
	background-position: 0 -82px;
}

.parents #tab_home a {
	background-position: 0 0 !important;
}

.parents #tab_parents a {
	background-position: 0 -82px !important;
}

/* MAIN NAV
************************************/

#main_nav {
	position: absolute;
	top: 114px;
	left: 243px;
	z-index: 500;
}

#main_nav ul {
	list-style: none;
}

#main_nav li {
	float: left;
	margin-left: 34px;
}

#main_nav a {
	display: block;
	color: #45afb4;
	font-size: 16px;
	text-decoration: none;
	padding: 0 4px 2px;
	border-bottom: 5px solid #02c9d3;
	font-weight: normal;
}

#main_nav a:hover {
	color: #008187;
	border-bottom: 5px solid #00a7af;
}

#main_nav .current a, #main_nav .parent a {
	color: #3D8C00;
	border-bottom: 5px solid #3D8C00;
}

/* UTIL NAV
************************************/

#util_nav {
	list-style: none;
	position: absolute;
	top: 59px;
	right: 26px;
	z-index: 500;
}

#util_nav li {
	float: left;
	margin-left: 21px;
	padding-bottom: 1px;
	border-bottom: 1px solid #dcdfdf;
}

#util_nav a {
	display: block;
	color: #b0babb;
	text-decoration: none;
	font-size: 11px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e8efef;
	font-weight: normal;
}

#util_nav a:hover {
	color: #7c8b8c;
}

/* SUB NAV
************************************/

/* FOOT NAV
************************************/

#foot_nav {
	position: absolute;
	top: 31px;
	right: 0;
}

#foot_nav ul {
	list-style: none;
}

#foot_nav li {
	float: left;
	margin-left: 18px;
}

#foot_nav a {
	color: #02b4bc;
	text-decoration: none;
}

#foot_nav a:hover {
	text-decoration: underline;
}

/* HOME
************************************/

#picture_box {
	height: 450px;/*442*/
	background: url(../images/bg_home_main_image.png) no-repeat top left;
}

#home.parents #picture_box {
	height: 314px;
	background: url(../images/bg_home_main_image_short.png) no-repeat top left;
}

#home #left_col {
	border-top: 6px solid #000;
	width: 577px;
	margin: -19px 52px 0 10px;
	float: left;
	padding-left: 10px;
}

#home #right_col {
	border-top: 6px solid #3d8c00;
	width: 290px;
	margin: -19px 0 0 0;
	float: left;
	padding-left: 10px;
}

#home #right_col2 {
	width: 300px;
	float: left;
}

#home_main_images {
	position: absolute;
	top: 1px;
	left: 55px;
	width: 894px;
	height: 401px;
	overflow: hidden;
}

#home.parents #home_main_images {
	left: 11px;
	width: 938px;
	height: 265px;
}

#home_main_images .image_component {
	position: absolute;
	top: 0;
	left: 0;
}

#pic_nav {
	background: url(../images/pic_nav.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	height: 403px;
	overflow: hidden;
	margin: 0 !important;
}

#pic_nav.current1 {
	background-position: 0 0;
}

#pic_nav.current2 {
	background-position: -55px 0;
}

#pic_nav.current3 {
	background-position: -110px 0;
}

#pic_nav.current4 {
	background-position: -165px 0;
}

#pic_nav a {
	display: block;
	width: 100%;
	height: 100px;
	margin-bottom: 1px;
	text-indent: -100px;
	outline: none;
}

#home .three_col {
	margin: 0;
}

/* INTERNAL
************************************/

#internal #main_content {
	width: 990px;
	padding-top: 15px;
	margin-top: 1px;
	background: url(../images/home_internal_content_top.png) no-repeat top left;
}

#internal #right_col {
	width: 300px;
	padding: 0 35px 0 25px;
	float: left;
}

#internal #left_col {
	width: 565px;
	padding: 0 25px 0 0;
	float: left;
}

#internal #left_content {
	background: url(../images/home_internal_grad_top.png) no-repeat 15px 0;
}

#internal #section_head {
	background: url(../images/home_internal_section_head_tile.png) repeat-y top left;
}

#internal #section_head h1 {
	margin: 0;
	padding: 10px 0 50px;
	background: url(../images/home_internal_section_head_bottom.png) no-repeat bottom left;
	color: #fff;
}

#internal #sub_nav {
	width: 300px;
	background: url(../images/home_internal_sub_nav_top.png) no-repeat top left #fff;
	padding-top: 43px;
	font-size: 1.166em;
	padding-bottom: 10px;
}

#internal #sub_nav h3 {
	margin: 0 0 15px;
	padding: 0 29px;
}

#internal #sub_nav h3 a, #internal #sub_nav h3.current a, #internal #sub_nav h3.parent a {
	padding: 0;
	background: none !important;
	font-size: .888em;
}

#internal #sub_nav_bottom {
	width: 300px;
	min-height: 28px;
	background: url(../images/home_internal_sub_nav_bottom.png) no-repeat top left;
}

#internal #sub_nav ul {
	list-style: none;
	min-height: 150px;
}

#internal #sub_nav ul ul {
	min-height: 0;
	border-bottom: none;
}

#internal #sub_nav li {
	padding: 0 29px;
	border-top: #eaf2f2 1px solid;
}

#internal #sub_nav li.last {
	border-bottom: #eaf2f2 1px solid;
}

#internal #sub_nav li li {
	padding: 0 29px;
	border-top: none;
	border-bottom: none !important;
	font-size: .857em;
}

#internal #sub_nav li li li {
	padding: 0 29px;
	border-top: none;
	font-size: 1em;
}

#internal #sub_nav a {
	display: block;
	padding: 8px 0 8px 17px;
	color: #029299;
	background: url(../images/arrow_sub_nav.png) no-repeat left 10px;
	font-weight: normal;
	text-decoration: none;
}

#internal #sub_nav a:hover {
	color: #017176;
}

#internal #sub_nav .current a, #internal #sub_nav .parent a {
	color: #02c9d3;
	background: url(../images/arrow_sub_nav_current.png) no-repeat left 10px;
	color: #3d8c00;
}

#internal #sub_nav .parent .current a, #internal #sub_nav .parent .parent a, #internal #sub_nav .parent .parent .current a {
	color: #02c9d3;
	background: url(../images/arrow_sub_nav_sub_current.png) no-repeat left 10px;
	color: #3d8c00;
}

#internal #sub_nav li ul a, #internal #sub_nav .current ul a, #internal #sub_nav .parent ul a, #internal #sub_nav .parent .current ul a, #internal #sub_nav .parent .parent ul a, #internal #sub_nav .parent .parent .current ul a {
	background: url(../images/arrow_sub_nav_sub.png) no-repeat left 10px;
	color: #02c9d3;
}

/* YOUTH HOME
************************************/

#youth_home #page_top, #internal.youth #page_top {
	background: url(../images/bg_youth.png) repeat-x top left #fff;
}

#youth_home #content, #internal.youth #main_content {
	padding-top: 160px;
	background: none;
}

#youth_home #main_content {
	padding-left: 10px;
	padding-top: 14px;
}

#youth_home #logo, #internal.youth #logo {
	width: 168px;
	height: 179px;
	top: 52px;
	left: 6px;
	z-index: 500;
}

#youth_home #logo a, #internal.youth #logo a {
	background: url(../images/icn_youth_logo.png) no-repeat top left;
	width: 168px;
	height: 179px;
}

/* YOUTH INTERNAL
************************************/

#internal.youth #main_content {
	background: none;
}

#internal.youth #section_head {
	background: url(../images/youth_internal_section_head_tile.png) repeat-y top left;
}

#internal.youth #section_head h1 {
	padding: 40px 30px 24px 0;
	line-height: 1.2em;
	background: url(../images/youth_internal_content_top.png) no-repeat top left;
	color: #fff;
}

#internal.youth #section_head .bg {
	padding: 0 0 21px;
	background: url(../images/youth_internal_section_head_bottom.png) no-repeat bottom left;
}

#internal.youth #bread_crumbs {
	background: none;
}

#internal.youth #content_left {
	background: url(../images/youth_internal_bleed_top.png) no-repeat top left;
}

#internal.youth #sub_nav {
	background: url(../images/youth_internal_sub_nav_top.png) no-repeat top left #fff;
	margin-top: 65px;
}

#internal.youth #sub_nav h3 a {
	color: #3d8c01;
}

/* Calendar Styles
************************************/

table.calgrid {
	background: #ccc;
}
table.calpop {
	margin: 30px;
	background: transparent;
}
tr.calnavrow {
	background: #3D8C00;
}
tr.calnavrow td {
	padding: 10px;
}
tr.caldayrow td {
	background: #fff;
}
a.calbutton {
	margin: 0 10px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
	a.calbutton:hover {
		color: #000;
	}
.caldayrow p {
	font-size: 14px;
}
.caldayrow a {
	font-size: 11px;
	text-decoration: none;
	margin: 0 0 5px 0;
	display: block;
}
/* Form Styles
************************************/

#main_content textarea {
	width: 100%;
	height: 100px;
}
#main_content .answer input {
	margin: 0 10px 0 0;
}
.errortext, .message {
	color: red;
}