/*
	-- Colors -----------------
	lt blue: #17A1BD
	Grey: #666
	orange: #F09905
	
	
*/

body, 
html {
width: 100%;
height: 100%;	
}

body {
	background-color: #fff;
	font: 10px Arial, Helvetica, Tahoma;
	color: #000;
/*	opacity: 0.9999;*/
}

/* -- GENERAL STYLES ------------------------------ */

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
	font-family:helvetica, arial, sans-serif, tahoma;
	font-weight:normal;
}


h3{
	font-size:24px;
	line-height:36px;
}

h4{
	font-size:18px;
	line-height:24px;
}



h5{
	font-size:13px;
}

ul,ol{

}

#content ul{
	list-style:disc;
	list-style-position:outside;
	margin-left:20px;
}

#content ol{
	list-style:decimal;
	list-style-position:outside;
	margin-left:20px;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin:18px 0;
}


/* TBB: FCK puts p inside h2 on homepage, don't force a small size */

h2 p {
	font-size:36px;
	line-height:1.2em;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

br.c {
	clear: both;
}

hr{
	float:left;
	clear:both;
	width:100%;
	border:none;
	border-top:1px solid #000;
	height:1px;
	margin:40px 0;
}

a.btn{
	position:relative;
	height:20px;
	font-size:12px;
	line-height:20px;
	padding: 0 9px;
	float:left;
	display:inline;
	background:url(/images/btn_left.png) no-repeat top left;
	color:#fff;
}

a.btn span{
	position:absolute;
	right:0px;
	top:0;
	display:block;
	height:20px;
	width:9px;
	background:url(/images/btn_right.png) no-repeat top left;
}

a.btn_big{
	position:relative;
	height:30px;
	font-size:24px;
	line-height:30px;
	padding: 0 15px;
	float:left;
	display:inline;
	background:url(/images/btn_big_left.png) no-repeat top left;
	color:#fff;
}

a.btn_big span{
	position:absolute;
	right:0;
	top:0;
	display:block;
	height:30px;
	width:15px;
	background:url(/images/btn_big_right.png) no-repeat top left;
}

a.btn:hover,
a.btn:hover span,
a.btn_big:hover,
a.btn_big:hover span{
	background-position:bottom left;
	text-decoration:none;
	color:#666;
}

/*This is the off state for a depressed filter button*/

span.btn{
	position:relative;
	height:20px;
	font-size:12px;
	line-height:20px;
	padding: 0 9px;
	float:left;
	display:inline;
	white-space: nowrap;
/*	margin: 10px 0;*/
	background:url(/images/btn_left.png) no-repeat bottom left;
	color:#666;
}

span.btn span{
	position:absolute;
	right:0px;
	top:0;
	display:block;
	height:20px;
	width:9px;
	background:url(/images/btn_right.png) no-repeat bottom left;
}

/* -- MAST ------------------------------ */

#mast{
	position:relative;
	z-index:2;
	width:960px;
	height:150px;
	margin:0 auto;
}

#logo{
	position:absolute;
	top:50px;
	text-indent:-9999px;
	height: 65px;
	width: 960px;
}

#logo a{
	display:block;
	width:100%;
	height:100%;
	background: url(/images/duke_globaleducation_logo.png) no-repeat top left;
	overflow: hidden;
}

#logo a:hover{
	background-position:bottom left;
}

#tools{
	position:absolute;
	z-index:2;
	top:10px;
	right:0;
	height:20px;
	font-size:12px;
}

#tools li{
	display:inline;
	float:left;
	height:20px;
	line-height:20px;
	margin-left:12px;
}

#tools li a{
	color:#fff;
	padding:3px;
	font-size:14px;
}

#tools li a:hover{
	background:url(/images/black_btn-trans.png) repeat;
	text-decoration:none;
}



/* -- Search ------------------------------ */

#search {
	position: relative;
	height:20px;
	width:240px;
}

#search input.yummy {
	position: absolute;
	left: 10px;
	background: transparent url(/images/a_searchfield_repeat.png) center top repeat-x;
	font: 12px Arial, Helvetica, Sans-serif;
	border: 0 none;
	padding: 3px 0;
	height: 20px;
	width: 210px;
	color: #666;
}

#search input.submit {
	background: url(/images/a_searchfield_submit.png) top no-repeat;
	height: 20px;
	width: 20px;
	display: block;
	border: none;
	text-indent: -9999px;
}

#search input.submit:hover {
	background-position:bottom;
	cursor: pointer;
}

#search .nub_l {
	position: absolute;
	left: 0px;
	background: url(/images/a_searchfield_l.png) no-repeat;
	height: 20px;
	width: 10px;
}

#search .nub_r {
	position: absolute;
	left: 220px;
	background: url(/images/a_searchfield_r.png) no-repeat left;
	height: 20px;
	width: 20px;
}

/* -- SEARCH RESULTS ------------------------------------------ */

#content ol.search-results{
/*	margin:0;	*/
}

#content ol.search-results li{
	color:#777;
}

#content ol.search-results li p{
	margin-left:20px;
	color:#000;
}

#content ol.search-results li a{
	color:#000;
	text-decoration:underline;
}

#content ol.search-results li a:hover{
	color:#666;
	text-decoration:underline;
}

div.search-page-numbers{
	
}

div.search-page-numbers strong{
	background:none !important;
	border:none !important;
	color:#666 !important;
}

.search-page-numbers a,
.search-page-numbers a.bookend{
	background-color:#ccc !important;
	border:none !important;
	color:#000 !important;
	padding:3px !important;
	width:auto !important;
	height:auto !important;
}

.search-page-numbers a:hover,
.search-page-numbers a.bookend:hover{
	background-color:#000 !important;
	color:#fff !important;
}

/* -- NAV --------------------------------------------- */

/* TBB: sfSimpleCMS calls its ul 'site_navigation' and does it
 *  by class rather than by id
 */

.site_navigation {
	position:absolute;
	bottom:0;
	z-index:2;
	font-size: 14px;
	line-height:24px;
	height: 24px;
	width:960px;
	margin:0 auto;
}

.site_navigation li {
	display: inline;
	float: left;
	margin:0 6px;	
}

.site_navigation li a {
	text-decoration: none;
	display:block;
	height: 100%;
	color:#fff;
	padding:0 5px;
}

.site_navigation li a:hover{
	background:url(/images/black_btn-trans.png) repeat;
}

.site_navigation li.current a{
	background-color:#fff;
	color: #000;
}

.site_navigation li.current a:hover{
	background:#fff;
}

/* -- DONUT ------------------------------ */

#donut {
	position: relative;
	margin: 0 auto;
/*	background-color:#fff;*/
	width:960px;
	font-size:12px;
	z-index:2;
}

/* -- BREADCRUMB -------------------------------------*/

#breadcrumb{
	color:#17A1BD;
	width:100%;
	clear:both;
	line-height:36px;
	margin:40px 0;
	float:left;
	display:inline;
}

#breadcrumb a{
	color:#17A1BD;
/*	float:left;*/
	display:inline;
}

#breadcrumb h3{
/*	float:left;*/
	display:inline;
}

#breadcrumb .dpc-delete a{
/*	float:left;*/
	display:inline-block;
	text-indent:-9999px;
	height:16px;
	width:16px;
	background:url(/images/delete.png) no-repeat top left;
}

#breadcrumb .dpc-delete a:hover{
	background-position:bottom left;
}

#breadcrumb a#add_child_button{
	display:inline-block;
/*	float:left;*/
	height:16px;
	line-height:36px;
	padding-right:20px;
	background:url(/images/add.png) no-repeat top right;
}

#breadcrumb a#add_child_button:hover{
	background-position:bottom right;
}

#breadcrumb a.lock_button{
	display:inline-block;
/*	float:left;*/
	height:16px;
	line-height:36px;
	padding-right:20px;
	margin-right:10px;
	text-indent:-9999px;
	background:url(/images/unlock.png) no-repeat top right;
}

#breadcrumb a.lock_button:hover{
	background-position:bottom right;
}

#breadcrumb a.unlock_button{
	display:inline-block;
/*	float:left;*/
	height:16px;
	line-height:36px;
	padding-right:20px;
	margin-right:10px;
	text-indent:-9999px;
	background:url(/images/lock.png) no-repeat top right;
}

#breadcrumb a.unlock_button:hover{
	background-position:bottom right;
}

/* -- SUBNAV ------------------------------------------ */

#subnav{
	display:inline;
	float:left;
	width:200px;
	margin-right:40px;
	background:url(/images/subnav_top.png) no-repeat top;
	color:#666;
}

#subnav ul{
	margin-top:10px;
	line-height:18px;
}

#subnav ul li{
	padding:0 10px;
	margin:0;
	background:url(/images/subnav_bg.png) repeat;
	position:relative;
	line-height: 20px;
	display: block;
}

#subnav ul li.self_item a {
	font-size:18px;
	line-height:20px;
	padding-left:12px;
	background: transparent url(/images/arrow_hollow.png) no-repeat left center;
}

#subnav ul li a,
#subnav ul li h4 a,
#subnav ul li h4{
	color:#fff;
	line-height:20px;
/*	height:20px;*/
}

#subnav #subnav_bottom{
	height:10px;
	width:200px;
	margin-bottom:20px;
	background:url(/images/subnav_bottom.png) no-repeat top;
}

.grandchildren #subnav{
	width:320px;
	float:left;
	display:inline;
	background:url(/images/program_subnav_top.png) no-repeat top;
}

.grandchildren #subnav *
{
	overflow:visible;
}

.grandchildren #subnav .cms_level_2
{
	width:320px;
	float:left;
	display:inline;
}

.grandchildren #subnav .cms_level_2 li
{
	float:left;
	display:inline;
}

.grandchildren #subnav .cms_level_2 li.last
{
	border-top:1px solid #fff;
	margin-top:20px;
	padding:10px;
}

.grandchildren #subnav .cms_level_2 .cms_level_1
{
	float:left;
	display:inline;
}

.grandchildren #subnav .cms_level_2 .cms_level_1 li
{
	float:left;
	display:inline;
	width:140px;
	padding:0;
	margin:0 0 0 10px;
	border:none;
}

.grandchildren #subnav .cms_level_2 .cms_level_1 .cms_level_0
{
	float:left;
	display:inline;
}

.grandchildren #subnav .cms_level_2 .cms_level_1 .cms_level_0 li
{
	padding:0;
	margin:4px 0;
	float:left;
	display:inline;
}

.grandchildren #subnav .cms_level_2 .cms_level_1 .cms_level_0 li a
{
	float:left;
	display:inline;
	line-height:14px;
}

.grandchildren #subnav #column_Summer,
.grandchildren #subnav #column_Semester{
	float:left;
	display:inline;
	width:160px;
}

.grandchildren #subnav #subnav_bg{
	float:left;
	display:inline;
	background:url(/images/subnav_ul_bg.png) repeat-x top left;
}

.grandchildren #subnav #subnav_bottom{
	clear:both;
	width:320px;
	background:url(/images/program_subnav_bottom.png) no-repeat top;
}

#pk_context_cms_navcolumn_tags{
	padding-top:0 !important;
	margin-top:0 !important;
}

#subnav .subnav_filter{
	padding:10px;
	background:url(/images/subnav_ul_bg.png) repeat-x top left;
	position:relative;
}

#subnav .subnav_filter a.filter_label{
	color:#999;
	background:#555 url(/images/filter_arrow_bg.png) no-repeat top right;
	display:block;
	padding:2px 4px;
}

#subnav .subnav_filter a.filter_label:hover{
	color:#fff;
	background:#444 url(/images/filter_arrow_bg.png) no-repeat bottom right;
	text-decoration:none;
}

#subnav .subnav_filter ul.filter_selector{
	padding:0;
	position:absolute;
	top:28px;
	left:10px;
	z-index:10;
	width:180px;
	background:url(/images/subnav_ul_bg.png) repeat-x top left;
}

#subnav .subnav_filter ul.filter_selector li.filter_selector_item{
	position:relative;
	margin-top:1px;
	background:none;
	padding:0;
}

#subnav .subnav_filter ul.filter_selector li.filter_selector_item a{
	background-color:#555;
	color:#999;
	display:block;
	padding:0 4px;
}

#subnav .subnav_filter ul.filter_selector li.filter_selector_item a:hover{
	background-color:#444;
	color:#fff;
	text-decoration:none;
}

/*CURRICULUM INTEGRATION------------------*/

#subnav #program_select{
	margin-top:10px;
	background:url(/images/subnav_bg.png) repeat;
	margin-bottom:0;
	padding:0;
	line-height:0;
	height:40px;
	padding-left:10px;
}

#subnav #program_select select{
	width:180px;
}

#subnav #facts p{
	font-size:11px;
	margin:.25em 0 1.5em 0;
}

#subnav #facts h4{
	font-size:15px;
	color:#F09905;
	margin:1em 0;
}

/* -- CONTENT ------------------------------------------ */

#content{
	display:inline;
	float:left;
	width:320px;
	margin-right:40px;
}

.grandchildren #content{
	display:inline;
	float:left;
	width:600px;
	margin-right:0px;
}

#content h3{
	line-height:24px;
	margin:0 0 12px 0;
	color:#F09905;
}

#content h4{
	line-height:24px;
	margin:0 0 12px 0;
	color:#000;
}

#content li a,
#content p a{
	color:#000;
	text-decoration:underline;
}

#content li a:hover,
#content p a:hover{
	color:#666;
	text-decoration:underline;
}

#content img{
	margin-right:10px;
}

/* -- MEDIA ------------------------------------------ */

#media{
	display:inline;
	float:left;
	width:360px;
	position:relative;
	color:#666;
}

#media img{
	width:360px;
}

#media .image,
#media .postcard{
	margin-bottom:20px;
}

#media .image h3{
	margin-top:10px;
}

#media_full{
	display:inline;
	float:left;
	width:720px;
}

#media_full .media_row{
	float:left;
	display:inline;
	clear:both;
	margin-bottom:60px;
}

#media_full .media_object{
  position:relative;
	width:320px;
	margin:0 40px 80px 0;
	overflow:hidden;
	display:inline;
	float:left;
}

#media_full .media_object_l{
	width:720px;
	overflow:hidden;
	display:inline;
	float:left;	
}

#media_full .media_object p,
#media_full .media_object_l p{
	margin:0;
}

#media_full .media_object .credit,
#media_full .media_object .tags,
#media_full .media_object .major,
#media_full .media_object_l .credit,
#media_full .media_object_l .major,
#media_full .media_object_l .tags{
	font-size:11px;
	color:#666;
}

#media_full .media_object hr,
#media_full .media_object_l hr{
	border-color:#ccc;
	margin:5px 0;
}

#media_full .tags a{
	color:#000;
	text-decoration:underline;
}

#media_full .tags a:hover{
	color:#666;
	text-decoration:underline;
}

.media-row-clear
{
  clear: left;
}

.postcard {
  position: relative;
}

.postcard h3 {
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;
	padding:0 5px;
	background:url(/images/black_screen-trans.png) repeat;
}

#media .postcard h3 {
}

.postcard .description {
  margin-top: 10px;
}

#media_full .media_object_l p.hires{
	margin-top:10px;
}



/*POSTCARDS=======================*/

.postcard_form{
	overflow:hidden;
	width:600px !important;
	font-size:12px;
	margin:40px 0 0 0;
}

.postcard_directions li{
	margin:5px 0;
	background:url(/images/arrow_black.png) no-repeat left center;
	text-indent:15px;
}

#postcard_progress{
	margin-bottom:20px;
	float:left;
	display:inline;
}

#postcard_submit{
	float:left;
	display:inline;
	clear:both;
	width:700px;
}


/* SF PAGER BULLSHIT */

#sf_pager_navigation {
display: block;
overflow: hidden;
margin: 10px 0;
font-size: 11px;
}


#sf_pager_navigation li {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
/*	width: 16px;*/
}

#sf_pager_navigation li span {
	display: block;
	height: 100%;
/*	width: 100%;*/
/*	padding: 0 5px;*/
	float: left;
}

#sf_pager_navigation li span span {
	padding: 0 6px;
	color: #000;
/*	display: block;*/
/*	width: 20px;*/
	text-align: center;
	background-color: #e2e2e2;
}

#sf_pager_navigation li.sf_pager_navigation_page {
}

#sf_pager_navigation li.sf_pager_navigation_page a {
	padding: 0 6px;
	display: block;
/*	height: 100%;
	width: 100%;*/
	float: left;
	color:#666;
	text-decoration:none;
}

#sf_pager_navigation li a:hover {
	color: #000;
}

#sf_pager_navigation a.sf_pager_navigation_image {
background: url(/images/icon_page_arrows.png) no-repeat;
display: block;
float: left;
width: 22px;
height: 20px;
}

#sf_pager_navigation a.sf_pager_navigation_image img {
	display: none;
}

#sf_pager_navigation a.sf_pager_navigation_image.disabled {
	cursor: default;
}


#sf_pager_navigation a.sf_pager_navigation_image.sf_pager_navigation_first{
background: url(/images/icon_page_arrows.png) no-repeat top left;
}

#sf_pager_navigation a.sf_pager_navigation_first:hover {
background: url(/images/icon_page_arrows.png) no-repeat 0px -20px;
}
#sf_pager_navigation a.sf_pager_navigation_previous{
background-position: -22px 0;		
width: 19px;
margin-right: 5px;
}
#sf_pager_navigation a.sf_pager_navigation_previous:hover {
background-position: -22px -40px !important;
}
#sf_pager_navigation a.sf_pager_navigation_next{
background-position: -41px 0;
width: 19px;
margin-left: 5px;
}
#sf_pager_navigation a.sf_pager_navigation_next:hover {
background-position: -41px -60px;
}
#sf_pager_navigation a.sf_pager_navigation_last{
background-position: -60px 0;	
}
#sf_pager_navigation a.sf_pager_navigation_last:hover {
background-position: -60px -80px;
}

#sf_pager_navigation li.firstdisabled {
background: url(/images/icon_page_arrows.png) no-repeat 0px -20px;
text-indent: -999px;
overflow:hidden;
width: 22px;
}

#sf_pager_navigation li.previousdisabled {
background: url(/images/icon_page_arrows.png) no-repeat -22px -40px;
text-indent: -999px;
overflow: hidden;
width: 19px;
margin-right: 5px;
}

#sf_pager_navigation li.lastdisabled {
background: url(/images/icon_page_arrows.png) no-repeat -60px -80px;
text-indent: -999px;
overflow:hidden;
width: 22px;
}

#sf_pager_navigation li.nextdisabled {
background: url(/images/icon_page_arrows.png) no-repeat -41px -60px;
text-indent: -999px;
overflow: hidden;
width: 19px;
margin-left: 5px;
}



/* -- FOOTER ------------------------------------------ */

#footer{
	float:left;
	clear:both;
	margin:80px 0;
	width:960px;
}

#footer ul#footer_links
{
	float:left;
	margin-bottom:3px;
}

#footer ul#footer_links li{
	display:inline;
	float:left;
	margin-right:20px;
}

#footer ul#footer_links li a{
	background-color:#666;
	color:#fff;
	padding:0 3px;
}

#footer ul#footer_links li a:hover{
	background-color:#000;
	text-decoration:none;
}

#footer p
{
	float:left;
	margin:3px 0 0 0;
}

#footer p span{
	color:#666;
	margin-right:20px;
	padding:0 3px;
}

#footer p span a{
	color:#000;
}

/* !!!!!!! HOME SPECIFIC STYLESZZZZZ ----------------- */

.home #home_content{
	margin:40px 0 40px 0;
	padding:10px;
	color:#fff;
	background:url(/images/black_screen-dense.png) repeat;
}

.home #home_content h2{
	font-size:36px;
	line-height:1.1em;
	margin-bottom:18px;
	color:#fff;
}

.home #home_content h2 a{
	color:#fff;
	text-decoration:underline;
}

.home #home_content h2 a:hover{
	color:#000;
}

.home #home_content h3
{
	color:#fff;
}

.home #home_content strong
{
	font-weight:normal !important;
}

.home #announcements{
	width:240px;
	background:url(/images/black_screen-dense.png) repeat;
	float:left;
	display:inline;
	padding-bottom:10px;
}

.home #announcements h3{
	color:#fff;
	margin:10px;
}

.home #announcements ul{
	margin:8px;
	list-style:none;
}

.home #announcements ul li{
	list-style:none;
	position:relative;
	margin-bottom: 18px;
	display:block;
	color:#fff;
}

.home #announcements ul li .date{
	position:absolute;
	left:2px;
	top:2px;
	width:60px;
	font-size:10px;
}

.home #announcements ul li p,
.home #announcements ul li h4{
	font-size:10px;
	width:160px;
}

.home #announcements ul li h4,
.home #announcements ul li p{
	position:relative;
	left:60px;
	top:0;
	margin:0;
	line-height:1.2em;
}

.home #announcements ul li h4{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin-bottom:3px;
}

.home #announcements a{
/*	display:block;*/
	color:#fff;
	padding:2px;
}

.home #announcements ul li{
	clear:both;
}

.home #announcements a:hover{
	text-decoration:none;
	background:url(/images/black_screen-trans.png) repeat;
}

.home #announcements ul li.newer a{
 	margin-bottom:10px;
	text-indent:-9999px;
	width:20px;
	height:20px;
	float:left;
	padding:0;
	clear:both;
	background:url(/images/btn_arrow_vertical.png) bottom left no-repeat;	
}

.home #announcements ul li.newer a:hover{
	background-position:bottom right;
}

.home #announcements ul li.older a{
	margin-bottom:10px;
	text-indent:-9999px;
	width:20px;
	height:20px;
	float:left;
	padding:0;
	clear:both;
	background:url(/images/btn_arrow_vertical.png) top left no-repeat;
}

.home #announcements ul li.older a:hover{
	background-position:top right;
}

.home #footer{
	margin-top:40px !important;
}

.home #footer ul#footer_links li a{
	background-color:#000;
}

.home #footer ul#footer_links li a:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

.home #footer p span{
	color:#fff;
	margin-right:20px;
	background: url(/images/black_screen-trans.png);
}

.home #footer p span.email-link
{
	padding:0;
}

.home #footer p span a{
	background-color:#000;
	color:#fff;
	padding: 0 3px;
}

.home #footer p span a:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

/* !!!!!!! BACKGROUND IMAGE STRETCH ----------------- */
#crop {
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 150px;
width: 100%;
overflow: hidden;
}

.home #crop {
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}

#screen {
	position: absolute;
	z-index: 1;
	height: 150px;
	width: 100%;
	left:0;
	right:0;
	background: url('/images/black_screen-trans.png') repeat;
}

#fullbg {
	position: relative;
	height: 100%;
	width: 100%;
	visibility: hidden;
	z-index: 0;
	top:0;
	left:0;
}

.home #fullbg {
	position: fixed;
}

/* Left overs ----------------- */

.media_hidden_toggle {
  clear: both;
}

.limited-textarea-maxblock {
  margin-left: 120px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.limited-textarea-red {
  color: #ff0000;
  font-weight: bold;
}

.limited-textarea-green {
  color: #00ff00;
}

.limited-textarea-yellow {
  color: #cccc00;
}

.browser-warning {
  color: #ff8888;
}