html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; }

#skip-nav {
	visibility: hidden;
}

#container { background: #ffe483; } 

body {
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;}

input, select {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
/* //////////////////////////////////////// */
/* Custom styling here */


#sidebar-right {
	float: right;
	width: 340px;
}

.front #sidebar-right {
	float: right;
	width: 375px;
}


#page {width: 770px; margin: 0 auto; padding: 0; display: block; border-left: #999999 1px solid; border-right: #999999 1px solid;}

#fnav {background: url(images/fnav_bg.gif) no-repeat; margin: 0; padding: 28px 5px 1px 0; height: 21px; }
	#fnav ul {list-style: none; display: inline; margin: 0; padding: 0; float: right;}
	#fnav li {list-style: none; background:url(images/fnav_fencepost.gif) left 5px no-repeat; display: inline; margin: 0; padding: 0 0 0 5px;}
	#fnav a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333399; text-decoration: none; margin: 0; padding: 2px 5px 2px 5px;}
	#fnav a:hover {color: #333399; text-decoration: none; background: #fdfebf;}
	#fnav a.active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333399; text-decoration: none; margin: 0; padding: 2px 5px 2px 5px; background: #fdfebf;}
	
#banner {padding: 0; margin: 0; display: block; height: 135px;}
	#logo {background: url(images/banner_bg.gif) left top no-repeat; float: left; display: inline; margin: 0; width: 200px;}
	#logo a span {display: none;}
	#photo {float: left; display: inline; margin: 0; padding: 0;}

#primary {margin: 0; padding: 0; list-style: none; display: inline;}
	#primary li {display: inline; float: left;}
	#primary a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; text-decoration: none;  padding: 0; display: block; text-align: center; height: 30px; line-height: 30px;}
		#primary .menu-171 a {background: url('images/nav_bgs/teacher_training_bg.gif'); width: 127px; border-right: #ffffff 1px solid;}
		#primary .menu-171 a:hover {background-position: 0 -30px;}
		#primary .menu-171 a.active {background: url('images/nav_bgs/teacher_training_bg.gif') 0 -30px; width: 127px; border-right: #ffffff 1px solid;}
		#primary .menu-172 a {background: url(images/nav_bgs/resources_bg.gif); width: 165px; border-right: #ffffff 1px solid;}
		#primary .menu-172 a:hover {background-position: 0 -30px;}
		#primary .menu-172 a.active {background: url(images/nav_bgs/resources_bg.gif) 0 -30px; width: 165px; border-right: #ffffff 1px solid;}
		#primary .menu-173 a {background: url(images/nav_bgs/getting_started_bg.gif); width: 130px; border-right: #ffffff 1px solid;}
		#primary .menu-173 a:hover {background-position: 0 -30px;}
		#primary .menu-173 a.active {background: url(images/nav_bgs/getting_started_bg.gif) 0 -30px; width: 130px; border-right: #ffffff 1px solid;}
		#primary .menu-174 a {background: url(images/nav_bgs/events_links.gif); width: 120px; border-right: #ffffff 1px solid;}
		#primary .menu-174 a:hover {background-position: 0 -30px;}
		#primary .menu-174 a.active {background: url(images/nav_bgs/events_links.gif) 0 -30px;  width: 120px; border-right: #ffffff 1px solid;}
		#primary .menu-175 a {background: url(images/nav_bgs/about.gif); width: 85px; border-right: #ffffff 1px solid;}
		#primary .menu-175 a:hover {background-position: 0 -30px;}
		#primary .menu-175 a.active {background: url(images/nav_bgs/about.gif) 0 -30px; width: 85px; border-right: #ffffff 1px solid;}
		#primary .menu-176 a {background: url(images/nav_bgs/teachers_toolbox.gif); width: 138px;}
		#primary .menu-176 a:hover {background-position: 0 -30px;}
		#primary .menu-176 a.active {background: url(images/nav_bgs/teachers_toolbox.gif) 0 -30px; width: 138px;}
		



/* ------------------------------------------------------------------------------------------------------------- */


#content {background: #ffe483; width: 770px; }
	#content p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; color: #000000; padding: 10px;}
	#content p.path {font-size: 10px; margin: 15px 10px 10px 10px; padding: 0; color: #666666;}
	#content p.path a {color: #333399;}
	#content p.path a:hover {color: #666666;}
	#content h1 {font-size: 15px; font-weight: bold; padding: 5px 10px 5px 10px;}
	#content h1.teacher_training {color: #1570a0;}
	#content h1.resources_materials {color: #c8492e;}
	#content h1.getting_started {color: #333399;}
	#content h1.events_links {color: #248d6a;}
	#content h1.about_us {color: #79438d;}
	#content h1.teachers_toolbox {color: #c44660;}
	#content h2 {font-size: 13px; font-weight: bold; color: #333399; padding: 5px 10px 0 10px;}
	#content h3 {font-size: 11px; font-weight: bold; color: #000000; padding: 5px 10px 5px 10px;}
	#content hr {color: #ffe483; background: transparent; border: 1px #999999; border-style: none none solid none; margin: 5px 10px 10px 10px;}
	#content a {font-weight: bold; color: #333399; text-decoration: none;}
	#content a:hover {color: #0099cc; text-decoration: none;}
	#content ul.content_list {list-style: none; margin: 10px 30px 10px 10px;}
	#content ul.content_list li {font-size: 11px; line-height: 18px;  margin-top: 5px; }
	#content li.content_list {list-style: none; background: url(http://www.fgcquaker.org/faithandplay/images/highlights_bull.gif) 10px 7px no-repeat ; font-size: 11px; padding: 0 10px 0 20px; line-height: 18px;  margin-top: 5px}
	.reg {font-size: 10px; vertical-align: super;}
/* ------------------------------------------------------------------------------------------------------------- */
	
/* Call-Outs / Features on Homepage------------------------------------- */				
	#content #welcome {float: left; display: inline; width: 375px;}
		#content #welcome img {margin: 10px 0 -5px 10px;}
		#content #welcome p {padding: 5px 10px 0 15px;}
		
	#content #tips {background: url(images/tips_bg.gif) bottom left repeat-y; clear: left; float: left; display: inline; width: 360px; margin: 10px 0 0 15px; height: auto;}
		#content #tips p {font-size: 10px; line-height: 18px; padding: 5px; width: 270px;}
		#content #tips a {color: #c07116;}
		#content #tips a:hover {color: #FFFFCC;}
	
	#highlights {background:url(images/highlights_bg.gif) bottom left repeat-y; float: right; clear: right; display: inline; width: 375px; margin: 13px 13px 10px 0; height: auto;}
		#highlights #head {background:url(images/highlights_head.gif) top left no-repeat; width: 375px; height: 30px; margin: 0; padding: 0; display: block;}
		#highlights #head p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #ffffff; padding-left: 15px; margin-bottom: -12px; margin-top: -2px;}
		
		#highlights p {font-size: 11px; line-height: 24px; padding: 5px; width: 270px;}
		#highlights a {color: #333399; padding: 5px;}
		#highlights a:hover {color: #0099cc; background: #FFCC33;}
		#highlights ul {list-style: none; padding: 5px 0 7px 20px;}
		#highlights li {list-style: none; background:url(images/highlights_bull.gif) left center no-repeat ; font-size: 11px; line-height: 24px; margin: 0; padding-left: 10px;}

/*	#content #getting_started {float: right; display: inline; width: 375px; margin: 10px 9px 0 5px; height: auto;}
		#content #getting_started #head {background:url(images/getting_started_head.gif) top left no-repeat; width: 360px; height: 47px; margin: 0; display: block; padding: 8px 10px 0 5px;}
		
		#content #getting_started a.subnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0; margin: 0px; text-decoration: none; }
		#content #getting_started a:hover.subnav {color: #ffffff;}
		
		#content #getting_started a {background: url(images/getting_started_li_bg.gif) left top no-repeat; color: #993300; margin: 0; padding: 5px 0 0 20px; width: 355px; height: 20px; display: block; font-size: 11px;}
		#content #getting_started a:hover {background:url(images/getting_started_li_bg_over.gif) left top no-repeat; color: #c8492e; display: block;}
		#content #getting_started ul {list-style: none; display: block;}
		#content #getting_started li {list-style: none; float: left; display: block; margin: 2px 0 0 0;}

#content #getting_started {float: right; display: inline; width: 375px; margin: 10px 9px 0 5px; height: auto;}
		#content #getting_started #head {background:url(images/getting_started_head.gif) top left no-repeat; width: 360px; height: 47px; margin: 0; display: block; padding: 8px 10px 0 5px;}
		
		#content #getting_started a.subnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0; margin: 0px; text-decoration: none; }
		#content #getting_started a:hover.subnav {color: #ffffff;}
		
		#content #getting_started a {background: url(images/getting_started_li_bg.gif) left top no-repeat; color: #993300; margin: 0; padding: 5px 0 0 20px; width: 355px; height: 20px; display: block; font-size: 11px;}
		#content #getting_started a:hover {background:url(images/getting_started_li_bg_over.gif) left top no-repeat; color: #c8492e; display: block;}
		#content #getting_started ul {list-style: none; display: block;}
		#content #getting_started li {list-style: none; float: left; display: block; margin: 2px 0 0 0;}*/


		#content #fgc_losenge_region {float: right; display: block; width: 375px; margin: 10px 0 5px 5px; padding: 0; }
			#content #fgc_losenge_region p {line-height: 14px;}
			#content #fgc_losenge_region #dolls {clear: both; padding: 50px 0 0 200px;}
/* Subpage Only! ------------------------------------------------------- */			


.block-menu {clear: right; float: right; display: inline; width: 320px; margin: 8px 9px 0 10px; height: auto;}
.front .block-menu { float: right; display: inline; width: 375px; margin: 10px 9px 0 0; height: auto;}
	#sidebar-right ul {list-style: none; display: block;}
	#sidebar-right li {list-style: none; float: left; display: block; margin: 2px 0 0 0;}
	#sidebar-right ul.menu a {background: url(images/subnav_li_bg.gif) left top no-repeat; color: #993300; margin: 0; padding: 5px 0 0 20px; width: 300px; height: 20px; display: block; font-size: 11px; font-weight: bold;}
  .front #sidebar-right ul.menu a {background: url(images/getting_started_li_bg.gif) left top no-repeat; color: #993300; margin: 0; padding: 5px 0 0 20px; width: 355px; height: 20px; display: block; font-size: 11px;}
	#sidebar-right ul.menu a:hover {background:url(images/subnav_li_bg_over.gif) left top no-repeat; color: #c8492e; display: block;}
	.front #sidebar-right ul.menu a:hover {background:url(images/getting_started_li_bg_over.gif) left top no-repeat; color: #c8492e; display: block;}	
	
	#sidebar-right h2.title {background: #ffe483; width: 320px; height: 55px; margin: 0; padding: 0; display: inline; float: right;}
	#sidebar-right h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/teacher_training_head.gif) top left no-repeat; padding: 18px 0px 0 10px; }
	#sidebar-right h2.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #ffffff; padding-left: 15px; margin: 0px; line-height: 18px; padding-top: 19px; text-decoration: none; padding: 0; display: inline; margin: 0;}
	#sidebar-right ul.menu { padding: 0; margin: 0; }
		#subnav_title a:hover.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #ffffff; padding-left: 15px; margin: 0px; line-height: 18px; padding-top: 19px; text-decoration: none;}

		#sidebar-right #block-menu-menu-teacher-trainings h2.title, #sidebar-right h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/teacher_training_head.gif) top left no-repeat; padding: 18px 0px 0 10px; }
		#sidebar-right #block-menu-menu-resources-materials h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/resources_materials_head.gif) top left no-repeat; padding: 18px 0px 0 10px; }
		#sidebar-right #block-menu-menu-events-links h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/events_links_head.gif) top left no-repeat; padding: 18px 0px 0 10px; }
		#sidebar-right #block-menu-menu-about-us h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/about_us_head.gif) top left no-repeat; padding: 18px 0px 0 10px; }
		#sidebar-right #block-menu-menu-getting-started h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/getting_started_head.gif) top left no-repeat; padding: 18px 0px 0 10px;}
		#sidebar-right #block-menu-menu-front h2.title {background:url(images/getting_started_head.gif) top left no-repeat; width: 360px; height: 47px; margin: 0; display: block; padding: 8px 10px 0 5px;}
		#sidebar-right #block-menu-menu-teachers-toolbox h2.title {width: 310px; height: 33px; margin: 0; padding: 0; display: inline; float: right; background:url(images/subnav_heads/teachers_toolbox_head.gif) top left no-repeat; padding: 18px 0px 0 10px;}
		
		
	.views-admin-links { visibility: hidden; display: none; }
	#subnav_tips {background: #ffe483 url(images/subnav_tips_bg.gif) bottom right repeat-y; clear: right; width: 327px; margin: 2px 9px 0 5px; height: auto;}
		#subnav_tips p {font-size: 10px; line-height: 18px; padding: 5px; width: 260px;}
		#subnav_tips a {color: #c07116;}
		#subnav_tips a:hover {color: #FFFFCC;}
	
	#content #quote {background:transparent url(images/quote_bg.gif) bottom left repeat-y; display: block; width: 390px; margin: 10px 0 10px 15px; }
		#content #quote p {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; color: #333333; line-height: 21px;}
/* --------------------------------------------------------------------- */		
		
#foot {background: #ffffff url(images/foot_bg.gif) left top no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3333CC; height: 135px; padding: 10px; clear: both;} #foot a {color: #333399; font-weight: bold; text-decoration: none;} #foot a:hover {color: #0099CC;}
		
/* --------------------------------------------------------------------- */	

.event, .node-type-events_links, .node-type-quote
 {background: #fbf7af; padding: 10px; border-bottom: #eccf69 1px solid; border-right: #eccf69 1px solid; margin: 15px 15px 0 15px; width: 375px; line-height: 18px;}
.event_wide {background: #fbf7af; padding: 10px; border-bottom: #eccf69 1px solid; border-right: #eccf69 1px solid; margin: 15px 15px 0 15px; line-height: 18px;}

.getting_started_box, .node-type-events_links, .node-type-quote
 {background: #fedd66; padding: 10px; border-bottom: #eccf69 1px solid; border-right: #eccf69 1px solid; margin: 15px 15px 0 15px; width: 375px; line-height: 18px;}
.getting_started_box_wide {background: #fedd66; padding: 10px; border-bottom: #eccf69 1px solid; border-right: #eccf69 1px solid; margin: 15px 15px 0 15px; line-height: 18px;}

.node-type-events_links {
	width: 710px;
}

/* --------------------------------------------------------------------- */	

/* //////////////////////////////////////// */

img.right { float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 15px; margin-top: 5px; } img.left {  float: left;  margin-right: 10px; margin-bottom: 10px; margin-left: 15px; margin-top: 5px; } img { border: 0; outline: none;}

.form { float: left; }
.form p { float: left; clear: left; }
.form label { float: left; width: 150px; }

tr.even td, tr.region-empty td, tr.region td, tr.region-message td { background: #fff !important; vertical-align: middle !important; font-size: 12px;}
tr.odd td, th { background: #ff6 !important; vertical-align: middle !important; font-size: 12px;}

#block-admin-display-form li, #block-admin-display-form div, #block-admin-display-form fieldset  { margin: .5em 0; }
#node-form li, #node-form div, #node-form fieldset  { margin: .5em inherit !important; }
fieldset {padding: 1em; }
div.node-form { padding: 1em; }
br.clear { clear: both }

/*Styles for firefox-style "alert bar" message atop page*/
#topalert { 
	color: #4D2600; 
	background-color: #F4D97A; 
	border-bottom: 1px solid #FFCC00; 
	padding: 0.4em; 
	font-size: 90%; 
}

#topalert p { 
	padding: 0.25em 2em; 
	margin: 0; 
	display: block; 
	text-align: center; 
}

#topalert b { 
	margin-right: 0.5em; 
}

#topalert hr { 
	display: none; 
}

#topalert a { 
	margin-left: 0.5em; 
}

#topalert a#close-link { 
	font-size: 90%; 
	margin-left: 1.5em; 
}

#topalert a#close-link:link, 
#topalert a#close-link:visited { 
	color: #8E8065; 
	text-decoration: none; 
	border-bottom: 1px dotted #8E8065; 
}
