/* MCA CSS  */

/* set up page and default all padding and margins */
body {
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

body *{  margin:0px; padding:0px; }

/* page properties */
.pagecontent { width:780px; text-align:left}
/* ~~~~~~~  this will split full page down the middle if needed */
.floatRight { float:right; }
.floatLeft { float:left; }

.threeCols .centerColumn { margin:0px 145px 0px 245px; }
.threeCols .rightColumn { float:right; width:145px; }
.threeCols .leftColumn { float:left; width:245px; }

.twoCols .rightColumn { margin-left:245px; }
.twoCols .leftColumn { float:left; width:245px; }

.oneCol { margin-left: 5px; margin-right:90px; }
.oneColArticle { margin-left: 5px; margin-right:90px; }
.oneColArticle p {line-height:20px;}

/* masthead */
/* random background image is generated from js in each page */
.masthead
{
	display:block;
	height: 180px;
	margin-top:6px;
	margin-bottom:16px;
	background-color:#999999;
	background-image:url(../imgs/masthead_photos/default.gif);
	background-repeat:no-repeat;	
}
.masthead #logoHomeBtn { float:left; }
.masthead .navbuttons { margin-left:240px; padding-top:24px; }
.masthead .navbuttons img { display:block; padding:0px 0px 2px 0px; }
/* hide the print bar*/
.printerHeader { display:none; }

/*  h1 & h2 are used to wrap graphics */
h1 { display:block; }
h2 { display:block; }

/* content html headers */
h3 { display:block; font-size:16px; font-weight:bolder; margin:10px 0px 10px 0px; line-height:18px; }
h4 { display:block; font-size:12px; font-weight:bolder; margin:24px 0px 8px 0px; line-height:16px; }

p { padding-right:20px; margin-bottom:12px; line-height:16px;}
p em { color:#666666; }

img { display:block; padding:2px 4px 2px 0px; }
.articlePhoto {display:block; margin:12px 0px 12px 0px; padding:5px; background-color:#EEEEEE; }
.articlePhotoCaption {display:block; margin:-10px 0px 24px 0px; padding:5px; font-size:11px; font-style:italic; color:#333333; }

.smalltext { color:#666666; font-size:11px; }

.highlight-pink { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_pink.gif) }
.highlight-orange { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_orange.gif) }

.highlight-classTimes { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_peach.gif) }
.highlight-daytime { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_turquoise.gif) }
.highlight-beginners { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_green.gif) }
.highlight-qigong { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_mud-green.gif) }
.highlight-contact { margin:2px 16px 12px 0px; padding:4px 10px 4px 6px; background-image:url(../imgs/pixel-grid_yellow.gif) }

.quote { text-align: center; font-style:italic; line-height:18px; color:#333333;  padding:0px 50px 0px 10px;  } 
.quoteSource { font-size:10px; } 

/* ~~~~~~~~~ links */
a { color:#0033CC; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#003399; }

/* ~~~~~~~~ general lists */
ul { margin-bottom:24px; list-style-type:circle; list-style-position:outside; padding-left:28px; line-height:16px; color:#333333;}
li { margin-bottom:4px; }

/* ~~~~~~~~ fix branch lists */
#branch-listing ul {margin-top:2px; margin-bottom:10px; list-style:none; padding-left:0px; line-height:14px;}

/* ~~~~~~~~ Article back button */
.articleBackBtn { margin-bottom: 5px;}

/* ~~~~~~~~ for use in PHP */
.errorMsg { color: #FF00000;}

/* ~~~~~~~~~ footer */
.footerClearer { clear:both; }
.footer {
	width:783px;
	font-size: 10px;
	color: #AAAAAA;
}