/*************************************************************
Drill page specific style sheet

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/

/*************************************************************
Main Styles
*************************************************************/

body
	{
		display: block;
		margin: 0 auto;
		padding: 0;
		border: 0;
		background: #724611 url(/assets/images/body_bg.gif) repeat-x top left;
		font: .7em Verdana, Arial, sans-serif;
		color: #797979;
	}

#contain
	{
		display: block;
		margin: 0 auto;
		padding: 0 8px;
		border: 0;
		width: 981px;
		background: #FFF;
	}


#contain .clb
	{
		clear: both;
		height: 1px;
		visibility: hidden;
	}


img
	{
		margin: 0;
		padding: 0;
		border: 0;
	}



/***************************************************************
Header Items
***************************************************************/

#contain .header
	{
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 981px;
		height: 103px;
		background: #03ACFE url(/assets/images/contain_header_bg.gif) repeat-x top left ;

	}

#contain .header a.logo
	{
		position: absolute;
		top: 0;
		left:26px;
		display: block;
		margin: 21px 0 0 0;
		padding: 0;
	}  
	
#contain .header img.logo_print
	{
		display: none;
	}

#contain .header #utilNav
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 10px 0 0 0;
		padding: 0;
		display: block;
	}

#contain .header #utilNav ul
	{
		margin: 0;
		padding: 0;
		list-style:	none;
	}

#contain .header #utilNav ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
		border-right: 1px solid white;
	}

#contain .header #utilNav ul li.noborder
	{
		border: none;
	}

#contain .header #utilNav ul li a
	{
		margin: 0;
		padding: 0 15px 0 12px;
		text-decoration: none;
		color: #FFF;
	}

#contain .header #utilNav ul li a:hover
	{
		text-decoration: underline;
	}

#contain .header #utilNav ul li.search {
        
            border: none;
        }

#contain .header #utilNav ul li.search form
	{
	 	display: inline;
		padding: 0 8px 0 15px;
	}

#contain .header #utilNav ul li.search form input
	{
		padding: 2px;
	}

#contain .header #utilNav ul li.search form input.submit
	{
		padding: 3px;
		font-size: 1em;
		color: #FFF;
		background-color: #0084b2;
		border-top: 1px solid #00aae4;
		border-left: 1px solid #00aae4;
		border-right: 1px solid #006083;
		border-bottom: 1px solid #006083;
	}

#contain .header #mainNav
	{
		position: absolute;
		top: 0;
		left: 205px;
		float: left;
		display: block;
		margin: 58px 0 0 0;
	}

#contain .header #mainNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#contain .header #mainNav ul li
	{
		float: left;
		display: inline;
		margin: 0 4px 0 0;
		padding: 0;
	}

#contain .header #mainNav ul li a
	{
		display: block;
		height: 40px;
		text-transform: uppercase;
		text-indent: -2000px;
		overflow: hidden;
		background: no-repeat;
	}

#contain .header #mainNav ul li a:hover
	{
		background-position: 0 -40px;
	}

#contain .header #mainNav ul li a.trick
	{
		width: 131px;
		background-image: url(/assets/images/nav_main_trick.gif);
	}
	
#contain .header #mainNav ul li a.tap
	{
		width: 131px;
		background-image: url(/assets/images/nav_main_tap.gif);
	}	

#contain .header #mainNav ul li a.games
	{
		width: 86px;
		background-image: url(/assets/images/nav_main_games.gif);
	}

#contain .header #mainNav ul li a.contests
	{
		width: 98px;
		background-image: url(/assets/images/nav_main_contests.gif);
	}

#contain .header #actNav
	{
		position: absolute;
		top: 0;
		left: 667px;
		display: block;
		margin: 58px 0 0 0;
	}

#contain .header #actNav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#contain .header #actNav ul li
	{
		float: left;
		display: inline;
		margin: 0 4px 0 0;
		padding: 0;
	}

#contain .header #actNav ul li a
	{
		display: block;
		height: 40px;
		text-transform: uppercase;
		text-indent: -2000px;
		overflow: hidden;
		background: no-repeat;
	}

#contain .header #actNav ul li a:hover
	{
		background-position: 0 -44px;
	}

#contain .header #actNav ul li a.parents
	{
		width: 73px;
		background-image: url(/assets/images/nav_act_parents.gif);
	}

#contain .header #actNav ul li a.teachers
	{
		width: 78px;
		background-image: url(/assets/images/nav_act_teachers.gif);
	}

/*************************************************************
Structural Items
***************************************************************/

#structure
	{
		display: block;
		float: left;
		margin: 7px 0 0 0;
		padding: 0 0 60px 0;
		border: 0;
		width: 981px;
		background: #FFF url() repeat top left;
	}

										/*
										10/12/2007
										adding new class here for width expansion
										*/
										#structure.wide
											{
												background-image: url("/assets/images/structure_wide_bg.jpg");
											}
										/* end this change */

/*************************************************************
Structural Left
***************************************************************/

#contain #structure .left
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 202px;
	}


#contain #structure .left .nav-side
	{
		float: left;
		margin: 0 0 5px 0;
		padding: 0 0 25px 0;
		background: #0BAEF8 url(/assets/images/left_sidenav_bg.gif);
	}

#contain #structure .left .nav-side h2
	{
		margin: 12px 0 6px 12px;
		padding: 0;
		color: #FFF;
		font: bold 1.15em verdana;
	}

#contain #structure .left .nav-side ul
	{
		margin: 0 12px 0 12px;
		padding: 0;
	}

#contain #structure .left .nav-side li
	{
		margin: 0;
		padding: 0;
		border-bottom: 1px dashed #FFF;
		list-style: none;

	}

#contain #structure .left .nav-side li.start
	{
		border-top: 1px dashed #FFF;
	}

#contain #structure .left .nav-side li.end
	{
		border: 0;
	}

#contain #structure .left .nav-side li a
	{
                display: block;
		margin: 0;
		padding: 7px 0px;
		width: 178px;
		text-decoration: none;
		color: #FFF;
		background:  url(/assets/images/left_sidenav_blt.gif) no-repeat 5px .9em;
	}

#contain #structure .left .nav-side li a:hover
	{
		color: #006699;
		background: #FFF url(/assets/images/left_sidenav_blt_on.gif) no-repeat 5px .9em;
	}

#contain #structure .left .nav-side li a span
	{
		margin: 0 20px;
	}

#contain #structure .left .join-us
	{
		position: relative;
		float: left;
		margin: 5px 0;
		padding: 10px 0 10px 0;
		background: #E2F4FF;
	}

#contain #structure .left .join-us form
	{
		margin: 5px 0 0 12px;
		padding: 0;
	}

#contain #structure .left .join-us input.enter
	{
		padding: 3px 3px;
		border: 1px solid #A9A9A9;
		width: 140px;
		font: .85em Verdana, Arial, sans-serif;
		color:	#A9A9A9;
		background: #FFF;
	}

#contain #structure .left .join-us p
	{
		margin: 9px 0;
		padding: 0;
	}

#contain #structure .left .join-us p a
	{
		font: bold .9em Verdana, Arial, sans-serif;
		color: #00ABFE;
	}

#contain #structure .left .join-us p a:hover
	{
		text-decoration: none;
	}

#contain #structure .left .join-us .bttn-sub
	{
		float: left;
		background-color: #FFCCFF;
	}

#contain #structure .left .join-us .bttn-sub input
	{

		position: absolute;
		top: 54px;
		left: 110px;
		margin: 0;
		padding: 2px 12px;
		border: none;
		font: .9em Verdana, Arial, sans-serif;
		color:	#FFF;
		background: #00ABFE url(/assets/images/left_joinus_bttn.gif) no-repeat 8px 50%;
	}

#contain #structure .left .highlight
	{
		float: left;
		margin: 5px 0;
		padding: 0;
		width: 202px;
		color: #FFF;
		background: #FB892E url(/assets/images/left_highlight_bg.gif) no-repeat top left;
	}

#contain #structure .left .highlight h2
	{
		margin: 14px 12px 0 12px;
		padding: 0;
		text-transform: uppercase;
	}	  
	
#contain #structure .left .highlight a
	{
		color: #FFF;
		text-decoration: none;
	}

#contain #structure .left .highlight p
	{
		margin: 0 12px 14px 12px;
		padding: 0;
	}	
	
	#contain #structure .left .highlight p	a
	{
		color: #FFF;
		text-decoration: none;
	}	


/*************************************************************
Structural Content
***************************************************************/

#contain #structure .content
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 549px;
	}

#contain #structure .content .crumbs
	{
		position: relative;
		left: 19px;
		float: left;
		margin: 0 0 6px 0;
		padding: 0;
		width: 507px;
		border-bottom: 1px dashed #006699;
		background: #FFF;
	}

#contain #structure .content .crumbs ul
	{
		margin: 16px 0;
		padding: 0px 0;
	}

#contain #structure .content .crumbs ul li
	{
		display: inline;
		margin: 0 8px 0 0;
		padding: 0 0 0 8px;
		background:  url(/assets/images/content_crumbs_blt.gif) no-repeat 0 50%;
	}

#contain #structure .content .crumbs ul li a
	{
		color: #006699;
		text-decoration: underline;
	}

#contain #structure .content .crumbs ul li a:hover
	{
		text-decoration: none;
	}

#contain #structure .content .title
	{
		position: relative;
		float: left;
	}

#contain #structure .content .title h1
	{
		margin: 20px 0 0 19px;
		padding: 0;
		font-size: 1.75em;
		font-weight: normal;
		color: #006699;
	}

#contain #structure .content .text-area
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 549px;
		font-size: 1.1em;
		line-height: 1.5em;
	}


#contain #structure .content .text-area h1
	{
		margin: 30px 0 0px 19px;
		font-size: 2em;
		line-height: 1.5em;
		font-weight: normal;
		color: #006699;
	}


#contain #structure .content .text-area h2
	{
		margin-top: 24px;
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: normal;
		color: #006699;
	}

#contain #structure .content .text-area h3
	{
		margin-top: 40px;
		margin-bottom: 8px;
		font-size: 1.2em;
		color: #006699;
	}


#contain #structure .content .text-area h4
	{
		margin-top: 30px;
		margin-bottom: 2px;
		color: #006699;
	}


#contain #structure .content .text-area p
	{
		color: #006699;
	}

#contain #structure .content .text-area ul
	{
		margin: 0;
		padding: 0;
	}


#contain #structure .content .text-area li
	{
		margin: 5px 30px;
		padding: 0 0 0 15px;
		color: #006699;
		list-style: none;
		background:  url(/assets/images/content_textarea_blt.gif) no-repeat 0 50%;
	}

.share { 
margin-right: 20px;
text-align: right;
}	

#contain #structure .content .text-blue
	{
		position: relative;
		left: 19px;
		float: left;
		margin: 20px 0 0 0;
		padding: 0;
		width: 507px;
		font-size: 1em;
		line-height: 1.5em;
		color: #797979;
		background: #E2F4FF url(/assets/images/content_textblue_bg.gif) repeat-x 0 3em;
	}

#contain #structure .content .text-blue.alt
	{
		background: none;
	}


#contain #structure .content .text-blue h2
	{
		margin-top: 10px;
		margin-bottom: 20px;
		font: bold 1.3em Verdana, sans-serif;
		text-transform: uppercase;
		color: #006699;
	}

#contain #structure .content .text-blue .item-blue
	{
		float: left;
		margin: 0 25px 17px 19px;
		padding: 0 0 17px 0;
		border-bottom: 1px dashed #797979;
	}


#contain #structure .content .text-blue .item-blue.alt
	{
		margin: 10px 0 10px 0;
		padding: 0 0 10px 0;
		width: 507px;
	}

#contain #structure .content .text-blue .item-blue.alt .copy
	{
		width: 327px;
	}


#contain #structure .content .text-blue .item-blue.end
	{
		border: 0;
	}

#contain #structure .content .text-blue .item-blue.altend
	{
		margin: 10px 0 10px 0;
		padding: 0 0 10px 0;
		border: 0;
		width: 507px;
	}

#contain #structure .content .text-blue .item-blue h3
	{
		margin: 0;
		font-size: 1em;
		font-weight: bold;
	}

#contain #structure .content .text-blue .item-blue h3 strong
	{
		font-size: 1.2em;
		text-transform: uppercase;
	}

#contain #structure .content .text-blue .item-blue p
	{
		margin: 0;
		padding: 0 0 8px 0;
	}

#contain #structure .content .text-blue .item-blue p a
	{
		padding: 0 0 0 8px;
		color: #00ABFE;
		background:  url(/assets/images/content_textblue_blt.gif) no-repeat 0 .45em;
	}

#contain #structure .content .text-blue .item-blue .photo
	{
		float: left;
		width: 180px;
	}

#contain #structure .content .text-blue .item-blue .copy
	{
		float: left;
		width: 280px;
	}

#contain #structure .content .text-blue .item-blue .copy h3
	{
		margin-left: 10px;
		margin-right: 10px;
	}

#contain #structure .content .text-blue .item-blue .copy p
	{
		margin-left: 10px;
		margin-right: 10px;
	}

#contain #structure .content .text-blue .item-people
	{
		margin: 10px 0 10px 0;
		padding: 0 0 10px 0;
		width: 507px;
	}

#contain #structure .content .text-blue .item-people .type-photo
	{
		margin-left: 19px;
	}


#contain #structure .content .text-blue .item-people .col-people
	{
		float: left;
		margin: 0 0 20px 0;
		padding: 0;
		width: 252px;
	}

#contain #structure .content .text-blue .item-people .col-people h3
	{
		margin-bottom: 3px;
		color: #006699;
	}

#contain #structure .content .text-blue .item-people .col-people h4
	{
		margin-top: 10px;
		margin-bottom: 5px;
		text-transform: uppercase;
	}

#contain #structure .content .text-blue .item-people .col-people p
	{
		margin-right: 10px;
		margin-bottom: 3px;
	}

#contain #structure .content .text-blue .item-people .col-people p a
	{
		padding: 0 0 0 8px;
		color: #00ABFE;
		background:  url(/assets/images/content_textblue_blt.gif) no-repeat 0 .45em;
	}


#contain #structure .content .text-news
	{
		position: relative;
		left: 19px;
		float: left;
		margin: 0 0 6px 0;
		padding: 0;
		border-bottom: 1px dashed #797979;
		width: 507px;
		font-size: 1em;
		line-height: 1.5em;

	}

#contain #structure .content .text-news h2
	{
		margin: 20px 0 0 0;
		font-size: 1.3em;
		font-weight: bold;
		color: #006699;
	}

#contain #structure .content .text-news a
	{
		text-decoration: none;
	}

#contain #structure .content .text-news a:hover
	{
		text-decoration: underline;
	}


#contain #structure .content .text-news .item-news
	{
		margin: 0;
		padding: 8px 0 8px 0px;
	}

#contain #structure .content .text-news .item-news h3
	{
		margin: 1px 0;
		padding: 0;
		font-size: .9em;
		color: #006699;
	}

#contain #structure .content .text-news .item-news h3 a
	{
		color: #006699;
	}

#contain #structure .content .text-news .item-news p
	{
		margin: 1px 0;
		padding: 0;
		color: #666666;
	}

#contain #structure .content .text-news .item-news p a
	{
		color: #666666;
	}

#contain #structure .content .text-news .item-news p.type-date
	{
		color: #81CDFF;
	}

#contain #structure .content .text-pub
	{
		position: relative;
		left: 19px;
		float: left;
		margin: 0 0 6px 0;
		padding: 0;
		border-bottom: 1px dashed #797979;
		width: 507px;
		font-size: 1em;
		line-height: 1.5em;

	}

#contain #structure .content .text-pub span
	{
		position: absolute;
		top: 20px;
		right: 25px;
	}

#contain #structure .content .text-pub span a
	{
		padding: 0 0 0 6px;
		font-size: .85em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: underline;
		color: #006699;
		background:  url(/assets/images/content_textpub_blt.gif) no-repeat 0 .40em;

	}


#contain #structure .content .text-pub h2
	{
		margin: 20px 0 20px 0;
		font-size: 1.3em;
		font-weight: bold;
		color: #006699;
	}

#contain #structure .content .text-pub a
	{
		text-decoration: none;
	}

#contain #structure .content .text-pub a:hover
	{
		text-decoration: underline;
	}

#contain #structure .content .text-pub .col
	{
		float: left;
		margin: 0;
		padding: 0;
		width: 169px;
	}

#contain #structure .content .text-pub .col h3
	{
		margin: 15px 0 0 0;
		padding: 0;
		font-size: .9em;
		color: #006699;
	}

#contain #structure .content .text-pub .col h3 a
	{
		color: #006699;
	}


#contain #structure .content .text-pub .col p
	{
		margin: 0 10px 20px 0;
		padding: 0 0 0 0;
		font-size: .9em;
		color: #666666;
	}

#contain #structure .content .text-pub .col p a
	{
		color: #666666;
	}









#contain #structure .content p,h2,h3,h4,h5,ul
	{
		margin: 0 50px 10px 19px;
	}

										/*
										10/12/2007
										adding new class here for width expansion
										*/
										#contain #structure.wide .content
											{
												width: 770px;
											}
										#contain #structure.wide .content .text-area
											{
												width: 760px;
											}	  
											
											#contain #structure.wide .content .title
												{
													position: relative;
													float: left;
												}
											
											#contain #structure.wide .content .title h1
												{
													margin: 20px 0 0 19px;
													padding: 0;
													font-size: 1.75em;
													font-weight: normal;
													color: #006699;
												}
											
										/* end this change	*/

							/*
							12/06/2007
							djura
							adding alternate class for width expansion
							*/
							#contain #structure.widecon .content
								{
									width: 775px;
								}
							#contain #structure.widecon .content .crumbs
								{
									width: 737px;
								}
							#contain #structure.widecon .content .text-area
								{
									width: 775px;
								} 
								
									#contain #structure.widecon .content .title
												{
													position: relative;
													float: left; 
												}
											
											#contain #structure.widecon .content .title h1
												{
													margin: 20px 0 0 19px;
													padding: 0;
													font-size: 1.75em;
													font-weight: normal;
													color: #006699;
												}
							/* end this change */

/*************************************************************
Structural Right
***************************************************************/

#contain #structure .right
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 230px;
	}

#contain #structure .right p
	{
		margin: 2px 8px 10px 15px;
		padding: 0;
		color: #003366;
	}

#contain #structure .right h2
	{
		margin: 10px 5px 0 15px;
		font-size: 1.15em;
		color: #003366;
	}

#contain #structure .right ul
	{
		margin: 0;
		padding: 0;
	}

#contain #structure .right li
	{
		margin: 0 25px 10px 15px;
		padding: 0 0 0 12px;
		list-style: none;
		color: #003366;
	}

#contain #structure .right a
	{
		color: #003366;
		text-decoration: underline;
	}

#contain #structure .right a:hover
	{
		color: #003366;
		text-decoration: none;
	}

#contain #structure .right .box-side
	{
		display: block;
		float: left;
		position: relative;
		margin: 0;
		padding: 20px 0;
		width: 230px;
/*		background: #F6F6F6 url("/assets/images/right_box_bg.gif") no-repeat bottom left;*/
	}

#contain #structure .right .box-side h1
	{
		margin: 0 0 0 15px;
		padding: 0;
		color: #006699;
		font: bold 1.2em Arial;
		text-transform: uppercase;
	}

#contain #structure .right .box-side li
	{
		padding-left: 20px;
		background:  url(/assets/images/right_box_blt_pdf.gif) no-repeat 0 8%;
	}

#contain #structure .right .box-banner
	{
		display: block;
		float: left;
		margin: 0 0 12px 0;
		padding: 0;
		width: 230px;
	}

#contain #structure .right .box-side .item-news
	{
		margin: 10px 15px;
		padding: 0 0 10px 0px;
		border-bottom: 1px dashed #AEAEAE;
	}

#contain #structure .right .box-side .item-news.end
	{
		border: none;
	}

#contain #structure .right .box-side .item-news p
	{
		margin: 5px 0 0 0;
		color: #797979;
	}

#contain #structure .right .box-side .item-news p.type-story
	{
		margin-top: 2px;
	}

#contain #structure .right .box-side .item-news p.type-date
	{
		color: #81CDFF;
	}

#contain #structure .right .box-side .item-news h2
	{
		margin: 2px 0 6px 0;
		font-size: 1em;
		font-weight: normal;
		color: #007AA9;
	}

#contain #structure .right .box-side .item-news h3
	{
		margin: 2px 0 0 0;
		font-size: 1em;
		font-weight: bold;
		color: #006699;
	}


#contain #structure .right .box-side .item-news li
	{
		margin: 0;
		padding: 0;
		background: none;
	}

#contain #structure .right .box-side .item-news li a
	{
		display: block;
		padding: 5px 10px 10px 12px;
		background:  url(/assets/images/right_box_link_blt.gif) no-repeat 0 .8em;
		color: #003366;
	}

#contain #structure .right .box-side .item-news li a:hover
	{
		background: #FFF url(/assets/images/right_box_link_blt.gif) no-repeat 0 .8em;
		color: #003366;
	}

#contain #structure .right .box-side .item-news a
	{
		padding: 2px 8px 2px 7px;
		color: #797979;
		background:  url(/assets/images/right_box_blt_arrow.gif) no-repeat 0 .55em;
	}

#contain #structure .right .box-side .item-news a:hover
	{
		color: #FFF;
		background: #CDCDCD;
	}

#contain #structure .right .box-side .rss
	{
		position: absolute;
		top: 18px;
		left: 175px;
		margin: 0;
		padding: 0;


	}

#contain #structure .right .box-side .item-photo
	{
		margin: 10px 0 10px 15px;
	}


#contain #structure .right .box-side p.item-part-link a
	{
		font-weight: bold;
		text-decoration: underline;
		color: #003366;
	}

#contain #structure .right .box-side p.item-part-link a:hover
	{
		text-decoration: none;
	}


/*
12/06/2007
djura
adding styles for 'posted note' boxes
  '.posted-note' has fixed height
  '.posted-note-vh' can handle long content
*/

/* posted-note */
#contain #structure .right .posted-note
	{
		display: block;
		float: left;
		position: relative;
		margin: 0 0 30px;
		padding: 30px 25px 25px;
		width: 180px;
		height: 177px;
		background:  url(/assets/images/posted-note.gif) no-repeat 0 0;
	}
#contain #structure .right .posted-note h1
	{
		margin: 0 0 8px;
		padding: 0;
		font: 1.7em "Marker Felt", "Comic Sans MS", Arial, sans-serif;
		color: #000;
	}
#contain #structure .right .posted-note p
	{
		margin: 0;
		padding: 0;
	}
#contain #structure .right .posted-note img
	{
		float: right;
		margin: 0 0 10px 10px;
	}

/* posted-note-vh */
#contain #structure .right .posted-note-vh
	{
		display: block;
		float: left;
		position: relative;
		margin: 0 0 30px;
		padding: 0 25px;
		width: 180px;
		background:  url(/assets/images/posted-note-mid.gif) repeat-y 0 0;
	}
#contain #structure .right .posted-note-vh h1
	{
		margin: 0 -25px ;
		padding: 30px 25px 8px;
		font: 1.7em "Marker Felt", "Comic Sans MS", Arial, sans-serif;
		color: #000;
		background:  url(/assets/images/posted-note-top.gif) no-repeat 0 0;
	}
#contain #structure .right .posted-note-vh .btm
	{
		margin: 10px -25px 0;
		padding: 20px 25px 0;
		background:  url(/assets/images/posted-note-btm.gif) no-repeat bottom left;
	}
#contain #structure .right .posted-note-vh p
	{
		margin: 0;
		padding: 0;
	}
#contain #structure .right .posted-note-vh img
	{
		float: right;
		margin: 0 0 10px 10px;
	}

/* end this change */







p
	{
	}


h1
	{
	}

h2
	{
	}

h3
	{
	}

h4
	{
	}


ul
	{
	}

li
	{
	}

ol
	{
	}  

hr {
  border-bottom: 1px solid #FFFFFF;	 
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-top:1px dashed #AEAEAE;  
  padding:0;
  margin: 0 0 0 19px;
}


/***************************************************************
Footer Items
***************************************************************/

#footer
	{
		display: block;
		float: left;
		margin: 20px 0;
		padding: 0;
		width: 981px;
		text-align: left;
		background: #FFF url("/assets/images/footer_bg.gif") repeat-x top left;
	}
	
#footer	ul
	{
		/*margin: 10px 10px 50px 10px;*/
		margin: 10px 20px 0px 20px;
		padding: 0;
		font-size: 9px;
	}
	
#footer li
	{
		display: inline;
	}
	
#footer li.item-phone
	{
		margin: 0 108px 0 3px;
	}

#footer li.item-link
	{
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		border-right: 1px solid #00A8FA;
	}
	
#footer li.item-link-end
	{
		margin: 0;
		padding: 0;
		border-right: none;
	}
	
#footer li a
	{
		font-weight: bold;
		color: #00A8FA;
	}


#footer ul#social_block {
	      /*margin: -35px 5px 0px 10px;*/
	      margin: -35px 5px 0px 20px;
	      padding: 0;
	      font-size: 9px;
          float:right;
          list-style-type: none;
          display:inline;
}
#footer ul#social_block li a {
         float:left;
         display: block;
        overflow: hidden;
         padding-top:27px;
         height:0px;
}
#footer ul#social_block li#facebook a { 
         width:82px;
         background: url(/assets/images/footer-social-logos/social_footer.jpg) no-repeat 0 0;
}
#footer ul#social_block li#twitter a { 
         width:79px;
         background: url(/assets/images/footer-social-logos/social_footer.jpg) no-repeat -84px 0px; 
}
#footer ul#social_block li#youtube a { 
         width:70px;
         background: url(/assets/images/footer-social-logos/social_footer.jpg) no-repeat -164px 0px; 
}
#footer ul#social_block li#flickr a { 
         width:61px;
         background: url(/assets/images/footer-social-logos/social_footer.jpg) no-repeat -234px 0px; 
}
#footer ul#social_block li#facebook a:hover { 
         background-position: -0px   -27px;  
}
#footer ul#social_block li#twitter a:hover { 
         background-position: -84px  -27px; 
}
#footer ul#social_block li#youtube a:hover { 
         background-position: -164px  -27px; 
}
#footer ul#social_block li#flickr a:hover { 
         background-position: -234px  -27px; 
}


/******************************************************
Nav Items
******************************************************/

#nav
	{

	}




/****************************************************************
General Links remember order>> link:a visited:a hover:a active:a
*****************************************************************/

a
	{
		color: #0BAEF8;
		text-decoration: underline;
	}
a:link
	{
	}
a:visited
	{
	}
a:hover
	{
		text-decoration: none;
	}
a:active
	{
	}
		   
	
/****************************************************************
	In-page Image formatting added 2-7-08
*****************************************************************/
div.image-caption-right{
	float:right;
	padding: 7px; 
	margin: 0 6px 0 13px;
	background-color: #f6f6f6;
}

div.image-caption-left {
	float:left;
	padding: 7px; 
	margin: 0 13px;
	background-color: #f6f6f6;
}	

div.image-caption { 
	background-color: #f6f6f6;
	padding: 7px; 
}	
      
#contain #structure .content div.image-caption-left  p.photocredit,
#contain #structure .content div.image-caption-right  p.photocredit, 
#contain #structure .content div.image-caption  p.photocredit { 
	text-align: right;
	font-size:.75em;
	margin: 3px 0;
	padding: 0;
	color: #999;
}
#contain #structure .content div.image-caption-left  p,
#contain #structure .content div.image-caption-right  p,
#contain #structure .content div.image-caption  p  { 
	/*width: 200px;*/
	text-align: left;
	font-size:.75em;
	line-height:1.2em; 
	margin: 0;
	padding: 0;
	 color: #666;
}
#contain #structure .content div.image-caption-left  p a,
#contain #structure .content div.image-caption-right  p a,
#contain #structure .content div.image-caption  p a  {
		color: #666;
		text-decoration: underline;
	}     
/****************************************************************
   Donate Alert formatting added 3-17-08
*****************************************************************/ 
div.donate-alert {
	border:1px dashed #0BAEF8;
	background-color: #E2F4FF;
	padding:10px 0 0 0;
	margin: 0 13px 10px 20px;
} 

#contain #structure .content .text-area div.donate-alert p{
	color: #036;
}
#contain #structure .content .text-area div.donate-alert p a{
	color: #0BAEF8;
}