/* CSS for Dulwich College Beijing DotNetNuke skin ---------- */
/* June 2007 ------------------------------------------------ */

/* Rotating Banners ---------------------- */
table.Academic{width: 100%; height: 100%; background: url(Academic.jpg) no-repeat;}
table.Admissions{width: 100%; height: 100%; background: url(Admissions.jpg) no-repeat;}
table.DUCKS{width: 100%; height: 100%; background: url(DUCKS.jpg) no-repeat;}
table.Juniors{width: 100%; height: 100%; background: url(Juniors.jpg) no-repeat;}
table.Seniors{width: 100%; height: 100%; background: url(Seniors.jpg) no-repeat;}
table.Home{width: 100%; height: 100%; background: url(Home.jpg) no-repeat;}
table.FoD{width: 100%; height: 100%; background: url(FoD.jpg) no-repeat;}
table.banner-01 {width: 100%; height: 100%; background: url(Home.jpg) no-repeat;}
table.banner-02 {width: 100%; height: 100%; background: url(Home.jpg) no-repeat;}
table.banner-03 {width: 100%; height: 100%; background: url(Home.jpg) no-repeat;}
table.banner-04 {width: 100%; height: 100%; back	ground: url(Home.jpg) no-repeat;}
table.banner-05 {width: 100%; height: 100%; background: url(Home.jpg) no-repeat;}


/* Universal ------------------------------ */

html {height: 100%; margin: 0; padding: 0; border: 0;}
body { height: 100%; background: #aeaeae; margin: 0; padding: 0;}
table, tr, td, p {font-family: "verdana", sans-serif; line-height: 1.3em;}


/* dnn control panel */
td#dnn-controls-row {background: #fff; border: 0; padding: 0; height: 0;}
table.ControlPanel {background: #fefefe; border: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #ddd;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 0px 0; background: #f1f1f1;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; width: 0px; height: 100px; display: none;}



/* Framework -------------------------- */

table.page-master {height: 100%; background: url(page-bg.jpg) repeat-x top; width: 100%; padding: 0; margin: 0 auto -20px auto;}
td.canvas-edge-left {width: 25px; background: #a4a4a4; border-right: 6px solid #fff;}
td.canvas-portal {height: 100%; width: 918px; background: #fff;}
td.canvas-edge-right {width: 25px; background: #a4a4a4; border-left: 6px solid #fff;}
table.canvas-table {height: 100%; width: 100%;}
td.top-row {height: 157px; font-size: 10px; padding: 0; margin: 0; background: url(header-bg.gif) repeat-x top;)}
td.header-top {}
td.logo-td {width: 250px;}
td.toplinks1-td {padding-top: 6px;}
td.header-bottom {}
td.toplinks2-td {height: 23px; padding: 0;}
td.search-td {text-align: right; padding: 0 10px 0 0;}
td.middle-row {}
table.canvas-inner {height: 100%; width: 100%;}
td.canvas-left {width: 220px; background: url(sidebar-stripe.gif) left repeat-y;}
table.sidebar-table {width: 100%; background: url(menu-header.gif) top no-repeat;}
td.menu-td {padding-top: 54px;}
td.sidebar-content {padding: 0px 10px 10px 10px; background: transparent;}
td.canvas-right {background: url(content-bg.gif) top right no-repeat;}
td.breadcrumb-row {font-family:"verdana",sans-serif; font-size: 11px;padding-top: 28px; padding-bottom: 10px; color: #6786c6;}

td.content-pad {padding: 10px 10px 10px 0;}
td.bottom-row {height: 34px; background: url(footer-bg.gif) repeat-x; font-size: 10px;}
td.footer-left {padding: 2px 0 0 10px;}
td.footer-right {padding: 0 0 0 0;}
td.terms-td {background: url(footer-right.gif) no-repeat; height: 34px; padding: 0 10px 0 34px;}

td.content-top-left {padding-bottom: 20px;}
td.content-top-center {padding-bottom: 20px;}
td.content-top-right {padding-bottom: 20px;}
td.content-left {width: 25%; padding-right: 20px; padding-bottom: 20px;}
td.content-center {padding-bottom: 20px;}
td.content-right {/*width: 25%;*/ width:220px; padding-left: 10px; padding-bottom: 20px;}
td.content-bottom-left {padding-bottom: 20px;}
td.content-bottom-center {padding-bottom: 20px;}
td.content-bottom-right {padding-bottom: 20px;}

/* Links -------------------------- */

/* basic links */
a:link, a:visited, a:active {font-family: "verdana", sans-serif; font-weight: normal; font-size: 11px; text-decoration: none; font-weight: normal; color: #bd1425;}
a:hover {font-family: "verdana", sans-serif; font-weight: normal; font-size: 11px; text-decoration: none; font-weight: normal; color: #bd1425;}

/* login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active {text-decoration: none; font-size: 11px; font-weight: normal; color: #444; padding: 0 10px 0px 10px; background: url(headerlink-bg.gif) right no-repeat;}
a.login-link:hover {text-decoration: underline; font-size: 11px; font-weight: normal; color: #222; padding: 0 10px 0px 10px; background: url(headerlink-bg.gif) right no-repeat;}

/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active {font-family: :"Trebuchet MS",BitStream Vera Sans,FreeSans,sans-serif; text-decoration: none; font-weight: normal; color: #fff; font-size: 11px;}
a.breadcrumb-link:hover {font-family: :"Trebuchet MS",BitStream Vera Sans,FreeSans,sans-serif; text-decoration: none; font-weight: normal; color: #fff; font-size: 11px;}
.breadcrumb-link {font-family::"Trebuchet MS",BitStream Vera Sans,FreeSans,sans-serif; color: :#6786C6; font-size: 11px;}

/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #bd1425;}
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #bd1425;}

/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active {text-decoration: underline;}
a.Normal:hover {text-decoration: none;}

/* footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active {font-size: 11px; text-decoration: none; font-weight: normal; color: #fff;}
a.footer-link:hover {font-size: 11px; text-decoration: none; font-weight: normal; color: #fff;}

/* header links */
a.header-link:link, a.header-link:visited, a.header-link:active {font-size: 11px; line-height: 23px; height: 23px; text-decoration: none; font-weight: normal; color: #444; padding: 0 10px 0px 10px; background: url(headerlink-bg.gif) right no-repeat;}
a.header-link:hover {font-size: 11px; height: 23px; text-decoration: underline; font-weight: normal; color: #222; padding: 0 10px 0px 10px; background: url(headerlink-bg.gif) right no-repeat;}




/* Text -------------------------- */

/* current date */
.current-date {color: #444; font-size: 11px; padding: 0 10px 0px 10px; background: url(headerlink-bg.gif) right no-repeat;}

/* copyright */
.CopyrightText {color: #777; font-size: 11px;}

/* used in admin sections */
.SubHead, .SubHead font {font-family: "verdana", sans-serif; font-size: 14px; font-weight: bold; color: #555; padding: 0;margin-buttom:5px;}

/* module titles */
.Head {font-family: "verdana", sans-serif; font-size: 17px; text-decoration: none; color: #444; font-weight: normal; white-space: nowrap;}

/* colored - used for warnings and such */
.NormalRed {color: #900; font-family: "verdana", sans-serif; font-weight: bold; font-size: 11px; line-height: 1.3em;}

/* bold text */
.NormalBold {font-family: "verdana", sans-serif; font-size: 11px; font-weight: bold; color: #555; line-height: 1.3em;}

/* normal text */
.Normal {font-family: "verdana", sans-serif; font-size: 11px; color: #555; line-height: 1.3em;}





/* Forms ----------------------------- */

/* catch-all */
select, input {font-family: "verdana", sans-serif; font-size: 11px; color: #555;}

/* Applies to text input boxes */
.NormalTextBox {font-family: "verdana", sans-serif; font-size: 11px; color: #555;}

/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; color: #555;}

/* for the search text field */
#dnn_dnnSEARCH_txtSearch.NormalTextBox {line-height: 14px; font-size: 11px; width: 144px; padding: 0; height: 22px; color: #555; cursor: text; background: transparent; border: 0;}

/* for the search input box */
td.search-bg input {height: 20px;}

/* button in search area */
.search-td a:link, .search-td a:visited, .search-td a:active, .search-td a:hover {width: 50px; padding: 2px 46px 5px 0; _padding: 0 0 5px 0; height: 20px; background: url(spacer.gif) no-repeat; text-decoration: none;}





/* Main Menu ----------------------------- */
/*
.MainMenu_MenuContainer {background: transparent; width: 205px; border-top: 1px solid #fff;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal; line-height: 1.3em; width: 205px;}
*/
/* idle state of submenu items */
/*
.MainMenu_MenuItem {font-family: "verdana", sans-serif; font-size: 11px; font-weight: normal; color: #555; padding: 5px 14px 6px 7px; background: url(menu-off-bg.gif) left bottom no-repeat; border: 0;}
*/
/* hover state for submenu items */
/*
.MainMenu_MenuItemSel {font-family: "verdana", sans-serif; font-size: 11px; font-weight: normal; color: #fff; padding: 5px 14px 6px 7px; background: url(menu-on-bg.gif) left bottom no-repeat; border: 0;}
*/
/* box for submenu */
/*
.MainMenu_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #aeaeae; border: 1px solid #fff; border-bottom: 0; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}
*/
/* menu arrows for DNN4.4.1 and newer - controls the pixel shift on hover */
/*
.MainMenu_MenuArrow {padding: 0 2px 0 0px; border: 0; text-align: right; display: none;}
.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_BreadcrumbActive td, .MainMenu_Active td  {margin: 0; padding: 0 0 0 10px; height: 28px; width: 205px;}
.MainMenu_Idle td span, .MainMenu_Selected td span, .MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {font-size: 10px; font-weight: bold; line-height: 1.3em;}
*/

/* idle state of main menu items */
/*
.MainMenu_Idle td {background: url(menu-off-bg.gif) no-repeat;}
.MainMenu_Idle td span {color: #333;}
*/
/* hover state of main menu items */
/*
.MainMenu_Selected td {background: url(menu-on-bg.gif) no-repeat;}
.MainMenu_Selected td span {color: #fff;}
*/
/* active/selected state of main menu items */
/*
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {background: url(menu-on-bg.gif) no-repeat;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {color: #fff;}
*/
/* items we don't need to see */
/*
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.MainMenu_MenuBreak {width: auto; border: 0;}

*/


/* Module Menus ------------------------ */

/* Outer cntainer for module submenu 
.ModuleTitle_MenuContainer {}*/

/* Inner container for module submenu 
.ModuleTitle_MenuBar {}*/

/* Inner, inner container for module submenu (?) 
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
*/
/* Idle state for module submenu items 
.ModuleTitle_MenuItem {font-family: "verdana", sans-serif; font-size: 11px; color: #555; font-weight: normal; background: #f7f7f7; border: #f7f7f7 1px solid; padding: 2px 10px 3px 0px;}
*/
/* Hover state for module submenu items 
.ModuleTitle_MenuItemSel {font-family: "verdana", sans-serif; font-size: 11px; font-weight: normal; color: #333; background: #eee; border: #eee 1px solid; padding: 2px 10px 3px 0px;}

.ModuleTitle_MenuIcon {background: #eee; border: 1px solid #eee; padding: 0 3px 0 3px;}
*/
/* elements we don't need to see 
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}
*/

/*  End Style Sheet */


/* add style -----ljp */

table, tr, td, p {font-family: "verdana", sans-serif; line-height: 1.3em;font-size: 12px;text-align:justify;}
.Normal {font-family: "verdana", sans-serif; font-size: 12px; color: #555; line-height: 1.3em;}
span.hcontent_title_b{color:#a52a2a;font-weight:bold;font-size:12px}
span.hcontent_title{color:#a52a2a;font-size:12px}
span.content_title_b{font-weight:bold;font-size:14px}
span.duckcontent{font-family:Comic Sans MS;font-size:16px;color:#000;text-align: justify;}
span.content_title_blue_b{font-weight:bold;font-size:14px;color:rgb(35, 78, 162);}
span.content_blue{font-weight:bold;color:rgb(35, 78, 162);}
.content_img{margin-left:10px;}
.c_width{width:180px;}
.img_pdf{ background:url('/Portals/2/Link_img/pdf_button.png') no-repeat;border:0; height:16px; width:16px;float:left;}
.img_doc{ background:url('/Portals/2/Link_img/doc.gif') no-repeat;border:0; height:16px; width:16px;float:left;}
.link{margin-left:25px;display:block;}


.gray_address_left,
.gray_address_center,
.gray_address_right{
	font-family: "verdana", sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#75665f;
	line-height: 140%;
	height:120px;
}
.gray_address_left{
	width:10px;
	background:url('/Portals/2/DC/gray_bg_left.gif')
}
.gray_address_right{
	width:10px;
	background:url('/Portals/2/DC/gray_bg_right.gif')
}

td.footer-left{color:#777777;font-size:11px;}
td.footer-left a:link,td.footer-left a:visited{color:#777777;font-size:11px;text-decoration:none;}
td.footer-left a:hover{color:#777777;font-size:11px;text-decoration:underline;}



/*TreeViewMenu*/
/*public style*/
.menubody{width: 195px;}
.Treeview_Main{background: transparent; width: 100%;border-top: 1px solid #fff;}
.Treeview_Main div{margin: 0;font-size: 11px; font-family: "verdana", sans-serif; font-weight: bold;line-height: 1.3em;}
.FileManager .Treeview_Main{background: transparent; width: 100%;border-top: 1px solid #fff;}
.FileManager .Treeview_Main div{margin: 0;font-size: 11px; font-family: "verdana", sans-serif; font-weight: bold;}

/*Level1 style*/
.Treeview_Node{padding:0; background:none;border: 0;color:#000;width:100%;}
.Treeview_Nodesel{padding: 0; background: none;border: 0;color: #000;width:100%;}
.Treeview_Nodeover{padding: 0;background: none;border: 0;color: #000;width:100%;}
.Level1_HeaderCssClass{padding:0;background: none;border: 0;color: #000;width:100%;}

.menubody .Level1_HeaderCssClass{padding: 5px 0 6px 7px;background: url(menu-on-bgred.gif) left bottom no-repeat;border: 0;color: #fff;width:198px;display:block;}
.menubody .Treeview_Node{padding: 5px 0 6px 7px;background: url(menu-off-bg.gif) left bottom no-repeat; border: 0;color:#555;width:198px;display:block;}
.menubody .Treeview_Nodesel{padding: 5px 0 6px 7px; background: url(menu-on-bgred.gif) left bottom no-repeat;border: 0;color: #fff;width:198px;display:block;}
.menubody .Treeview_Nodeover{padding: 5px 0 6px 7px;background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;color: #fff;width:198px;display:block;}


/*Level2 style*/
.Treeview_NodeChild{padding:0; background: none; border: 0;color: #000;}
.Menu_Level2_Hover{padding:0; background: none;border: 0;color: #000;}
.Menu_Level2_Sel{padding: 0; background: none;border: 0;color: #000;}
.Level2_HeaderCssClass{padding:0;background: none;border: 0;color: #000;}

.menubody .Treeview_NodeChild{padding: 5px 0 6px 14px; background: url(menu-on-bggray.gif) left bottom no-repeat; border: 0;color: #fff;width:191px;display:block;}
.menubody .Menu_Level2_Hover{padding: 5px 0 6px 14px; background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;width:191px;color: #fff;display:block;}
.menubody .Menu_Level2_Sel{padding: 5px 0 6px 14px; background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;width:191px;color: #fff;display:block;}
.menubody .Level2_HeaderCssClass{padding: 5px 0 6px 14px;background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;color: #fff;width:191px;display:block;}

/*Level3 style */
.Menu_Level3{padding:0; background:none; border: 0;color:#000;}
.Menu_Level3_Hover{padding: 0; background:none; border: 0;color:#000;}
.Menu_Level3_Sel{padding: 0;background: none;border: 0;color: #000;}
.Level3_HeaderCssClass{padding:0; background: none;border: 0;color: #000;}

.menubody .Menu_Level3{padding: 5px 0 6px 24px; background: url(menu-off-bg.gif) left bottom no-repeat;border: 0;color:#555;width:181px;display:block;}
.menubody .Menu_Level3_Hover{padding: 5px 0 6px 24px; background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;color:#fff;width:181px;display:block;}
.menubody .Menu_Level3_Sel{padding: 5px 0 6px 24px;background: url(menu-off-bg.gif) left bottom no-repeat;border: 0;color: #555;width:181px;display:block;}
.menubody .Level3_HeaderCssClass{padding: 5px 0 6px 14px; background: url(menu-on-bg.gif) left bottom no-repeat;border: 0;color: #fff;width:191px;display:block;}

.DNNTree{overflow:auto;}
.menubody .DNNTree{overflow:hidden;height:100%;}
.spacerr_img{height:1px;}

.menubody .spacerr_img{display:none;}
.menubody .render_Icon{display:none;}
.menubody .render_chk{display:none;}
.menubody .expcol_img{display:none;}
.show_decimg{
	BORDER-RIGHT:black 1px solid;
	PADDING-RIGHT:5px;
	BORDER-TOP:black 1px solid;
	PADDING-LEFT:5px;
	Z-INDEX:100;
	PADDING-BOTTOM:5px;
	BORDER-LEFT:black 1px solid;
	PADDING-TOP:5px;
	BORDER-BOTTOM:black 1px solid;
	POSITION:absolute
}