/*
 * Basic CSS level 1 file for yangfamilytaichi.com.
 *
 * 1. Generic
 * 2. Classes 
 * 3. Header
 * 4. Footer
 * 5. Columns 
 * 5.1. Left Column
 * 5.2. Center Column
 * 5.3. Right Column
 * 6. Print
 */


/*
 * 1. Generic
 */

body {
	font-family:verdana,sans-serif;
	margin:0;
	padding:0;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	background:#fff;
	border : 1px solid #01304D;
}
h2 {
	margin-top:20px;
	font-family:georgia,times,serif;
	font-size:25px;
	/* color:#000; */
	color:#01304D;
}
h3 {
	font-size:20px;
	font-family:arial,verdana,sans-serif;
	color:#000;
	/* color:#01304D; */
	border-top:2px solid #dedede;
	margin:0;
	margin-top:20px;
	clear:both;
}
h4 {
	font-size:14px;
	color:#000;
}
h5 {
	font-size:12px;
	color:#000;
}
hr {
	color:#dedede;
	background:#dedede;
	height:2px;
	border:0;
}
p, li {
	line-height:1.5em;
}
ul {
	list-style:none outside url(/_link/image/ico-list-type.gif);
}
li {
	margin-bottom:0.5em;
}
a {
	color:#740000;
	outline:none;
}
a:hover {
	text-decoration:none;
}
td {
	font-size:12px;
}

/*
 * 2. Classes 
 */

.hide { display:none; }
.show { display:block; }

.l-sections dt { display:none; /* height:13px; color:#867555; */ }
.l-sections {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
}
.l-sections li,
.l-sections dd {
	/* width:80%; */
	margin:0 20px;
	text-transform:uppercase;
	/* font-family:georgia,times,serif; */
	border-bottom:1px solid #7F7F72;
	/* font-size:12px; */
	/* padding:2px 0; */
}
.l-sections a {
	/* color:#867555; */
	display:block;
	padding:10px 0;
	padding-right:10px;
	/* padding-bottom:3px; */
	/* padding-left:18px; */
	text-decoration:none;
	background:transparent url(/_link/image/ico-menu.gif) no-repeat center right;
}
.l-sections a .sect {
	margin-left:-0.9em;
	font-weight:bold;
	display:none;
}
/* .l-sections a:hover .sect {
	visibility:visible;
}
.l-sections a:hover {
	background:#d5d4ba;
} */
.l-sections .menu-active { background:#d5d4ba; }
.l-sections .menu-active .sect { visibility:visible; }

.flash {
	padding:10px;
	margin-bottom:10px;
	background-color:#ffffdd;
	border:1px solid #e5e56a;
	background-repeat:no-repeat;
	background-position:5px 5px;
}

/* 
 * 3. Header
 */

#h {
	background:#000 url(/_link/image/bg-document.jpg) repeat-x top left;
}
#h h1 {
	background:transparent url(/_link/image/h-yangfamily-home.jpg) no-repeat scroll top left;
	font-family:georgia,times,serif;
	font-size:20px;
	margin:0;
	height:225px;
	text-indent:-100em;
}

#h .members {
	position:relative;
	top:-260px; 
	left:370px; 
	width:200px;
	height:0px; /* get rid of black bar */
	color:white;
	font-size:9px;
	text-transform:capitalize;
	font-family:arial,verdana,sans-serif;
}
#h .members a {
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	padding-top:12px;
	line-height:40px;
}
#h .members a:hover,
#h .members a.selected {
	text-decoration:none;
	color:#D8B435;
	background:transparent url(/_link/image/bg-members-on.gif) no-repeat top center;
}
#h-menu {
	margin:0;
	padding:0 0 5px 10px;
	text-align:center;
	background:#01304D;
	height:25px;
	position:relative;
	border-bottom:1px solid #c2c2ce;
	margin-bottom:0 !important;
	white-space:nowrap;
}

#h-menu li {
	display:inline-block;
	color:#fff;
	font-size:11px;
	line-height:1em;
	padding-right:3px;
	border-right:1px solid white;
}
#h-menu li:last-child {
	border-right:none;
}
#h-menu a {
	text-transform:uppercase;
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;//arial,verdana,sans-serif;
	text-decoration:none;
	margin:0;
	padding:2px 7px;
	color:#fff;
	font-size:11px;
}
#h-menu a:hover,
#h .menu-active {
	background:#fff url(/_link/image/bg-menu-on.gif) repeat-x top left;
}
.submenu {
	display:none;
	padding:5px 0;
	text-align:center;
	width:100%;
	position:absolute;
	top:25px;
	left:0;
	/* margin:0; */
	background:#a19c6c url(/+link/image/bg-submenu.jpg) repeat-x scroll top center;
}
#h-menu .submenu a { color:#fff; }
#h-menu .submenu a:hover { background:#8a825b; }
#h-menu .submenu .menu-active { background:#8a825b; }


/*
 * 4. Footer
 */

#f {
	border-bottom:1px solid black;
	//margin-top:10px;
	min-height:150px;
	clear:both;
	background:#000 url(/_link/image/bg-footer.jpg) repeat-x scroll top center;
	text-align:center;
	font-size:11px;
	color:#fff;
	font-weight:normal !important;
}
#f a {
	color:#fff;
}
#f .separator {
	color:#005991;
	background:#005991 url(/_link/image/bg-footer-hr.gif) repeat-x scroll top left;
	height:18px;
	margin:0;
	border:0;
}
#f .separator hr {
	display:none;
}


/* 
 * 5. Columns 
 */

#l, #c, #r {
	font-size:12px;
	margin:0;
	padding-top:20px;
	padding-bottom:10px;
}


/* 
 * 5.1. Left Column
 */

#l {
	width:210px;
	margin-right:10px;
	float:left;
	color:#484747;
	background:#f0ecdb;
}
#l li, #l dd {
	margin:5px;
}
#l a {
	color:#867555;
	padding:0.1em 0em;
}
#l #submenu {
	margin-left:10px;
}
#l #submenu a {
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	color:#fff;
	height:20px;
	padding-left:30px;
	background:#fff url(/_link/image/bg-menu-on.gif) repeat-x top left;
}
#l #submenu div {
	border:1px solid #C0AE95;
	border-top:10px solid #C0AE95;
	border-bottom:10px solid #C0AE95;
	background:#E9E9E6;
}
#l #submenu address {
	border-bottom:1px solid #B6B6B4;
}
#l #submenu a:hover,
#l #submenu a.selected {
	background-color:#01304D;
	background-image:none;
}


/*
 * 5.2. Center Column
 */

#c {
	float:left;
	//margin-bottom:20px;
	width:520px;
}


/* 
 * 5.3. Right Column
 */

#r {
	float:right;
	width:20%;
}


/*
 * 6. Print
 * Warning: we use !important to override section specific CSS
 */

@media print {

#h .members {
	display:none;
}

a {
	color:#000;
	text-decoration:none;
}
#h h1 {
	text-indent:0;
	border-bottom:3px solid #dedede;
	height:45px;
	padding:16px 0 0 75px;
	margin-bottom:10px;
}
#h-menu {
	display:none;
}
#h h1 a {
	text-decoration:none;
}
#yftcca-logo {
	display:block;
	float:left;
}

#f .separator, #f .by-martialgraphics {
	display:none;
}
#l, #c, #r {
	height:auto !important; /* override layout.js */
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
	float:none !important;
}
#l { display:none; }