/*********** body - contains wrap0 and copyrightLine *********/
body		{font-family:arial,helvetica,sans-serif; font-size:small;
			margin:0px; color:#555;
			background-color:#B7C2D0; /* blue gray */
			background-image:url(../images/bgGradient.jpg); background-repeat:repeat-x;}

/*********** wrap0 (within body) - contains topBanner, mainNav, secNav, wrap1 and btmLine *********/
#wrap0		{background-color:white; background-image:none;}
@media screen {
	#wrap0		{width:980px; margin:5px auto; padding-bottom:0;}
}
@media print {
	#wrap0		{padding-bottom:22pt;}
}

/*********** customizers (within wrap0) *********/
@media print {
	#customizerLine	{display:none;}		/* don't print */
}
@media screen {
	#customizerLine	{padding:2px 0; font-size:17px;
		background-image:url(../images/bgGradient.jpg); background-repeat:repeat-x;
		background-color:#B7C2D0; color:white;}	
}

#customizers			{float:right; width:100%; text-align:right; font-size:small;}

.textSizeOn			{color:#FFFF00;}	/* yellow */
.textSizeOff		{color:white;}
.content-TextSize-1	{font-size:1em;}
.content-TextSize-2 {font-size:1.1em;}
.content-TextSize-3 {font-size:1.2em;}

/*********** noSideBar (within wrap0) *********/
.noSideBar	{margin:0 30px; padding-top:30px;}

/*********** topBanner (within wrap0) - contains logo, topRight *********/
@media print {
	#topBanner {display:none;}		/* don't print */
}
@media screen {
	#topBanner {
		height:130px; width:100%;
		background-color:#0C3660; color:white;}	/* bg color - midnight blue */
}

/*********** nav (within wrap0) *********/
@media print {
	#nav 	{display:none;}		/* don't print */
}
@media screen {
	#nav 	{background-color:#124982;}		/* this only shows on Opera */
}

/*********** mainNav (within nav) *********/
@media print {
	#mainNav {display:none;}	/* don't print */
}
@media screen {
	#mainNav {
		width:100%; overflow:hidden;
		font-family:arial,helvetica,sans-serif;
		background-color:#C6251D; background-image:url(../images/mainNavBgOff.jpg); background-repeat:repeat-x;}
}

#mainNav ul {padding:0; margin:0;}

#mainNav li {list-style:none; float:left; font-size:16px; line-height:18px; margin:0; padding:4px 20px 6px 20px;  
			border-right:solid 1px #CA7C7B;}	/* dusty rose */

#mainNav #def {padding:4px 20px 6px 30px;}

#mainNav .curMainCat {background-color:#C4CAD4; background-image:url(../images/mainNavBgCur.jpg); background-repeat:repeat-x; color:#004E90;}

#mainNav li .eng {font-size:16px; letter-spacing:normal;}
#mainNav li .chin {font-size:16px; letter-spacing:0.4mm;}

#mainNav li .eng .curMainCat {font-size:16px; letter-spacing:normal;}
#mainNav li .chin .curMainCat {font-size:16px; letter-spacing:0.4mm;}

#mainNav li.r2 {list-style:none; float:right;}
#mainNav li.r {list-style:none; float:right; padding-right:20px;}

#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:active {
	float:left;
	color:white; text-decoration:none;
	background-image:none;
}
#mainNav .curMainCat .a, #mainNav .curMainCat a:link, #mainNav .curMainCat a:visited, #mainNav .curMainCat a:hover, #mainNav .curMainCat a:active {
	color:#004E90;
}

/*********** secNav (within nav) *********/
@media print {
	#secNav {display:none;}		/* don't print */
}
@media screen {
	#secNav {
	width:100%; overflow:hidden;
	font-family:arial,helvetica,sans-serif; line-height:24px;}
}

#secNav ul {padding:0; margin:0;}
#secNav li {list-style:none; float:left; font-size:14px; line-height:19px; padding:5px 20px 5px 20px;
			border-right:solid 1px #D6D9E1; /* light gray */
			border-top:solid 3px #E2E6E9; border-bottom:solid 3px #E2E6E9;} /* very light gray. Same as hasItems bg */

#secNav li.curSecPage {border-bottom:solid 3px #9CD4FF;}	/* sky blue */

#secNav #firstItm	{padding:5px 20px 5px 30px;}

#secNav li .eng {font-size:14px; letter-spacing:normal;}
#secNav li .chin {font-size:16px; letter-spacing:0.4mm;}

#secNav a, #secNav a:link, #secNav a:visited {
	float:left; text-decoration:none; color:#6A7C97;	/* ash blue */
}

#secNav a:hover {
	float:left; text-decoration:none; color:#004E90;	
}

#def-2		{clear:both; visibility:hidden;}

.hasItems	{background-color:#E2E6E9;}	/* very light gray. Ccolor taken from current main nav bg */
.noItems	{background-color:#F1F2F6;} /* very light ash blue. Taken from sideBar gradient */

/*********** wrap1 (within wrap0) - contains content *********/
@media screen {
	#wrap1		{margin:0; line-height:1.4em;}
}
@media print {
	#wrap1		{line-height:1.4em;}
}

/*********** mainContent (within wrap1) *********/
#mainContent 	{}

@media screen {
	#mainContent	{margin-left:40px; padding-bottom:40px; width:67%; float:left;}
}

/*********** sideBar (within wrap1) *********/
#sideBar		{font-size:0.9em;}
@media print {
	#sideBar		{display:none;}		/* don't print */
}
@media screen {
	#sideBar		{margin:0; padding:0 20px 0 20px; width:22%; float:right;
					background-image:url(../images/sideBarBg.jpg); background-repeat:repeat-x;} /* light ash blue gradient. Base color #D4DBE3 */
}

#sideBar h1			{font-size:large; padding:34px 8px 0 1px; margin:0;
					color:#6A7C97;}			/* medium ash blue, same as secNav default text */
#sideBar h1 span {}
#sideBar dd		{margin-left:0; padding-left:0;}
#sideBar .sideBarTbl	{padding:0; border:0;}

#quickLinks	a {padding-left:0.25em; padding-right:0.25em}

/***********  btmLine (within wrap0) - contains yellow bottom line *********/
@media screen {
	#btmLine 		{clear:both; margin:20px 0 0 0; padding:0;}
}
@media print {
	#btmLine 		{clear:both; visibility:hidden;}
}

/***********  wrapCopyrightLn (within wrap0) - contains bottomLinks and copyright *********/
@media screen {
	#wrapCopyrightLn	{max-width:980px; margin:5px auto;}
}
@media print {
	#wrapCopyrightLn	{}
}

.bottomLinks	{float:left; width:45%; font-family:arial,helvetica,sans-serif; font-size:0.9em;}
.copyright		{float:right; width:50%; text-align:right;
				font-family:arial,helvetica,sans-serif; font-size:0.9em;}
.copyrightChin	{font-family:'Ming Light',MingLiU,'LiSong Pro Light'; letter-spacing:0.4mm; font-size:small;}