/*

Life as Me: Common CSS
Copyright (c) 2008, Alice Dawn Bevan-McGregor. All Rights Reserved.

Permission is granted to use and modify this file as long as this original header remains intact.

Certain sections may be copyright other developers, most notably Yahoo! and its contributors. Please follow specific licensing requirements as noted.

For additional information on the site design used by Life as Me, please see the following website:

    http://www.lifeasme.com/corporate/site-design/

Yahoo! User Interface CSS is used unmodified unless otherwise noted.

*/


/* @group Yahoo! User Interface: Reset CSS */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* @end */


/* @group Yahoo! User Interface: Fonts CSS */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* @end */


/* @group Yahoo! User Interface: Grids CSS */

/*
YUI Grids CSS - Modified to use classes, not IDs, where appropriate.
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
Modified using the following expressions:
 - s/#yui/.yui/g
 - s/#doc/.doc/g
*/
/* for all templates and grids */
body{text-align:center;}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
.doc,.doc2,.doc3,.doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:57.69em;*width:56.301em;min-width:750px;}
/* 950 centered */ 
.doc2 {
	width:73.074em;*width:71.313em;}
/* 100% with 10px viewport side matting */ 
.doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
/* 974 centered */
.doc4 {
	width:74.923em;*width:73.117em;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	.yui-main .yui-b{position:static;} 

.yui-main {width:100%;}
.yui-t1 .yui-main,
.yui-t2 .yui-main,
.yui-t3 .yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 .yui-main,
.yui-t5 .yui-main,
.yui-t6 .yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 .yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 .yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 .yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 .yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 .yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 .yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 .yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
.yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */

.yui-gb .yui-g,/*new for nesting normal grids in special grids*/
.yui-gb .yui-gb,/*new for nesting normal grids in special grids*/
.yui-gb .yui-u, 
.yui-g .yui-gb .yui-u,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf, 
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}

.yui-gb .yui-gb .yui-u,
.yui-gb .yui-gc .yui-u {_margin-left:1.2%;*margin-left:1.7%;}
.yui-g .yui-gb .yui-u {_margin-left:.8%;} /* for #8-10 for IE6 */
.yui-gb .yui-u {margin-left:2%;width:32%;float:right;*width:31.8%;}
.yui-gb div.first {margin-left:0;*margin-right:1px;float:left;}
.yui-gb .yui-gb div.first {*margin-right:0;width:31.7%;} /* for #29 for IE7*/
.yui-gb .yui-gc div.first, /* for #41 for IE7 */
.yui-gb .yui-gd div.first  /* for #40 for IE7 */
	 {*margin-right:0;}

.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first {float:left;}

.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}

.yui-gb .yui-gc .yui-u,
.yui-g .yui-gc .yui-u {_float:right;width:32%;_width:29.9%;}
.yui-gb .yui-gc div.first {width:66%;*width:64.5%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u, 
.yui-gb .yui-gf .yui-u {margin:0;}

	/*Float units (and sub grids) to the right */
	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb, 
	.yui-g .yui-gc, 
	.yui-g .yui-gd, 
	.yui-g .yui-ge, 
	.yui-g .yui-gf, 
	.yui-gc .yui-u, 
	.yui-gd .yui-g,
	.yui-g .yui-gc .yui-u,
	.yui-ge .yui-u, 
	.yui-ge .yui-g, 
	.yui-gf .yui-g,
	.yui-gf .yui-u{float:right;display:inline;}
	
	/*Float units (and sub grids) to the left */
	.yui-g div.first,
	.yui-g div.first, 
	.yui-gc div.first,
	.yui-gc div.first div.first,
	.yui-gd div.first, 
	.yui-ge div.first, 
	.yui-gf div.first{float:left;}

.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u {width:48.1%;*margin-left:0;}
.yui-g .yui-g div.first {*margin:0;}
.yui-gb .yui-g div.first {*margin-right:1px;}

.yui-gb .yui-gb .yui-u {_margin-left:.7%;} /* for #23-32 for IE6*/
.yui-gb .yui-g div.first, /* for #23 for IE6*/
.yui-gb .yui-gb div.first {*margin-left:0;}

.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u {_width:48.1%;*width:48.1%;*margin-left:0;}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {width:49.1%;}

.yui-g .yui-gb div.first,
       .yui-gb div.first, 
       .yui-gc div.first, 
       .yui-gd div.first {margin-left:0;}
	   
.yui-g .yui-gc div.first, 
.yui-gc div.first, 
.yui-gd .yui-g, /* for 056, 057 */
.yui-gd .yui-u {width:66%;}

.yui-gd div.first,
.yui-gb .yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}

.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf div.first {width:24%;}

.yui-ge div.first, 
.yui-gf .yui-g,
.yui-gf .yui-u{width:74.2%;}

/* narrower width in nexted contexts */
.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf div.first {*width:24%;_width:20%;}

/* narrower width in nexted contexts */
.yui-gb .yui-ge div.first, 
.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

/* @end */


/* @group Common (Theme-Shared) Classes */

.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tj { text-align: justify !important; }
.fl { float: left; margin-right: 10px; margin-bottom: 5px; }
.fr { float: right; margin-left: 10px; margin-bottom: 5px; }

/* @end */


/* @group Print Management */

.onprint { display: none; }

@media print {
    .onprint { display: block; }
	canvas, .noprint { float: none; display: none !important; margin: 0; padding: 0; }
}

/* @end */