body{margin:0; font:13px/18px Arial, Helvetica, sans-serif; color:#000; background:#183152 url(../images/body_bg.jpg) 0 0 repeat-x;}
.left{float:left}
.right{float:right}
img{border:none;}
h1{color:#010101; font-size:26px; font-weight:normal; line-height:26px; margin:0; padding:10px 0}

#layout{width:980px; margin:0 auto}
#layout_admin{width:100%;}
#header{width:100%; height:114px;}
#header .logo{width:378px; vertical-align:top;}
#header .logo a.global_program{width:350px; height:21px; background:url(../images/office_global_program.jpg) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; text-decoration:none; display:block; margin-top:31px; float:left; margin-left:31px; display:inline}
#header .logo a.columbia_university{width:350px; height:33px; background:url(../images/columbia_university.jpg) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; text-decoration:none; display:block; float:left; margin-left:31px; display:inline}
#header .login_container{width:602px;}
.login-block{float:right;}
#header .login_container_admin{width:100%;}
#header .login_container .login{width:367px; height:76px; float:right; background:url(../images/login_panel.jpg) 0 0 no-repeat; margin:21px 19px 0 0; display:inline}
#header .login_container .login span{width:auto; float:left; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:3px 0 0 11px; font-size:15px;}
#header .login_container .login form{width:367px; float:left; margin:0; padding:0; border:none}
#header .login_container .login fieldset{width:357px; float:left; margin:0; border:none; padding:15px 0 0 10px}
#header .login_container .login input{width:144px; height:19px; border:1px solid #9f9f9f; color:#4f4f4f; float:left; margin:0; padding:2px 3px 0 3px; border:none; font-size:12px;; border:1px solid #9f9f9f; margin:0 8px 0 0; display:inline;}
#header .login_container .login input.go{width:22px; height:22px; border:none; margin:0; padding:0; background:none}


#menu{width:980px; height:35px}
#menu td{width:auto; font:bold 12px Arial, Helvetica, sans-serif; background:url(../images/seprator.jpg) right 0 no-repeat; padding:0 46px 0 46px!important;}
#menu td.last{background:none}
#menu td a{color:#fff; text-decoration:none}
#menu td a:hover{color:#bbd7ff; text-decoration:none}



#menu ul{width:100%; float:left; list-style:none; margin:17px 0 0 0; padding:0;}
#menu ul li{width:auto; float:left; font:bold 13px/35px Arial, Helvetica, sans-serif; background:url(../images/seprator.jpg) right 0 no-repeat; padding:0 46px;}
#menu ul li.last{background:none; padding-right:0;}
#menu ul li a{color:#fff; text-decoration:none}
#menu ul li a:hover{color:#bbd7ff; text-decoration:none}

.home_flag{background:url(../images/home_flag.jpg) 0 0 no-repeat; height:8px; line-height:8px; font-size:1px;}
.beiging_flag{background:url(../images/beigine_flag.gif) 0 0 repeat-x; height:12px; line-height:12px;  font-size:1px;}
.paris_flag{background:url(../images/paris_flag.jpg) 0 0 repeat-x; height:18px; line-height:18px; font-size:1px;}
.kyoto_flag{background:url(../images/kyoto_flag.jpg) 0 0 repeat-x; height:12px; line-height:12px;  font-size:1px;}
.berlin_flag{background:url(../images/berlin_flag.jpg) 0 0 repeat-x; height:18px; line-height:18px; font-size:1px;}
.french_flag{background:url(../images/french_flag.jpg) 0 0 repeat-x; height:18px; line-height:18px; font-size:1px;}
.china_flag{background:url(../images/china_flag.jpg) 0 0 repeat-x; height:12px; line-height:12px;  font-size:1px;}
.italian_flag{background:url(../images/italian_flag.jpg) 0 0 repeat-x; height:18px; line-height:18px; font-size:1px;}
.arabic_flag{background:url(../images/arabic_flag.jpg) 0 0 repeat-x; height:18px; line-height:18px; font-size:1px;}
.blank{background:none; height:8px; line-height:8px; font-size:1px;}


#main_content{padding:0 17px 20px 17px!Important; background:#fff;}
#main_content #content{padding:11px 0 0 0; vertical-align:top}
#main_content #content .left_content{width:682px; vertical-align:top; color:#000; line-height:18px; padding-right:11px;}
#main_content #content .left_content .banner{width:682px;}
#main_content #content .left_content .banner .banner_inner{width:672px; background:url(../images/banner_bg.jpg) 0 0 repeat-y; padding:0 0 0 10px}
#main_content #content .left_content .banner .banner_inner img{margin-right:1px}

#main_content #content .left_content a{color:#026cff; text-decoration:underline}
#main_content #content .left_content a:hover{color:#010101; text-decoration:none}


#main_content #content .right_content{width:253px; vertical-align:top}
#main_content #content .right_content .program_banner{margin-top:13px;}
.panel{width:253px;}
.panel.top_margin{margin-top:10px}
.panel .panel_title{width:253px; background:#151515 url(../images/menu_title.jpg) 0 0 no-repeat; vertical-align:top; padding-bottom:6px!important;}
.panel .panel_title span{width:auto; font:17px/20px Arial, Helvetica, sans-serif; color:#fff; float:left; padding:7px 10px 0 12px}
.panel .panel_inner{width:253px; height:247px; background:url(../images/panel_bg.jpg) 0 0 repeat-y; vertical-align:top; text-align:center}
.panel .panel_inner2{width:253px; background:url(../images/panel_bg.jpg) 0 0 repeat-y; vertical-align:top; text-align:center; padding:5px 0!important}
.panel .panel_inner3{width:221px; background:url(../images/panel_bg.jpg) 0 0 repeat-y; vertical-align:top; padding:5px 14px 30px 18px!important;}
.panel .panel_inner3 img{display:none}

.TRClass{background:url(../images/dotted_border.gif) 0 bottom repeat-x; font-size:17px; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:8px 0 6px 0}
.TRClassHover{background:url(../images/dotted_border.gif) 0 bottom repeat-x; font-size:17px; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:8px 0 6px 0}
.TRClassOn{background:none; font-size:17px; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:8px 0 6px 0}
.TRText{background:url(../images/arrow.gif) 0 5px no-repeat; font-size:14px; font-weight:bold; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; cursor:pointer;}
.TRTextHover{background:url(../images/arrow.gif) 0 5px no-repeat; font-size:14px; font-weight:bold; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; cursor:pointer;}
.TRTextOn{background:url(../images/arrow_down.gif) 0 5px no-repeat; font-size:14px; font-weight:bold; color:#151515; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px; cursor:pointer;}
.TRClassOn .TRText{background:url(../images/arrow_down.gif) 0 5px no-repeat!important;}

.TDClass{font-size:12px; color:#000; cursor:pointer;}
.TDText{font-size:12px; color:#000; text-decoration:none; display:block;  padding:2px 0 2px 25px; text-decoration:none; background:url(../images/hyfen.gif) 14px 10px no-repeat; cursor:pointer;}
.TDTextHover{font-size:12px; color:#000; text-decoration:none; display:block;  padding:2px 0 2px 25px; text-decoration:none; background:url(../images/hyfen.gif) 14px 10px no-repeat; cursor:pointer;}
.TDTextOn{font-size:12px; color:#000; text-decoration:none; display:block;  padding:2px 0 2px 25px; background:url(../images/hyfen.gif) 14px 10px no-repeat; text-decoration:underline; cursor:pointer;}
.SubTDText{font-size:12px; color:#000; text-decoration:none; display:block;  padding:2px 0 2px 35px; text-decoration:none; background:none; cursor:pointer;}

.nowrap a{color:#026CFF;text-decoration:underline!important}
.nowrap a:hover{color:#000000; text-decoration:none!important}

#BreadCrumbs {color:#000000}

#layout_bottom{width:100%; background:#fff}
#footer{text-align:center; width:100%; font-size:12px; color:#fff; padding:12px 0;}

#main_content #content .left_content_inner{width:253px; vertical-align:top}
#main_content #content .right_content_inner{width:682px; vertical-align:top; color:#000; line-height:18px; padding-left:11px;}
#main_content #content .right_content_inner a{color:#026cff; text-decoration:underline}
#main_content #content .right_content_inner a:hover{color:#010101; text-decoration:none}

#main_content #content .right_content_admin{width:100%; vertical-align:top; color:#000; line-height:18px; padding-left:11px; padding-right:11px;}
#main_content #content .right_content_admin a{color:#026cff; text-decoration:underline}
#main_content #content .right_content_admin a:hover{color:#010101; text-decoration:none}

.left { float: left; }
.right { float: right; }
.BrowseList { width: 320px; margin: 0; padding: 0 0 0 10px; }
	.BrowseList .content { padding: 0 10px 10px 12px; margin: 0; background-color: #ebf0f4; }
	.BrowseList .content p { padding: 0 0 5px 0; margin: 0; }
	.BrowseList ul { list-style-type: none; }
	.BrowseList .header,
		.BrowseList .header .inner { background: url('../browseList.jpg') no-repeat; height: 46px; line-height: 24px; padding: 0; margin: 0; }
	.BrowseList .header { background-position: left top; padding: 0 0 0 2px; }
		.BrowseList .header .inner { background-position: right top; padding-right: 2px; text-align: center; }
		.BrowseList .header .inner b { font:17px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; float:left; padding:2px 10px 0 12px}
	.BrowseList li { background-color: #ebf0f4; margin: 2px 0 0 0; padding: 2px 5px;  }
		.BrowseList li:hover { background-color: #dde2e6; }


#layout td{padding:0}
#layout_admin td{padding:0}
.right_content_admin td{padding:3px!important}
#header-container #header-tabs-container .header-tabs-container{text-decoration:none!important}
#header-container #header-tabs-container .header-tabs-containerOn{text-decoration:none!important}
#header-container .header-title .header-center .center-black a{color:#fff!important; text-decoration:none!important}
.tabular-container a{text-decoration:none!important}
.white-font a{color:#fff!important;}

/** ANNOUNCEMENTS **/

	#announcements-frame {
		/** container for announcements **/
		margin:10px 0px 0px 0px;
		background-color:#e6e6e6;
		border-bottom:5px #999999 solid;
	}
	#announcements-box {
		/** secondary wrapper for announcements **/
	}
	#announcements-box h3 {
		/** announcements box title **/
		font-size:1.1em;
		margin:0px;
		padding:7px 20px;
		background-color:#089AE5;
		line-height:1.1em;
		color:#ffffff;
	}
	#announcements-box #controls {
		/** previous and next buttons **/
		margin:0px;
		padding:0px;
		height:15px;
		background-color:#cccccc;
		width:253px;
	}
	#announcements-box #controls li {
		float:left;
		width:126px;
		list-style:none;
		margin:0px;
		padding:2px 0px 0px 0px;
	}
	#announcements-box #controls li #prev {
		/** previous button, default state **/
		display:block;
		height:11px;
		width:50px;
		overflow:hidden;
		text-indent:-999em;
		background:transparent url(../ANMTprev.gif) 20px 1px no-repeat;
	}
	#announcements-box #controls li #prev:hover {
		/** previous button, hovered state **/
		background:transparent url(../ANMTprev.gif) 20px -8px no-repeat;
	}
	#announcements-box #controls li #next {
		/** previous button, default state **/
		display:block;
		float:right;
		height:11px;
		width:50px;
		overflow:hidden;
		text-indent:-999em;
		background:transparent url(../ANMTnext.gif) 25px 1px no-repeat;
	}
	#announcements-box #controls li #next:hover {
		/** previous button, hovered state **/
		background:transparent url(../ANMTnext.gif) 25px -8px no-repeat;
	}
	#announcements-box #announcements-list {
		display:block;
		font-size:1.1em;
		margin:10px 20px 0px 20px;
		padding:0px;
		height:12em;
		overflow:hidden;
	}
	#announcements-box #announcements-list li {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#announcements-box #announcements-list li h4 {
		margin:0px 0px 0.25em 0px;
		font-size:1.1em;
		padding:0px;
	}
	#announcements-box #announcements-list li p {
		margin:0px 0px 0.25em 0px;
		padding:0px;
	}
	#announcements-box p.more {
		padding:5px 20px;
		margin:0px;
		border-top:1px #cccccc solid;
	}