/* CSS Document */
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Portlands Children Museum Style Sheet
Author : Carlo Delumpa
Email : carlo@icandycreative.biz
Last Modified : 31.August.2009

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



/*-  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 #89d5f2;
	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:18px;
	font-family:"lucida grande", Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
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:0px;
	}
	
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
	
h1 {
	font-size:20px;
	padding-bottom:8px
	}
	
h2 {
	font-size:16px;
	padding-bottom:3px
	}
	
	
ul {
	margin:7px;
	}

/*********** = STRUCTURE = ***********/
#wrapper {
	width:805px;
	margin-left: auto;
	margin-right:auto;
	text-align:left;
	}
	
	
#header_logo{
margin:0;
padding:0;
	float:left;
	margin-top:20px;
	margin-left:-25px;
	}


#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');`
	}
	


#content_wrap { 
	width:804px;
	height:auto;
	float:left;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 10px;
	background:#ffffff;
	font-family:"GillSans","Gill Sans", "Gill Sans MT", "Appleothic", Arial, Helvetica, sans-serif;
	color:#474747;	
	}
	
.content_2col {
	background:#ffffff;
	width:805px;
	height:auto;
	margin: 0px auto;
	margin-bottom:0px;
	margin:auto;
	}
	
#quick_links {
	margin:0;
	padding:0;
	width: 100%;
	text-align:center;
	margin-top: -20px;
	margin-bottom: 10px;

}
	
	
#flashholder {
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	width:768px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}
	
#eventholder {
	position:absolute;
	padding:10px;
	right:0px;
	top:0px;
	background-color:#FFF;
	width:200px;
	height:100%;
	opacity:.8;
	filter:alpha(opacity=80);
	text-align:center;
}

#eventholder h2 {
	color:#39819a;
}

#content_area {
	position:relative;
	width:768px;
	height: auto;
	margin:15px auto 15px auto;
}

#home_left_sidebar {
	margin:0px;
	padding:0px;
	width:170px;
	height:auto;
	float:left;
	margin-right:20px;
}

#home_left_sidebar h1 {
	margin:-2px 0px -20px 0px;
	text-align:center;
}	

#home_museum_411 {
	width:170px;
	height:auto;
	background-color:#ebdcfa;
	float:left;
	padding:10px;
}

#home_museum_411 h2 {
	text-align:center;
}

#home_museum_411 p {
	text-align:left;
	font-size:0.9em;
	line-height:1.0em;
	font-weight:100;
	margin-bottom:2px;
}

#home_featured_content {
	width:265px;
	height:auto;
	float:left;
	margin-left:16px;
	padding:10px;
}

#home_featured_content h2 {
	margin-top:6px;

}

img.float_right {
	float:right;
	margin-left:5px;
}

img.float_left {
	float:left;
	margin-right:5px;
}

#home_featured_content p, #about_pcm p, #newsletter_module p {
	text-align:left;
	font-size:1.0em;
	line-height:1.2em;
	padding-right:5px;
	margin-bottom:20px;
}

#home_featured_content p.quote {
	text-align:left;
	font-size:0.9em;
	font-style:italic;
	color:ebdcfa;
	line-height:1.1em;
	padding-right:5px;
	margin-bottom:10px;
}

#home_museum_411 a.more_info, #home_featured_content a.more_info,
#about_pcm a.more_info  {
	font-size:1.2em;
	font-style:italic;
	font-weight:normal;
	text-decoration:none;
}

p.sponsor_text {
	text-align:center;
	font-size:0.9em;
	margin-bottom:-10px;
}

a.inline_link  {
	font-weight:normal;
}

#home_right_sidebar {
	width:235px;
	height:auto;
	float:left;
	margin-left:16px;
}

#home_right_sidebar p {
	margin-bottom:9px;
}

#about_pcm {
	width:235px;
	height:auto;
	margin-top:10px;
	padding:10px;
}

p.table_text {
	text-align:left;
	font-size:0.9em;
	line-height:1.1em;
	padding-right:5px;
	margin-bottom:10px;
}


	
.myBox {
    padding: 10px;
    border: 1px solid #ebdcfa;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myBox_featured_content {
    padding: 10px;
    border: 1px solid #ebdcfa;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myBox_about_pcm {
    padding: 10px;
    border: 1px solid #ebdcfa;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.myBox, .myBox_featured_content h2, .myBox_about_pcm h2 {
	color:#39819a;
}

/*********** = Footer = ***********/
#footer {
margin:0;
padding:0;
	margin-left:auto;
	margin-right:auto;
	width:804px;
	height:150px;
	font-size:9px;
	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:9px;
	font-weight:normal;
}

#footer_411 p {
	margin:0;
	padding:0;
	margin:-4px;
}


#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:9px;
	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 bottom center;
	height:27px;
	}
	
#footer_copyright {
	margin: 10px 0 0 0;
	height:30px;
	width:805px;
	}
	
#footer_logo{
	float:left;
	}
	
#footer_main_sponsors{
	float:left;
	clear:both;
	}

#footer_logo h1 a{
	display:block;
	text-indent:-9999px;
	margin-left: 3px;
	width:197px;
	height:28px;
	background:url(../_images/pcm_logo_footer.png) no-repeat center center;		
	}
	
#footer_copy_txt {
	float:right;
	line-height:normal;
	padding-right:5px;
	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%;
	
	}
	
#info_box_last {
	float:left;
	width:33%;
	}

/*********** = Newsletter Box = ***********/
#newsletter_module {
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#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:15px;
	}
	
.info{
	padding-left:10px;
	padding-right:10px;
	}

.content_left h3{
	padding-top:12px;
	}
	
h1.page_title {
	font-size:24px;
	color:#39819a;
	}
	
	
.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.member_btn_cd {
	display:block;
	float:left;
	margin-top:-2px;
	height: 37px;
	width:115px;
	text-indent:-9999px;
	background:url(../_images/btn_member_cd.jpg) no-repeat 0px 0px;
	}
	
h1 a:hover.member_btn_cd {
	background:url(../_images/btn_member_cd.jpg) no-repeat 0px -37px;
	}
	
h1 a.donate_btn_cd {
	display:block;
	float:right;
	margin-top:-10px;
	margin-bottom:0px;
	height: 37px;
	width:115px;
	text-indent:-9999px;
	background:url(../_images/btn_donate_cd.jpg) no-repeat 0px 0px;

	}
	
h1 a:hover.donate_btn_cd {
	background:url(../_images/btn_donate_cd.jpg) no-repeat 0px -37px;
	}
	

	
h1 a.cal_btn_long {
	display:block;
	height: 71px;
	width:235px;
	text-indent:-9999px;
	background:url(../_images/btn_cal_235px.jpg) no-repeat 0px 0px;
	margin:auto;
	}
	
h1 a:hover.cal_btn_long {
	background:url(../_images/btn_cal_235px.jpg) no-repeat 0px -71px;
	}
	

	
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: 58px;
	width:193px;
	text-indent:-9999px;
	background:url(../_images/btn_cal_200px.jpg) no-repeat 0px 0px;
	margin:auto;
	}
	
h1 a:hover.cal_btn {
	background:url(../_images/btn_cal_200px.jpg) no-repeat 0px -58px;
	}
	
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 {
	display:block;
	margin:6px 6px 0px 0px;
	height: 39px;
	line-height:38px;
	border:0px;
	width:124px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	background:url(../_images/btn_donateBG_sm.gif) no-repeat 0px 0px;
	float:right;
	}
.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;
	}
	
	
.cart_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;
	}
	
.cart_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;
	}
	
.member_pad {
	padding:0px 12px 0px 12px;
	}
	
.quote_block {
	padding-left:25px;
	padding-right:25px;
	}
	
ul.content_list li{
	margin-left:20px;
	} 
	
	
	

	
/*********** = Accordion = ***********/
ul.drawers{
    list-style: none;
	} 
	
ul.drawers li{
	margin-left:20px;
	} 
	
ul.drawers li:hover{
	cursor:pointer;
	color:#666666;
	}