/* CSS Document */

/* 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



Title : Portlands Children Museum Style Sheet

Author : Josh Hemsley	

Email : josh.hemsley@phoogoo.com

We Are : Phoogoo (www.phoogoo.com)



Modified : 01/22/09



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/







/*-  IE HACKS--------------------------- */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clearboth{

	clear:both;

	}







/*********** = BODY = ***********/



html {

	font-family:"lucida grande", Arial, Helvetica, sans-serif;

	background:url(../_images/pcm_bg_html.jpg) repeat-x center top #97ddf6;

	width: 100%;

	}

	

body {

	padding: 0;

	margin: 0;

	background:url(../_images/pcm_bg_body.jpg) no-repeat center top;

	color: #1c303b;

	width: 100%;

	display: table;

	height:auto;

	font-size: 14px;

	line-height:1.6em;

	font-family:"lucida grande", Arial, Helvetica, sans-serif;

	}

	

body,td,th {

	font-family:"lucida grande", Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-top: 0px;

	}





a img {

	border:0px;

	}

	

	

a:link {

	color:#da8011;

	text-decoration: none;

	font-weight:bold;

	}

a:visited {

	color:#da8011;

	text-decoration: none;

	font-weight:bold;

	}

a:hover {

	text-decoration: none;

	color:#b66808;

	}

a:active {

	text-decoration: none;

  	outline: none;

	}

a:focus	{

	-moz-outline-style: none;

	}

	





p {

	margin:0px;

	padding:0 0 0.25em 0.25em;

	}

	

h1, h2, h3, h4 {

	margin:0px;

	padding:0px;

	}

	

h1 {

	font-size:20px;

	padding-bottom:9px;

	}

	

h2 {

	font-size:16px;

	padding-bottom:2px

	}

	

h3{font-size: 21px; 

	font-weight: bold;

	}

	

	

ul {

	margin:0 0 0.5em 1em;

	}



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

#wrapper {

	width:850px;

	height:auto;

	margin: 0px auto;

	}

	



#content_wrap {

	background:#ffffff;

	font-family:"GillSans","Gill Sans", "Gill Sans MT", "Appleothic", Arial, Helvetica, sans-serif;

	width:805px;

	height:auto;

	margin-top: 0px;

	padding-top:0px;

	color:#474747;

	margin:auto;

	}

	

	

	

.content_2col {

	background:#ffffff url(../_images/pcm_bg_contentSidebar.jpg) repeat-y right top ;

	width:805px;

	height:auto;

	margin: 0px auto;

	margin-bottom:0px;

	margin:auto;

	}

	

.content_2col_full {

	background:#ffffff;

	width:805px;

	height:auto;

	margin: 0px auto;

	margin-bottom:0px;

	margin:auto;

	}

	

	

.content_3col {

	background:#ffffff url(../_images/pcm_bg_3col.jpg) repeat-y right top ;

	width:805px;

	height:auto;

	margin: 0px auto;

	margin-bottom:0px;

	margin:auto;

	}

	



.content_left {

	float:left;

	width:535px;

	}

	

.content_inner_col{

	float:left;

	width:48%;

}

	

.content_right{

	float:right;

	width:265px;

	}

	



	



#header_logo{

	float:left;

	margin-top:20px;

	}





#header_logo h1 a{

	display:block;

	text-indent:-9999px;

	width:252px;

	height:148px;

	background:url(../_images/pcm_logo_header_trans.png) no-repeat center center;

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.phoogoo.com/dev/pcm/www/_images/pcm_logo_header_trans.png",

sizingMethod='scale');		

	}

	

#header_logo2 {

	margin:auto;

	width:1000px;

	height:215px;

	background:url(../_images/pcm_logo_header.png) no-repeat center center;

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.phoogoo.com/dev/genefac/www/_images/gen_bg_homeHeader.png",

sizingMethod='scale');	

	}







#flashholder {

	padding:3px;

	border:1px solid #d1d2d4;

	margin:auto;

	width:498px;

	}






/*********** = Footer = ***********/

#footer {

margin:0;

padding:0;

	margin-left:auto;

	margin-right:auto;

	width:804px;


	font-size:10px;

	text-align:center;

	vertical-align: middle;

	clear:both;

	

}



#footer_411 {

	margin:0;

	padding:0;

	background:url(../_images/pcm_footer_corners_carlo.png) no-repeat bottom center;

	height:50px;

	text-align:center;

	font-size:10px;

	font-weight:normal;

}



#footer_411 p {

	margin:0;

	padding:0;


}





#footer_411 a {

	font-weight:normal;

}







ul#footer_nav, ul#footer_nav li {

	text-decoration:none;

	display:inline;	

	list-style:none;

	

}



ul#footer_nav li, ul#footer_nav li a {

	font-size:10px;

	font-weight:normal;

	

}



#footer_top {

	margin:auto;

	width:805px;

	background:url(../_images/pcm_footer_top.png) repeat-x top center #e9f2f5;

	height:auto;

	font-family:Arial, Helvetica, sans-serif;

	}


	

#footer_corners {

	margin:auto;

	width:805px;

	background:url(../_images/pcm_footer_corners.png) no-repeat top center;

	height:27px;

	}

	

#footer_copyright {

	margin:auto;

	width:805px;

	padding:10px 0px 10px 0px;

	}

	

#footer_logo{

	float:left;

	}
	


#footer_logo h1 a{

	display:block;

	text-indent:-9999px;

	width:197px;

	height:28px;

	background:url(../_images/pcm_logo_footer.png) no-repeat center center;		

	}

	

#footer_copy_txt {

	float:right;

	line-height:normal;

	font-size:10px;

	color:#672d91;

	text-align:right;

	}

	

	

#footer_top .row {

	width:755px;

	margin:auto;

	}	

	

#footer_top .col1 {

	margin-top:25px;

	width:180px;	

	float:left;

	}

	

#footer_top .col2 {

	margin-top:25px;

	width:180px;	

	float:left;

	margin-left:10px;

	}

	

#footer_top .col3 {

	margin-top:25px;

	width:180px;	

	float:left;

	margin-left:10px;

	}

	

#footer_top .col4 {

	margin-top:25px;

	width:180px;

	float:left;

	margin-left:10px;

	}



/*#footer_top a{

	display:block;

	width:100%;

	color:#63777b;

	font-weight:normal;

	font-size:11px;

	text-transform:none;

	background-image:none;

	background-color:;	

	text-decoration:none;

	line-height:normal;

	text-align:center;

	padding:1px 0px 1px 0px;

	}*/

	

	

#footer_top a p{

	padding:2px 7px 2px 7px;

	}	

#footer_top a:hover p{

	padding:2px 7px 2px 7px;

	}	

		

#footer_top a:hover {

	color:#3c4749;

	background-color:#cedcdf;

	text-decoration:none;

	}











/*********** = Content Info Box = ***********/

#info_box_module {

	width:100%;

	border-top:1px dashed #b9b9bb;

	border-bottom:1px dashed #b9b9bb;

	margin-top:15px;

	margin-bottom:15px;

	}

	

#info_outer_pad {

	padding:15px 0px 15px 0px;

	}

	

.info_box_pad {

	padding:4px 10px 4px 10px;

	}

	

#info_box_first {

	float:left;

	width:33%;

	}

	

#info_box_middle {

	float:left;

	width:33%;

	border-right:1px dashed #b9b9bb;

	border-left:1px dashed #b9b9bb;	

	}

	

#info_box_last {

	float:left;

	width:33%;

	}



/*********** = Newsletter Box = ***********/

#newsletter_module {

	width:100%;

	border-top:1px dashed #b9b9bb;

	border-bottom:1px dashed #b9b9bb;

	margin-top:15px;

	margin-bottom:15px;

	}

	

#newsletter_pad {

	padding:15px 0px 15px 0px;

	}

	

	

/*********** = Home News = ***********/

.newslinks a{

	display:block;

	width:100%;

	margin-top:3px;

	background:#f3f6f7;

	padding:4px 0px 4px 0px;

	text-decoration:none;

	}

.newslinks a:hover{

	background:#e8eced;

	}



/*********** = Text Style = ***********/

.info p{

	margin-top:1em;

	}

	

.info{

	padding-left:10px;

	padding-right:10px;

	}



.content_left h3, .content_right h3{

	padding-top:12px;

	}

	

h1.page_title {

	font-size:24px;

	color:#39819a;
	padding:0 10px;

	}

	

	

.txt10 {

	font-size:10px;

	}

.txt11 {

	font-size:11px;

	}

.txt12 {

	font-size:12px;

	}



.txt14 {

	font-size:14px;

	}

	

.txt16 {

	font-size:16px;

	}



.txt18 {

	font-size:18px;

	}

	

.txt24 {

	font-size:24px;

	}



.grn_txt {

	color:#5f7c3c;

	}

.grn_txt11 {

	font-size:11px;

	color:#5f7c3c;

	}



.grn_txt12 {

	font-size:12px;

	color:#5f7c3c;

	}	



.grn_txt14 {

	font-size:14px;

	color:#5f7c3c;

	}

	

.grn_txt16 {

	font-size:16px;

	color:#5f7c3c;

	}		

	

.grn_txt18 {

	font-size:18px;

	color:#5f7c3c;

	}	

	

.grn_txt24 {

	font-size:24px;

	color:#5f7c3c;

	}

	

.orange_txt {

	color:#da8011;

	}



.blue_txt {

	color:#39819a;

	}



.blue_txt12 {

	font-size:12px;

	color:#39819a;

	}

	

.blue_txt14 {

	font-size:14px;

	color:#39819a;

	}

	

.blue_txt16 {

	font-size:16px;

	color:#39819a;

	}	

	

.blue_txt18 {

	font-size:18px;

	color:#39819a;

	}	

	

.blue_txt24 {

	font-size:24px;

	color:#39819a;

	}	

	





.lightBlue_txt12 {

	font-size:12px;

	color:#a7cadf;

	}



.lightBlue_txt14 {

	font-size:14px;

	color:#a7cadf;

	}

	

.lightBlue_txt16 {

	font-size:16px;

	color:#a7cadf;

	}

	

.lightBlue_txt18 {

	font-size:18px;

	color:#a7cadf;

	}	

	

.lightBlue_txt24 {

	font-size:24px;

	color:#a7cadf;

	}	

	

.required_mark {

	color:#CC0000;

	font-size:18px;

	font-weight:normal;

	}

	

/*********** = Link Styles = ***********/

.content_left a{

	color:#da8011;

	text-decoration:none;

	}

.content_left a:hover{

	color:#b66808;

	}



a.grn_link {

	color:#5f7c3c;

	text-decoration:none;

	}

a:hover.grn_link {

	color:#72904d;

	}

	

a.grn_link_boxed {

	color:#5f7c3c;

	background-color:#eef2f3;

	padding:3px 8px 3px 8px;

	text-decoration:none;

	}

a:hover.grn_link_boxed {

	color:#72904d;

	}

	

a.blue_link {

	color:#39819a;

	text-decoration:none;

	}	

a:hover.blue_link {

	color:#4a94ae;

	}



a.blue_link_boxed {

	color:#39819a;

	background-color:#eef2f3;

	padding:3px 8px 3px 8px;

	text-decoration:none;

	}	

a:hover.blue_link_boxed {

	background-color:#e5e9eb;

	color:#4a94ae;

	}



/*********** = Misc Buttons = ***********/

h1 a.donate_btn {

	display:block;

	height: 66px;

	width:218px;

	text-indent:-9999px;

	background:url(../_images/btn_dontation.jpg) no-repeat 0px 0px;

	margin:auto;

	}

	

h1 a:hover.donate_btn {

	background:url(../_images/btn_dontation.jpg) no-repeat 0px -66px;

	}

	

	

h1 a.cal_btn {

	display:block;

	height: 66px;

	width:218px;

	text-indent:-9999px;

	background:url(../_images/btn_cal.jpg) no-repeat 0px 0px;

	margin:auto;

	}

	

h1 a:hover.cal_btn {

	background:url(../_images/btn_cal.jpg) no-repeat 0px -66px;

	}

h1 a.shop_btn{
background:url(../shop/skin1/images/custom/discover_btn.gif) no-repeat;
display:block;
height:85px;
margin:auto;
text-indent:-9999px;
width:218px;
}


h1 a:hover.shop_btn {
	background:url(../shop/skin1/images/custom/discover_btn.gif) no-repeat 0 -85px;
	}	


	

h1 a.educators_btn {

	display:block;

	height: 69px;

	width:238px;

	text-indent:-9999px;

	background:url(../_images/btn_educators.jpg) no-repeat 0px 0px;

	margin:auto;

	}

	

h1 a:hover.educators_btn {

	background:url(../_images/btn_educators.jpg) no-repeat 0px -69px;

	}

	

	

h1 a.educators_btn_2 {

	display:block;

	height: 69px;

	width:238px;

	text-indent:-9999px;

	background:url(../_images/btn_educators_2.gif) no-repeat 0px 0px;

	margin:auto;

	}

	

h1 a:hover.educators_btn_2 {

	background:url(../_images/btn_educators_2.gif) no-repeat 0px -69px;

	}





h1 a.explore_bday {

	float:left;

	display:block;

	height: 80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_bday.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_bday {

	background:url(../_images/btn_explore_bday.jpg) no-repeat 0px -80px;

	}

	

h1 a.explore_exhibits {

	float:left;

	display:block;

	height: 80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_exhibits.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_exhibits{

	background:url(../_images/btn_explore_exhibits.jpg) no-repeat 0px -80px;

	}

	

h1 a.explore_camps {

	float:left;

	height:80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_camps.jpg) no-repeat 0px 0px;

	margin-top:0px;

	margin-right:5px;

	}

h1 a:hover.explore_camps{

	background:url(../_images/btn_explore_camps.jpg) no-repeat 0px -80px;

	}	

	

	

h1 a.explore_events {

	float:left;

	display:block;

	height:80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_events.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_events{

	background:url(../_images/btn_explore_events.jpg) no-repeat 0px -80px;

	}	

	

h1 a.explore_opal {

	float:left;

	display:block;

	height:80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_opal.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_opal{

	background:url(../_images/btn_explore_opal.jpg) no-repeat 0px -80px;

	}	

	

h1 a.explore_members {

	float:left;

	display:block;

	height: 80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_members.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_members{

	background:url(../_images/btn_explore_members.jpg) no-repeat 0px -80px;

	}

	

h1 a.explore_trips {

	float:left;

	display:block;

	height: 80px;

	width:165px;

	text-indent:-9999px;

	background:url(../_images/btn_explore_trips.jpg) no-repeat 0px 0px;

	margin-right:5px;

	}

h1 a:hover.explore_trips{

	background:url(../_images/btn_explore_trips.jpg) no-repeat 0px -80px;

	}	

	



/*********** = Donation Amount Buttons = ***********/

.donateBG_btn_sm {

	float:left;

	display:block;

	margin:6px 6px 0px 0px;

	height: 39px;

	line-height:38px;

	border:0px;

	width:124px;

	text-align:center;

	color:#FFFFFF;

	font-size:20px;

	font-weight:bold;

	background:url(../_images/btn_donateBG_sm.gif) no-repeat 0px 0px;

	}

.donateBG_btn_sm:hover {

	background:url(../_images/btn_donateBG_sm.gif) no-repeat 0px -39px;

	cursor:pointer;

	}



.donateBG_btn_med {

	float:left;

	display:block;

	margin:6px 6px 0px 0px;

	height: 39px;

	line-height:38px;

	border:0px;

	width:165px;

	text-align:center;

	color:#FFFFFF;

	font-size:20px;

	font-weight:bold;

	background:url(../_images/btn_donateBG_med.gif) no-repeat 0px 0px;

	}

	

.donateBG_btn_med:hover {

	background:url(../_images/btn_donateBG_med.gif) no-repeat 0px -39px;

	cursor:pointer;

	}





a.membership_btn_med {

	float:left;

	display:block;

	margin:6px 6px 0px 0px;

	height: 39px;

	line-height:38px;

	border:0px;

	width:165px;

	text-align:center;

	color:#FFFFFF;

	font-size:12px;

	font-weight:bold;

	font-family:"lucida grande", Arial, Helvetica, sans-serif;

	background:url(../_images/btn_donateBG_med.gif) no-repeat 0px 0px;

	}

	

a.membership_btn_med:hover {

	background:url(../_images/btn_donateBG_med.gif) no-repeat 0px -39px;

	cursor:pointer;

	font-family:"lucida grande", Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	}









/*********** = Image Styles = ***********/

img.border1 {

	border:1px solid #d3bbe2;

	padding:2px;

	}





	



	

/*********** = Global Paddings = ***********/



.header_pad {

	padding:15px 0px 0px 0px;

	}

	

.content_left_pad {

	padding:0px 10px 0px 10px;

	}	

	

.content_right_pad {

	padding:0px 10px 0px 10px;

	}



.home_leftColPad {

	padding:15px 5px 5px 5px;

	}

	

.home_rightColPad {

	padding:15px 5px 5px 5px;

	}

	



/*********** = Donate Buttons = ***********/



.donate_amount_btn {

	color:#ffffff;

	font-weight:bold;

	text-decoration:none;

	padding:2px 4px 2px 4px;

	background:#acc840;

	font-size:28px;

	border:0px;

	float:left;

	margin-right:8px;

	display:block;

	line-height:normal;

	margin-top:8px;

	}

	

.donate_amount_btn:hover {

	background:#96b12f;

	cursor:pointer;

	}

	

	



/*********** = EXHIBITS & STUDIOS = ***********/

.exhibit_col {

	float:left;

	width:225px;

	margin-left:22px;

	}

.exhibit_row {

	width:100%;

	clear:both;

	background:url() top left repeat-x #f5f5f5;

	border-bottom:1px solid #efefef;

	border-top:1px solid #ffffff;

	padding:7px 0px 10px 0px;

	}

	

.exhibit_txt_row {

	width:100%;

	clear:both;

	}

.exhibit_img_row {

	margin-top:6px;

	width:100%;

	clear:both;

	}

	

.exhibit_link_row {

	width:100%;

	clear:both;

	text-align:right;

	}

.exhibit_link_row a{

	font-weight:bold;

	}

	

	

.exhibit_row img{

	border:1px solid #999999;

	padding:2px;

	}

	

/*********** = Classes = ***********/

	

.gray_row {

	width:100%;

	clear:both;

	background:url() top left repeat-x #f5f5f5;

	border-bottom:1px solid #efefef;

	border-top:1px solid #ffffff;

	padding:7px 0px 10px 0px;
margin:0 0 1em 0;
	}

	

.member_pad {

	padding:0px 12px 0px 12px;

	}

	

.quote_block {

	padding-left:25px;

	padding-right:25px;

	}

	

ul.content_list li{

	margin-left:20px;

	} 

	

	

	

/*********** = IMG Floats and pads = ***********/

.content_left img{

	padding:4px;

	border:1px dashed #bfbfbf;
	margin:0 12px 24px 0;

	}

	

img.border1{

	padding:2px;

	border:1px dashed #CCCCCC;

	}



img.right {

	float:right;

	margin:8px 0px 8px 8px;

	}

	

img.left {

	float:left;

	margin:8px 8px 8px 0px;

	}	

	

img.noBorder {

	border:0px;

	}	

	

	

/*********** = Accordion = ***********/

ul.drawers{

    list-style: none;

	} 

	

ul.drawers li{

	margin-left:20px;

	} 

	

ul.drawers li:hover{

	cursor:pointer;

	color:#666666;

	}