/* ----- MSMC GLOBAL STYLESHEET ------*/
/* ------------------------------------------- */
/* -- general styles for site -- */

body {
	font-size:62.5%	;
	font-family:Verdana, Arial;
	line-height:1.4;
	font-size:10pt;
	color:#000;
    text-shadow: #000 0 0 0;
}
p {
	margin-bottom:15px;
	line-height:1.5;
}
a {
	color:#333399;
	text-decoration:none;
}
a:hover {
	color:#333399;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
	color:#dbc342;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:10px;
}
h1 {
	color:#dbc342;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:10px;
}
h2 {	
	color:#333399;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:0px;
}
h3 {	
	color:#dbc342;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:0px;
}
h4 {
	color:#333399;
	font-weight:normal;
	font-size:12pt;
	margin-bottom:10px;
}
h5 {	
	color:#333399;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:10px;
}
h6 {}

.printonly {
	 display:none;
}

#sitelogo {

}
.hidden {
	text-indent:-9999px;
}
/* ------------------------------------------- */
/* -- general layout styles for containers -- */

table.PageBoundingBox, #headerwrapper, #gnavwrapper, #intheaderwrapper, #footerwrapper {	
	 width:100%;
}
#headercontent, table.ContentBoundingBox ,#fixedcontentwrapper, #intheadercontent, #footercontent {
	/* fixed with of site content areas go here */
	width:1000px;
        margin:0 auto;
        clear:both;
        position:relative;
}
#fixedcontentwrapper {
	padding:0 10px 10px 0;
	width:980px;
	z-index:0;
}
td.MainContent {}

/* ------------------------------------------- */
/* -- header styles -------------------------- */

#headerwrapper {
	background:url('/images/system2008/header_bg.gif') repeat-x 0 0;
	height:74px;
	margin-bottom:11px;
	position:relative;
	z-index:10;
}
#sitelogo {
	float:left;
}
#searcharea {
        float:right;
        display:inline; /* fixes ie double margin bug */
	height:21px;
	width:175px;
	margin:20px 100px 0 0;
}
#searcharea img {
        margin:0 10px 0 0;
	float:right;
}
select#quicklink {
        font-size:8pt;
        width:136px;
	float:right;
}
#squarelogo {
        position:absolute;
        top:9px;
        right:0;
}
/* --- global nav styles --- */
#navcontainer {
        height:24px;       
        padding-left:10px;
        clear:both;
        width:970px;
        float:left;
        margin-top:8px;
}
#gnav {
	list-style:none;       
        padding-top:4px;
}
#gnav li {	
	float:left;
	margin-right:20px;
        position:relative;
}
#gnav a {
	color:#000;
	text-decoration:none;
	font-size:9pt;
	background:url('/images/system2008/global-nav-arrow.gif') no-repeat 0 50%;
	padding-left:12px;
        display:block;
}
#gnav a:hover,
#gnav li:hover a { /* this keeps root highlighted while over drop-downs */
	color:#333399;
}
/* drop-down styles */
#gnav ul {
        position:absolute;
        left:-9999px;
        padding:10px 0;   
        z-index:1;     
}
#gnav li:hover ul {
        left:auto;
        width:200px;
        background:#e4e4e4;
}
#gnav li li {
        display:block;
        clear:left;
        padding:0;
        margin:0;
}
#gnav li:hover li a {
        background:#e4e4e4;
        padding:2px 10px;
        width:180px;
        font-size:8pt;
        color:#000;
}
#gnav li li a:hover,
#gnav li li:hover a {
        color:#333399;
        background:#d3d3d3;
}

/* second tier styles */
#gnav li:hover ul ul {
        position:absolute;
        left:-9999px;       
        padding:2px 0;       
        width:200px;
        background:#e4e4e4;
        z-index:1000;
        border-left:1px solid #000;
}
#gnav li ul li:hover ul {
      left:200px;
      top:0;
}
#gnav li li:hover li a {
        background:#e4e4e4;
        color:#000;
        padding:1px 5px;
        width:190px;
}
#gnav li li:hover li a:hover {
        background:#d3d3d3;
        color:#333399;
}

/* ------------------------------------------- */
/* -- footer styles -------------------------- */

#footerwrapper {
	border-top:1px solid #e6cd45;
}
#footercontent {
        padding:10px 10px;
        width:980px;
}
#footercontent p {
        color:#666666;
        font-size:8pt;
}
#footer-left, #footer-middle, #footer-right {
	width:240px;
	float:left;
	margin-right:10px;
}
#footer-right {
	width:480px;
	margin:0;
}
#footer-right ul {
	list-style: none;
	margin-bottom:10px;
}

#footer-right li {
	display:inline;
}

#footer-right span	{
	font-size: 8pt;
	color: #666666;
}

#footer-right a {
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	/*background:url('/images/system2008/footer-bullet.gif') no-repeat 0 50%;*/
	padding-left:0px;
}
#footer-right a:hover {
	color:#000;	
}

/* ------------------------------------------- */
/* -- extra styles -------------------------- */

/* -- SPLASH PAGES -------------------------- */

#container	{
	/*border: 1px solid #999;*/
	width: 100%;
}

#container1	{
	/*border: 1px solid #999;*/
	width: 490px;
	float: left;
}

#container2	{
	/*border: 1px solid #666;*/
	width: 490px;
	float: right;
}

#left	{
	/*border: 1px solid #0000ff;*/
	width: 240px;
	margin-right: 10px;
	float: left;
}

#left p	{
	margin-right: 5px;
}

#right	{
	/*border: 1px solid #ff0000;*/
	width: 240px;
	float: right;
}

#right p	{
	margin-right: 5px;
}

.clear	{
	clear: both;
}

table.checklist	{
	border-collapse: collapse;
	border: 1px solid #333399;
	margin: 0px 0px 10px 0px;
}

td.achecktop	{
	background-color: #333399;
	text-align: center;
}

p.acheck	{
	color: #ffffff;
	font-weight: bold;
	margin: 4px 2px 5px 2px;
}

p.links	{
	padding: 4px 0px 5px 0px;
	margin: 0px;
}

/*  BLUE LINK STYLES */

a:link.bnav	{ 
	font-family: verdana, sans-serif;
	/*font-size: 11pt;*/
	color: #E6CD45;
	font-weight: bold;
	text-decoration: none; 
	background: url('/images/system2008/button-apply-online-bg.gif') repeat-x 0 100%;
	padding: 4px 25px 5px 10px;
	
}
		
a:visited.bnav	{ 
	font-family: verdana, sans-serif;
	/*font-size: 11pt;*/
	color: #E6CD45;
	font-weight: bold;
	text-decoration: none; 
	background: url('/images/system2008/button-apply-online-bg.gif') repeat-x 0 100%;
	padding: 4px 25px 5px 10px;
}
		
a:hover.bnav	{ 
	font-family: verdana, sans-serif;
	/*font-size: 11pt;*/
	color: #E6CD45;
	font-weight: bold;
	text-decoration: none; 
	background: url('/images/system2008/button-apply-online-bg_on.gif') repeat-x 0 100%;
	padding: 4px 25px 5px 10px;
}

/* -- RULES AND TABLES -------------------------- */

div.gold	{
	border-top: 1px solid #dbc342;
	margin: 0px 15px 11px 0px;
	padding: 0px;
	/*width: 98%;*/
	font-size: 0px;
}

div.bluerule	{
	border-top: 1px solid #333399;
	margin: 0px 15px 11px 0px;
	padding: 0px;
	/*width: 98%;*/
	font-size: 0px;
}

table.wcaption	{
	border-collapse: collapse;
	margin: 3px 10px 11px 0px;
	border: 1px solid #333399;
}

table.wborder	{
	border-collapse: collapse;
	margin: 0px 0px 11px 0px;
	border: 1px solid #333399;
}

iframe.ssborder
{
	border: 1px solid #999999;
}

div.ask_msmc	{
	border: 1px solid #333399;
	background-color: #cccce5;
	padding: 10px;
	margin-bottom: 10px;
}

/* -- PARAGRAPHS -------------------------- */

p.nospace {
	margin: 0px;
	padding: 0px;
}

p.caption	{
	margin: 5px 5px 10px 5px;
	font-style: italic;
}

strong.red	{
	color: #CC0000;
}

/* -- IMAGES -------------------------- */

img.blueborder	{
	border: 1px solid #333399;
}

img.blueborderleft	{
	border: 1px solid #333399;
	margin: 0px 10px 10px 0px;
}

img.pictureleft	{
	margin: 0px 10px 10px 0px;
}

img.blueborderright	{
	border: 1px solid #333399;
	margin: 0px 5px 10px 10px;
}

img.pictureright	{
	margin: 0px 5px 10px 10px;
}
.chinese-text{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	}
/*Calendar Page Links*/
#other-cals{
	width: 729px;
	padding: 25px 25px;
	background: #eaeaf5;
border: 1px solid #A7A7A7;
float: right;
	}
#other-cals ul{
	list-style-type: none;
	}
#other-cals li{
	margin: 5px 0px;
	}
#awards{
	padding: 25px 25px;
	background: #eaeaf5;
border: 1px solid #A7A7A7;
	}