@charset "utf-8";
/*	---------------------------------------------------------------------------------------
	Cerebral Palsy
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Default styles (colors and fonts)
	File:				cpfoundation.css
	Version:			2.0
	Author:				Won il Lee
	---------------------------------------------------------------------------------------	*/

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Tahoma, sans-serif;
   /*e font-size: 85%; e*/
   font-size:11px;
	line-height:120%;
	color:#333;
	background:#bdbec0 url(../images/bg_body.jpg) top left repeat-x;
}
a:link {
	color: #00C;
	text-decoration: none;
}
a:visited {
	color: #00C;
	text-decoration: none;
}
a:hover {
	color: #00C;
	text-decoration: underline;
}
a:active {
	color: #00C;
		text-decoration: none;

}
a img {
	border: none;
}
img {
	border:none; 
	padding: 0; 
	margin: 0;
}

.imgpadright {
	padding:0px 10px 10px 0px;
	float:left;
	margin:0px;
}
.soman{ display:inline;}
.soman h3{margin:0; padding:0; display:inline;}
.soman h3 a{text-decoration:none;color:#BDBEC0;}
form, fieldset
{
    margin: 0;
    padding: 0;
}
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
    margin: 0 0 1em 0;
    padding: 0;
}

h1 { 
	font-size: 1.7em;
	border-bottom: 2px solid #a1b80f;
	margin-top: 0.6em;
}
h2 { font-size: 1.3em;line-height:120%; font-family: Verdana, Helvetica, Arial, sans-serif;}
h3 { font-size: 1.1em;color:#333333; margin:1.1em 0 1.3em 0; font-family: Verdana, Helvetica, Arial, sans-serif}
h4 { font-size: 1.1em; margin: .5em 0 0 0; }
h5 { font-size: 1.0em; text-transform: uppercase; }

p {	font-size:1.0em; }

/* Styles */
ul.links {margin:0;padding:0; color:#03C}
ul.links li {padding:3px 0;}
h2.contact {padding-left:10px;line-height:120%;font-weight:bold;}
.helpThumbnail {float:left;width:416px; padding:10px; margin:0px;}
.mainBanner {margin:0;margin-bottom:15px;}


/* Miscellaneous conveniences: */
form label
{
    cursor: pointer;
}
fieldset
{
    border: none;
}
.clearfix {clear:both;}
.centered {text-align:center;}

#container {
	width:900px;
	margin:0 auto;
	padding: 0;
	text-align:left;
	position:relative;
}
/************************* HEADER ********************************/

#header {
	margin:0;
	padding:0;
	width:900px;
	position:relative;
	z-index:998;
}
#logo {
	position: absolute;
	top: 15px;
	left: 4px;
}
#headregion {
	position:absolute;
	top:5px;
	right:0px;
	width:263px;
	height:82px;
}
#headregion .search {
	/*background-image:url(../images/bg_search.jpg);*/
	background-repeat:no-repeat;
	background-position:top right;
	width:263px;
	height:37px;
	font-size:12px;
	}
#headregion .search input {
	margin:6px 0px 0 2px;
}
#headregion .search label {
	color:black;
	font-size:12px;
	float:left;
	width:60px;
	padding-left:10px;
	line-height:37px;
}

#headregion .function-resize {
	float:right;
	width: 100px;
	height:16px;
	margin:10px 0;
}
/* PRIMARY NAV */
#nav-primary {
	position:relative
}
/* top level */
#nav-primary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_primary-nav.jpg);
	background-position: 0 100%;
	background-repeat: repeat-x;
	height:37px;
	/*e	font-size:95%; e*/
	font-size:1.2em;
	font-weight: bold;

}
#nav-primary ul li {
	z-index: 200;
	display: block;
	float: left;
	background-image: url(../images/bg_primary-nav-division.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	border-right:2px solid white;
	line-height:37px;
}
#nav-primary ul li a {
	padding: 0px 18px;
	display: block;
	float: left;
	background-image: url(../images/bg_primary-nav.jpg);
	background-repeat: repeat-x;
	background-position: 0 100%;
	text-decoration: none;
	color:#ffffff;
}
#container #nav-primary ul li a:hover, #container #nav-primary ul li.jdm_active a {
	background-image: url(../images/bg_primary-nav-hover.gif);
	color: #ffffff;
	text-decoration: none;
	background-color: #888;
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#nav-primary ul li.first a {
	border-left: none;
}
#nav-primary ul li.selected a {
	color: #ffffff;
	background-image: url(../images/bg_primary-nav-hover.gif);
}
#nav-primary ul li.left {
	height: 37px;
	width: 4px;
	background: url(../images/bg_primary-nav-left.jpg) no-repeat;
	border:0 none;
	margin: 0;
	padding: 0;
}
#nav-primary ul li.left-on {
	height: 37px;
	width: 4px;
	background: url(../images/bg_primary-nav-left-on.gif) no-repeat;
	border:0 none;
	margin: 0;
	padding: 0;
}
#nav-primary ul li.right {
	height: 37px;
	width: 4px;
	background: url(../images/bg_primary-nav-right.jpg) no-repeat;
	border:0 none;
	position: absolute;
	right: -1px;
	padding: 0;
}
#nav-primary ul li.last {
	border:0 none;
}
/* level 2 */
#nav-primary ul ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0 0 11px 0;
	background-image: url(../images/bg_primary-nav-shadow-bottom.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	border: none;
}
#nav-primary ul ul.on {
	display: block;
	position: absolute;
	top: 30px;
	padding: 0;
	left:10px;
	border: none;
	width:900px;
}
#nav-primary ul ul li {
	float: left;
	display:block;
	border-right:0 none;
	background-image: url(../images/bg_footer-divider.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 10px;
}
#nav-primary ul ul li.last {
	float: left;
	display:block;
	border-right:0 none;
	background: none !important;
}
#container #nav-primary ul ul li a, #container #nav-primary ul li.jdm_active ul li a {
	color: #333;
	clear: none !important;
	float: left !important;
	display: block;
	background-image: none !important;
	/*e font-size: 1em; e*/
	border: none;
	padding: 7px;
	font-weight:normal;
	font-size:0.8em;
}
#container #header #nav-primary ul ul li a:hover {
	background-color: transparent !important;
	color: #000 !important;
	text-decoration:underline;
	background-image: none;
}
/* Submenu */
#nav-secondary {
	margin: 3px 0 3px;
	background-image: url(../images/bg_secondary-nav.jpg);
	background-repeat: repeat-x;
	background-position:0 100%;
	border-bottom:1px solid #ffffff;
	height:30px;
}
#nav-secondary {
	clear: both;
}
/************************* FOOTER ********************************/
#footer {
	margin:0;
	padding: 0;
	background: url(../images/bg_footer-tile.png) repeat-x top;
	clear:both;
}
/* FOOTER NAV */
#nav-footer {
	clear: both;
	text-align: right;
}
#nav-footer .valid {
	float:left;
			 
}
#nav-footer ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	float: right;
}
#nav-footer ul li {
	margin: 0;
	padding: 0 8px 0 4px;
	display: inline;
	background-image: url(../images/bg_footer-divider.gif);
	background-repeat: no-repeat;
	background-position: 100% 0.1666em;
}
#nav-footer ul li.last {
	background-image: none;
}
#nav-footer a {
	color:#333;
		text-decoration:none;

}
#nav-footer a:hover {
	color:#333;
	text-decoration:underline;
}


/* LAYOUT */
#main {
	/*background-color: #fff;*/
	width:900px;
	margin:0;
	position: relative;
	z-index: 2;
}
#main .row {
	clear: both;
	margin: 0 -4px;
}
#main #column {
	width: 900px;
}
#main #column-2 #columnLeft {
	width: 592px;
	float: left;
}
#main #column-2 #columnRight {
	width: 300px;
	float: right;
	margin-left:8px;
}
#main #column-3 {
	width: 900px;
}
#main #column-3 .box {
	width: 300px;
	margin-left: 2px;
	float: left;
}
#main #column-3 #first {
	margin-left: 0px;
}
#main #column-media #columnLeft {
	width: 492px;
	float: left;
}
#main #column-media #columnRight {
	width: 408px;
	float: right;
	margin-left:8px;
}


/* HIDDEN ELEMENTS */
hr, #nav-primary h2, #nav-primary2 h2, .promotion h2, #footer h1, #nav-sitemap h2, #nav-footer h2, #nav-skip, #print-container {
	display: none;
}
#main h1 {text-indent:-1000px;display:none;}

/* Article */
.research-view {
}
.research-view img {
	margin-bottom:10px;
}
.research-view p span a {
	color: #C30
}

/************************* CONTENT ********************************/
#NewsTiles ul {
	margin: 0;
	padding: 0;
}
#NewsTiles ul li.last{
    padding: 0;
}

#NewsTiles ul li {
	margin: 0;
	padding:0;
	list-style-type: none;
}
/*#NewsTiles ul li a:visited {
	color: #ff0302;
}*/
#NewsTiles ul li a:hover, #NewsTiles ul li h3 a:hover {
	text-decoration: underline;
}
#NewsTiles ul li img {
	margin: 0;
	float: left;
}
#NewsTiles ul li img a {
	padding: 0;
	background: none;
}
#NewsTiles ul li div.tileContent {
	margin-left: 90px;
	/*e font-size:0.9em; e*/
	margin-bottom: 24px;
}
/*#NewsTiles ul li div.tileContent span a {
	color: #F00
}*/
#NewsTiles ul li div.tileContent h3, #NewsTiles ul li div.tileContent h3 a {
	padding: 0;
	margin:0 0 4px 0;
	background: none;
	color: #111;
	text-decoration: none;
	line-height:1em;
	font-weight:bold;
}
#NewsTiles ul li div.tileContent ul li {
	margin: 5px 0;
}
#NewsTiles ul li div.tileContent li {
	margin: 0 0 2px 0;
}
/*#NewsTiles span a {color:#F00}*/






/* Round Boxes */
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */
.box{
	position: relative;
	margin:0 auto;
	padding: 0;
	text-align: left;	
	width:100%;
}

.box {
	margin-bottom: 10px;
	position: relative;
	background: url(../images/box_leftside_grey.gif) repeat-y left top;
}
.box .top {
	margin-top:-6px;
	width:100%;
	height:40px;
	background:url(../images/box_top_grey.gif) no-repeat left top;
}
.box .top div {
	display:block;
	position:relative;
	height:40px;
	background:url(../images/box_top-right.gif) no-repeat right top;
}
.box .top div h2 {
	color: #ffffff;
	/*e font-size: 1.3em; e*/
	font-weight: bold;
	margin: 0px 6px 6px 6px;
	padding: 8px 50px 6px 15px;
	line-height:1.0em;
}
.box .top-noheader {
	margin-top:-6px;
	width:100%;
	height:10px;
	background:url(../images/box_top-no.gif) no-repeat left top;
}
.box .top-noheader div {
	display:block;
	position:relative;
	height:10px;
	background:url(../images/box_top-right-no.gif) no-repeat right top;
}
.box .inner {
	background-image: url(../images/box_rightside_grey.gif);
	background-repeat: repeat-y;
	background-position: right top;
	position:relative;
	padding:5px 16px 1px 20px;
	margin:-1px 0 0px 0;
}
.box .inner .floatL{
	float:left;
	width: 49%;
}
.box .inner .floatR {
	float:right;	
	width:49%;
}
.box .inner img {
/*	padding-right:10px; */
}
#home .box .inner {	min-height:550px;
}
.box .bottom {
	width:100%;
	height:20px;
	background:url(../images/box_bottom_grey.gif) no-repeat left bottom;
}
.box .bottom span {
	display:block;
	position:relative;
	height:20px;
	background:url(../images/box_bottom_right_grey.gif) no-repeat right top;
}
.box p.tileContent a {
	color:#03C;
	margin-left:90px;
}
.box ul {
	list-style-type: disc;
	padding-left:15px;
	margin:0 0 10px 0;
}
.box ul ul{
	list-style-type: disc;
	padding-left:15px;
	margin:0 0 10px 0;
}
.box ul.gallery {
	list-style-type: none;
	padding:10px;
	margin:0 0 10px 0;
	clear:both;
}
.box ul.gallery li {
	list-style-type: none;
	padding:10px;
	margin:0 0 15px 0;
	float:left;
	width:147px;
	min-height:260px;
	text-align:left;
	display:block;
}

.box ul.gallery li h3 {
	margin:0 0 0.6em 0;
	font-size:2em;
}
.box ul.gallery li .img {
	text-align:center;
}
.box ul.supporters {
	list-style-type: none;
	padding:10px;
	margin:0 0 10px 0;
	clear:both;
}
.box ul.supporters li {
	list-style-type: none;
	padding:10px;
	margin:0 0 15px 0;
	float:left;
	width:auto;
	height:100px;
	text-align:center;
	display:block;
}
.box ul.supporters li .thumbnail {
	text-align:center;
	height:100px;
	display:inline;
	vertical-align:middle;
}

.box ul.supporters li.thumbnailText {
	text-align:left;
	width:140px;
	height:100px;
	display:block;
	margin:10px 0;
	vertical-align:middle;
	float:left;
	
	
}

.boxContent{
	padding:5px 7px 6px 7px;
}
/*.boxContent hr{	
	margin:20px 0;height:1px;color:#fff;background-color:#fff;border:none;border-bottom:1px solid #ccc;padding:0px;
} ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.researcherstext {
margin:0px 0px 10px 0px;
clear:none;
padding:0px 0px 0px 5px;
float:left;
width:700px;
}
.researcherstext h3 {
	margin-bottom:0.5em;
	margin-top:0;
}

.governorstext {
margin:0px 0px 10px 0px;
clear:none;
padding:0px 0px 0px 5px;
float:left;
width:430px;
}
.governorstext h3 {
	margin-bottom:0.5em;
	margin-top:0;
}

/* rectangle ones */
.rboxContent{
	position:relative;
	padding:3px;
}
.rboxContent h3 {
	font-weight:bold;
	color:#111;
	/*e font-size:100%; e*/
	padding:5px 6px;
	margin:0;
	background-color:#cacbcd;
	background-image:url(../images/boxes/rtitle.gif);
	background-position: 0% 0%;
	background-repeat:repeat-x;
}

.rboxContent h3 a {
color:#111;
}
.rtlc, .rtrc, .rblc, .rbrc {
	background-color: transparent;
	background-repeat: no-repeat;
}

.rtlc{
	background-image:url(../images/boxes/tlc.gif);
	background-position: 0% 0%;
}

.rtrc{
	background-image:url(../images/boxes/trc.gif);
	background-position: 100% 0%;
}
	
.rblc{
	background-image:url(../images/boxes/blc.gif);
	background-position: 0% 100%;
}

.rbrc{
	background-image:url(../images/boxes/brc.gif);
	background-position: 100% 100%;
}

.rtb, .rbb{
	background-color: transparent;
	background-repeat: repeat-x;
}
	
.rtb{
	background:url(../images/boxes/tb.gif) repeat-x;
	border-bottom: 1px solid #FFF;
}

.rbb{
	background:url(../images/boxes/bb.gif) repeat-x;
	background-position: 50% 100%;
}
	
.rrb{
	background:url(../images/boxes/r.gif) repeat-y;
	background-position: 100% 0%;
}

.rlb{
	background-color: #f0f0f0;
	background-image:url(../images/boxes/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	margin-bottom:10px;
}


/* ----- Vietnam Trek -----*/

.vietnamtrek_leftcontent{
	width: 270px;
	float: left;
	margin-left: 8px;
}

.vietnamtrek_rightcontent{
	width: 270px;
	float: left;
}

.vietnamtrek_leftcontent ul, .vietnamtrek_rightcontent ul{
	list-style-type: none;
}

.vietnamtrek_bottomcontent{
    clear: both;
}