/* Style sheet  */


body {
	background-color: #edefee;
	background-image: url(images/gradients/grad_grey.jpg);
	background-repeat: repeat-x;
	
	}
#main {
	background-color: #fff;
	min-width:940px;
	
	}


/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#feffff;
}

/* LANGUAGES */

#languages {
	height: 1.4em;
	font-weight: bold;
	background-color: #093b6c;
	padding-bottom: 3px;
}

#languages ul li#chinese{font-size:98%; color: #FFAE35;
}	
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color:#ffffff;
	text-decoration:none;
}
#languages ul li a:hover {
	color: #FFAE35;
	text-decoration: underline;
}
	
/* TOP BANNER */

#topbanner {
	height: 95px;
	margin-bottom: 0px;
}

#topbanner #hiddentitle, #hiddentitle span {
	background-repeat: no-repeat;
	height: 100px;
	background-position: 0px -44px;
}

#topspacer {
	float: left;
	width: 100%;
	height: 35px;
	/*font-weight: bold;
	font-family: simsong;
	text-align: right;
	background-image:url(images/banner2.jpg);*/
	background-color: #ffffff;
	margin-bottom: 4px;
	background-position: 0px -90px;
	background-repeat: no-repeat;
}

#topspacer #alignright {
	float: right;
	width: 100%;
	height: 40px;
}
#topspacer.home {
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #afc5d9;
	margin-bottom: 0.8em;
	height: 60px;
}

#topspacer.home #social {
	float: right;
	padding: 5px 0 0 0;
	position:relative;
	z-index: 1;
	height: 60px;
}

#topspacer.home #social img{
	padding-right: 3px;
}

#topspacer.home #social p a{
	color: #2E699E;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
}

#topinfo {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #afc5d9;
	margin-bottom: 0.8em;
}

#topinfo #image {
	float: left;
	width: 20%;
	margin-right: 1em;
	height: 100px;
}

#topinfo #image img {
	display: block;
	float: right;
	height: 100px;
}

#topinfo #quote { /* QUOTE VERTICAL ALIGNMENT */
	display: table;
	height: 100px;
	width: 55%;
	position: relative;
	overflow: hidden;
	float: left;
}

#topinfo #quoteposition { /* QUOTE VERTICAL ALIGNMENT */
	top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#topinfo blockquote {
	font-family: simsong;
	color: #2E699E;
	line-height: 17px;
	margin:0em;
}

#topinfo p {
	font-family: kaiti_gb2312;
	font-size:130%;
	color: #2E699E;
	float: right;
}
#topinfo sg {
	font-family: kaiti_gb2312;
	font-size:140%;
	color: #2E699E;
	line-height: 17px;
	text-align:right;
}

#topinfo #social {
	float: right;
	width: 21%;
	display: block;
	height: 50px;
}

#topinfo #social img {
	bottom: -50%;
	padding: 1px;
}

#topinfo #social p a{
	color: #2E699E;
	text-align: center;
	font-family: simsong;
	font-size: 85%;
	text-decoration:none;
}

/* RIGHT NAVIGATION */

#navright {
	float: right;
	width: 20%;
	margin-right: 0.8em;
	font-family: simsong;
	color: #093b6c;
	line-height: 15px;
	/*padding-left: 0.6em;*/
}

#navright h2 {
	margin: 0.3em 0 0.5em 0.5em;
	color: #093b6c;
	font-size: 100%;
	font-family: simsong;
	font-weight: bold;
}

#navright h3 {
	padding-left: 0.5em;
	color: #eb7128;
	font-size: 100%;
	font-family: simsong;
	font-weight: bold;
	font-style: normal;
}

#navright h3 a{
color: #eb7128;
text-decoration:none;
}
#navright ul {
	margin: 0px;
    /*padding-left:.5em;*/

}

#navright #agencynav ul li  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #afc5d9;
	margin: 0.6em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	list-style-type: none;
}
/* STYLE FOR THE AGENCY ACRONYMS IN THE RIGHT NAV */
#navright ul li a.acronym
{color: #3478B6; text-decoration: none;
}

#navright ul li a.acronym span
{
color: #093b6c;
text-decoration: none;
}

#navright ul li a.acronym:hover span
{
color: #eb7128;
text-decoration: none;
}

#navright ul li a.acronym:hover
{
color: #eb7128;
text-decoration: none;
}
/* STYLE FOR THE RIGHT NAV IN OTHER SECTIONS */

#navright #sectionnav {
	padding-left: .8em;
}

#navright #sectionnav ul li {
	list-style-type: none;
	margin: 0.6em;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	padding-left: 0.7em;
	font-size: 110%;
	background-position: -2px 9px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

#navright #sectionnav ul li a {
	text-decoration:none;
	color: #3166A2;
	font-weight: bold;
}

#navright #sectionnav ul li a:hover {
	text-decoration:none;
	color: #eb7128;
	font-weight: bold;
}

#navright #sectionnav ul li ul li {
	list-style-type: none;
	font-size: 108%;
	margin-left: .2em;
}

#navright #sectionnav h4  {
	list-style-type: none;
	margin: 0.6em;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	padding-left: 0.7em;
	font-size: 110%;
	background-position: -2px 9px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;

}
#navright #sectionnav h4 a {
	text-decoration:none;
	color: #3166A2;
	font-weight: bold;
}
#navright #sectionnav h4 a:hover {
	text-decoration:none;
	color: #eb7128;
	font-weight: bold;
}

#navright h3.navtitle {
	/*color: #eb7128;*/
	color: #eb7128;
	text-transform: uppercase;
	font-size: 101%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#navright .dateD {
	text-transform:uppercase;
	color: #013567;
	font-size: 90%;
	font-weight: bold;
}

#navright ul li.newsfeed{
	margin-left: .5em;
	margin-bottom: 10px;
	margin-right: .5em;
	background-image: none;
	list-style-image: none;
	padding-bottom: 10px;	
	padding-top: 0;
	list-style: none;
	border-bottom: 1px dotted #cccccc;
}

#navright ul li a {
	color: #2E699E;
	text-decoration:underline;	
	font-size: 94%;
}

#navright ul li a:hover {
	color: #eb7128;
	text-decoration:underline;	
}

#navright .videofeature{
	/*margin-left: .5em;*/	
	margin-right: 10em;
	margin-top: 1em;
}

#navright .videofeature img{
	padding: 5px 0 5px 0;
	
}

#navright .videofeature h4{
	font-size: 100%;	
}


#navright .videofeature p{
	color: #2E699E;
	font-size: 94%;
	
}

/* LEFT NAVIGATION */

#navleft {
	float: right;
	width: 20%;
	margin-left: 0.4em;
	font-family: simsong;
	color: #093b6c;
	line-height: 15px;
	padding-left: 0.6em;
}

#navleft h2 {
	margin: 0.3em 0 0.5em 0.5em;
	color: #eb7128;
	text-decoration:none;
	font-size: 120%;
	font-family:simsong;
	font-weight: bold;
	}
#navleft h2 a{
color: #eb7128;
text-decoration:none;
}

#navleft h3 {
	padding-left: 0.5em;
	color: #eb7128;
	font-size: 100%;
	font-family:simsong;
	font-weight: bold;
	font-style: normal;
}

#navleft h3 a{
color: #eb7128;
text-decoration:none;
}
#navleft ul {
	margin: 0px;
}

#navleft #agencynav ul li  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #afc5d9;
	margin: 0.6em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	list-style-type: none;
	
}

/* STYLE FOR THE AGENCY ACRONYMS IN THE LEFT NAV */
#navleft ul li a.acronym
{color: #3478B6; text-decoration: none;
}

#navleft ul li a.acronym span
{
color: #093b6c;
text-decoration: none;
}

#navleft ul li a.acronym:hover span
{
color: #eb7128;
text-decoration: none;
}

#navleft ul li a.acronym:hover
{
color: #eb7128;
text-decoration: none;
}
/* STYLE FOR THE LEFT NAV IN OTHER SECTIONS */

#navleft #sectionnav ul li {
	list-style-type: none;
	margin: 0.6em;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	padding-left: 0.7em;
	list-style-type: none;
	font-size: 120%;
	background-position: -2px 9px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

#navleft #sectionnav ul li a {
	text-decoration:none;
	color: #3166A2;
	font-weight: bold;
}

#navleft #sectionnav ul li a:hover {
	text-decoration:none;
	color: #eb7128;
	font-weight: bold;
}

#navleft #sectionnav h4  {
	list-style-type: none;
	margin: 0.6em;
	padding-bottom: 0.2em;
	padding-top: 0.4em;
	padding-left: 0.7em;
	font-size: 110%;
	background-position: -2px 9px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;

}
#navleft #sectionnav h4 a {
	text-decoration:none;
	color: #3166A2;
	font-weight: bold;
}
#navleft #sectionnav h4 a:hover {
	text-decoration:none;
	color: #eb7128;
	font-weight: bold;
}
#navleft h3.navtitle {
	color: #eb7128;
	text-transform: uppercase;
	font-size: 101%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#newsfeed ul li{
	margin-left: 0.5em;
	margin-bottom: 10px;
	margin-right: .5em;
	background-image: none;
	list-style-image: none;
	padding-bottom: 10px;	
	padding-top: 0;
	list-style: none;
	border-bottom: 1px dotted #cccccc;
}

#navleft ul li a {
	color: #2E699E;
	text-decoration:underline;	
	font-size: 94%;
}

#navleft ul li a:hover {
	color: #eb7128;
	text-decoration:underline;	
}

#navleft .videofeature{
	margin-left: .5em;	
	padding-right: .3em;
}

#navleft .videofeature img{
	margin: 5px 0 5px 0;
	padding: 0;
	border: 1px solid #ccc;	
}

#navleft .videofeature img:hover{
	border: 1px solid #eb7128;	
}

#navleft .videofeature h4{
	font-size: 100%;	
}


#navleft .videofeature p{
	color: #2E699E;
	font-size: 94%;
	
}

#navleft .videofeature a{
	color: #2E699E;
	font-size: 100%;
	line-height: 150%;
	text-decoration:none;
}

#navleft .videofeature a:hover{
	color: #eb7128;
}


/* CONTENT AREA */

#content  
 {
	width: 60.6%;
	float: right;
	
}
#content ul {
	padding-left: 1em;
}

#content li {
	padding-bottom: 8px;
	list-style-position: outside;
	list-style-type: disc;
	color: #093b6c;
	font-family: simsong;
	font-size:115%
}

#content ul ul li {
	padding-bottom: 8px;
	list-style-position: outside;
	list-style-type: disc;
	color: #093b6c;
	font-family: simsong;
	font-size:100%
}
#content p {
	color: #093b6c;
	line-height: 1.4;
	font-size:115%;
	font-family: simsong;
}
#content h2 {
	color: #eb7128;
	font-size: 150%;
	font-weight: bold;
	margin: 0.4em 0 0.8em 0;
	font-family: simsong;
}

#content h3 {
	color: #093b6c;
	font-size: 120%;
	font-weight: bold;
	font-family: simsong;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #afc5d9;
}
#content h3.headline {
	clear: left;
	margin-top: 0;
	padding-top: 0;
	padding-left: 5px;
	font-size: 135%;
	font-family: simsong;
	font-weight: bold;
	color: #eb7128;
	line-height: 160%;
	border: none;
}

#content a:link {
	color:#2E699E;
	text-decoration: underline;
}

#content a:visited {
	color:#000066;
	text-decoration: underline;
}

#content a:hover {
	color:#eb7128; 
	text-decoration:underline;
}

#content img {
	padding: 4px;
}
#content span.more a{
	margin: 0 5px 0 0;
	float: left;
	padding: 0 0 20px 5px;
	color: #eb7128;
	text-decoration:none;
	width: auto;
}

#content span.more a:hover{
	text-decoration:underline;
}

td {
	border: 1px solid #FFFFFF;
	font-size:115%;
}

#content .solidborder {
/*border: .5px solid #093b6c;*/
	padding: 5px;
background-color: #DCE8F5;
}
#content .solidborder p{
color:#eb7128;
font-weight:500;
}
#content .solidborder p a{
color:#eb7128;
font-weight:500;
}

/* HOME PAGE CONTENT */
#contenthome  
 {
	width: 74%;
	float: left;
	margin-bottom:10px;
	margin-left: 10px;
	padding: 0px 5px 5px 10px;
}
#contenthome ul {
	padding-left: 1em;
}

#contenthome li {
	padding-bottom: 8px;
	list-style-position: outside;
	list-style-type: disc;
	color: #093b6c;
	font-family: simsong;
}

#contenthome p {
	color: #093b6c;
	line-height: 16px;
	font-family: simsong;
	font-size: 115%;
}
#contenthome h2 {
	color: #093b6c;
	font-size: 120%;
	font-weight: bold;
	margin: 0.8em 0 0.5em 0;
	font-family: simsong;
}

#contenthome h2 {
	color: #093b6c;
	font-size: 110%;
	font-weight: bold;
	font-family: simsong;
}

#contenthome a:link {
	color:#2E699E;
	text-decoration: underline;
}

#contenthome a:visited {
	color:#eb7128;
	text-decoration: underline;
}

#contenthome a:hover {
	color:#eb7128; 
	text-decoration: underline;
}
#contenthome img {
	padding: 4px;
}
#contenthome #bodytext {
	width: 500px;
	margin-left: 38px;
}
/* BOXES IN RIGHT COLUMN */
#mainnav 
 {
	float: left;
	vertical-align: top;
	display: block;
	width: 156px;
	height: 616px;
	background-color:#093b6c;
}

#mainnav  a {
	font-family:simsong;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	overflow: hidden;
	color:#FFFFFF;
	display: block;
	height: 67px;
	width: 156px;
	line-height: 22px;
	padding-top: 32px;
	padding-left: 5px;
}

/* Individual Rollovers */
#mainnav #homeroll {
	background-image:url(images/mainnav/home_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #homeroll a:hover {
	background-image:url(images/mainnav/home_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #uniteroll {
	background-image:url(images/mainnav/unite_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #uniteroll a:hover {
	background-image:url(images/mainnav/unite_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #worldroll {
	background-image:url(images/mainnav/around_the_world_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #worldroll a:hover {
	background-image:url(images/mainnav/around_the_world_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #actionroll {
	background-image:url(images/mainnav/action_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #actionroll a:hover {
	background-image:url(images/mainnav/action_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #networkroll {
	background-image:url(images/mainnav/network_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #networkroll a:hover {
	background-image:url(images/mainnav/network_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #eventsroll {
	background-image:url(images/mainnav/events_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #eventsroll a:hover {
	background-image:url(images/mainnav/events_orange.jpg);
	background-repeat: no-repeat;
}

#mainnav #resourcesroll {
	background-image:url(images/mainnav/resources_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #resourcesroll a:hover {
	background-image:url(images/mainnav/resources_orange.jpg);
	background-repeat: no-repeat;
}
#mainnav #contactroll {
	background-image:url(images/mainnav/contact_blue.jpg);
	height: 77px;
	width: 156px;
	background-repeat: no-repeat;
}

#mainnav #contactroll a:hover {
	background-image:url(images/mainnav/contact_orange.jpg);
	background-repeat: no-repeat;
}

/* FOOTER BAR */

#footerlinks {
	background-color: #093b6c;
	float: left;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 95%; /* was 120% */
	display: table;
	letter-spacing: 0.5px;
	word-spacing: 0.5px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
#footerlinks img {
	vertical-align: middle;
	padding-right: 25px;
padding-top:2px;
}
#footerlinks h4{ 
padding-top:2px;
padding-bottom:2px;
color: #ffffff;
font-weight:normal;
}
#footerlinks a {
color:#FFFFFF;
display:inline;
text-decoration: none;
} 
#footerlinks a:hover {
display:inline;
}

#footer {
	color: #093b6c;
	/*background-image: url(images/gradients/grad_orange.gif);
	background-repeat: repeat-x;*/
}

#footer ul {
	margin-top: 0em;
}
#footer ul li  {
	display: inline;
}
#footer ul li a {
	color: #8e3d0c;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #093b6c;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #000000;
}
#main #topbanner #hiddentitle span {
	height: 95px;
}

/* code to hide email address */
		#frm_contact input, #frm_contact textarea {
			border: #3d4445 1px solid;
			width: 99%;
			clear: both;
			margin: 0.8em auto 2em auto;}
		#frm_contact input.submit {
			margin-top: 1em;
			color: #000066;
			background-color: #f0f0f0;
			width: 12em;
			font-weight: bold;
			clear: both;
			float: left;
			margin-bottom: 1em;
			border: 1px solid #000066;}
		#frm_contact label {
			float: left;
			font-weight: bold;
			margin-bottom: 0;
			clear: both;
			width: 100%;}
		#frm_contact {
			margin: 0 auto;
			width: 60%;
			margin-bottom: 15px;
			clear: both;}
		p.alert {color: #d2691e; font-weight:bold;}
/*end code to hide email */		
#content .photo_right{
	width: 240px;
	float: right;
	margin: 0 0 0 6px;
	right: 5px;
}

#content .photo_right img{
	padding: 0;
}

#content .photo_right p{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: .87em;
	color: #333;
	text-align:right;
}