/* 
================================
Skin styles for DotNetNuke
================================
*/   

body {font:12px Arial, Helvetica, sans-serif; color:#000000; text-align:center; margin-left:auto; margin-right:auto; padding:0;}
A{ font:Arial, Helvetica, sans-serif; color:#FF0099;}
A:hover{text-decoration:none;}

h1 { font-size: 160%; font-weight: bold; color: #333; }
h2 { font-size: 140%; font-weight: bold; color: #333; }
h3 { font-size: 120%; font-weight: bold; color: #333; } 

#main { text-align:left; margin-top:19px; width: 994px; margin-left:auto; margin-right:auto; padding:0;}

#header{display:block; text-align:left; padding:0; margin:0; width: 994px; height: 82px;}
#LogoPane_Outer {float:left; margin:0; padding:0px; width:135px; height:82px;}
#firstmenu {position: relative; display:inline; left:115px; top:-80px;  float: left;  margin:0; padding:0px; width:790px; height:47px;;  overflow:hidden; vertical-align:middle; margin-top: 26px; margin-left:80px; border:thin #333333;}


#firstmenu2 {position: relative; display:inline; left:115px; top:-80px;  float: left;  margin:0; padding:0px; width:790px; height:47px;;  overflow:hidden; vertical-align:middle; margin-top: 26px; margin-left:80px; border:thin #333333;}
/* *html #firstmenu2 {left: -25px; top: -1px; } */
#firstmenu2 A{text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#EB297B;}
#firstmenu2 A:hover{text-decoration:none;}

#menuPanel { margin-top:20px; float:left; display:block; padding-right: 10px; width:210px; }
#menuPanel_home { margin-top:-5px; float:left; display:block; width:450px; }

#centerpanel { margin-top:-40px; vertical-align: top; float:left;  width:475px; font-family: Arial, Helvetica, sans-serif;   font-style:  normal; font-weight: normal;
               font-size:12px;  color: #666666; line-height: 18px;}
*html #centerpanel { margin-top:-45px; }
#centerpanel_home { vertical-align: top; float:right;  width:480px; }

#centerpanel A{font-family: Arial, Helvetica, sans-serif; font-style:  normal; font-weight: normal; color:#EB297B; font-size:12px; line-height: 18px;}
#centerpanel ul{ list-style-type:disc; padding-bottom:0; margin-bottom: 5px; margin-top: 5px;  }
#centerpanel ul li{ list-style-type:disc; padding-bottom:0; margin-bottom: 0px; }
#centerpanel h1 {font-family: Arial, Helvetica, sans-serif; font-style:  normal; font-weight: bold;; font-size:12px; color:#666666; line-height: 18px;}
#centerpanel td {font-family: Arial, Helvetica, sans-serif; font-style:  normal; font-weight: normal; font-size:12px;  color: #666666; line-height: 18px; vertical-align: top; } 
#centerpanel ol {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; } 
#centerpanel h1 {font-size: 125%}
#centerpanel h2 {font-size: 105%; font-weight: bold;}

#rightpanel  { vertical-align: top; float:right; margin:0; margin-top:-28px;   padding:5px; width:280px;  font:12px Arial, Helvetica, sans-serif; color:#666666; }
#rightpanel A{font-family: Arial, Helvetica, sans-serif; color:#FF3399; font-size:12px;}
/* IE Hack */
*html #rightpanel {  margin-top:-36px;  } 

#floatpanel {clear:both;  margin-top:-50px;  width:750px;  text-align:center; vertical-align:top;}

#floatpanel_home {clear:both; width:994px;  text-align:center; vertical-align:top;}


#footerpanel { clear:both; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#999999; vertical-align:middle;}
*html #footerpanel { padding-top:100px;  }
#footerpanel .rightfooter {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
#footerpanel .rightfooter A{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
#footerpanel .rightfooter A:visited { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} 
#footerpanel A{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}

div.clear { clear: both; }

.contenttext {font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}
.contenttext A {font-family: Arial, Helvetica, sans-serif; color:#FF3399; font-size:12px;}
.contenttext A:visited {font-family: Arial, Helvetica, sans-serif; color:#FF3399; font-size:12px;}
.pagemaster { 
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Helvetica, sans-serif; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.homelink {
    font-family: Arial, Helvetica, sans-serif;
    font-style:  normal;
    font-weight: normal;
    font-size:12px;
    color: #666666;
	line-height: 18px;

       }
.homelink a{
    font-family: Arial, Helvetica, sans-serif;
    font-style:  normal;
    font-weight: normal;
    font-size:12px;
    color: #666666;
	line-height: 18px;
       }
.homelink a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-style:  normal;
    font-weight: normal;
    font-size:12px;
    color: #666666;
	line-height: 18px;
       }
.homelink a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-style:  normal;
    font-weight: normal;
    font-size:12px;
    color: #666666;
	line-height: 18px;
       }


.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-face: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-face: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-face: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-face: Arial, Helvetica, sans-serif;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

.leftcell {
padding-right: 10px;
}

.rightcell {
padding-left: 10px;
}

/*
 * Menu with two layers + Revised copyright
 * Clint Mark Gono
 * 08 February 2010
 */

#firstmenu3 {
	width: 850px;
	height: 60px;
	position: relative;
	float: left;
}
	#firstmenu3 td {
		height: 30px;
		padding: 0 0 0 20px;
		text-align: center;
	}
	#firstmenu3 td a {
		height: 30px;
		display: block;
		border: none;
		margin: 0 auto;
	}
		#firstmenu3 td a span { display: none;}
		
	#firstmenu3 td.fm3_link01 a { background: transparent url(images/Menu/SOTA_Education_Experience.gif) no-repeat top left; width: 180px; }
		#firstmenu3 td.fm3_link01 a:hover, #firstmenu3 td.fm3_link01 a.selected { background: transparent url(images/Menu/SOTA_Education_Experience_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link02 a { background: transparent url(images/Menu/Admission.gif) no-repeat top left; width: 77px; }
		#firstmenu3 td.fm3_link02 a:hover, #firstmenu3 td.fm3_link02 a.selected { background: transparent url(images/Menu/Admission_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link03 a { background: transparent url(images/Menu/Campus_Buzz.gif) no-repeat top left; width: 91px; }
		#firstmenu3 td.fm3_link03 a:hover, #firstmenu3 td.fm3_link03 a.selected { background: transparent url(images/Menu/Campus_Buzz_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link04 a { background: transparent url(images/Menu/Partnership.gif) no-repeat top left; width: 74px; }
		#firstmenu3 td.fm3_link04 a:hover, #firstmenu3 td.fm3_link04 a.selected { background: transparent url(images/Menu/Partnership_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link05 a { background: transparent url(images/Menu/Procurement.gif) no-repeat top left; width: 81px; }
		#firstmenu3 td.fm3_link05 a:hover, #firstmenu3 td.fm3_link05 a.selected { background: transparent url(images/Menu/Procurement_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link06 a { background: transparent url(images/Menu/Student_Portal.gif) no-repeat top left; width: 91px; }
		#firstmenu3 td.fm3_link06 a:hover, #firstmenu3 td.fm3_link06 a.selected { background: transparent url(images/Menu/Student_Portal_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link07 a { background: transparent url(images/Menu/Parent_Portal.gif) no-repeat top left; width: 91px; }
		#firstmenu3 td.fm3_link07 a:hover, #firstmenu3 td.fm3_link07 a.selected { background: transparent url(images/Menu/Parent_Portal_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link08 a { background: transparent url(images/Menu/The_School.gif) no-repeat top left; width: 80px; }
		#firstmenu3 td.fm3_link08 a:hover, #firstmenu3 td.fm3_link08 a.selected { background: transparent url(images/Menu/The_School_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link09 a { background: transparent url(images/Menu/Our_People.gif) no-repeat top left; width: 77px; }
		#firstmenu3 td.fm3_link09 a:hover, #firstmenu3 td.fm3_link09 a.selected { background: transparent url(images/Menu/Our_People_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link10 a { background: transparent url(images/Menu/News.gif) no-repeat top left; width: 40px; }
		#firstmenu3 td.fm3_link10 a:hover, #firstmenu3 td.fm3_link10 a.selected { background: transparent url(images/Menu/News_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link11 a { background: transparent url(images/Menu/Career.gif) no-repeat top left; width: 47px; }
		#firstmenu3 td.fm3_link11 a:hover, #firstmenu3 td.fm3_link11 a.selected { background: transparent url(images/Menu/Career_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link12 a { background: transparent url(images/Menu/Contact.gif) no-repeat top left; width: 47px; }
		#firstmenu3 td.fm3_link12 a:hover, #firstmenu3 td.fm3_link12 a.selected { background: transparent url(images/Menu/Contact_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link13 a { background: transparent url(images/Menu/eLearning_Portal.gif) no-repeat top left; width: 99px; }
		#firstmenu3 td.fm3_link13 a:hover, #firstmenu3 td.fm3_link13 a.selected { background: transparent url(images/Menu/eLearning_Portal_.gif) no-repeat top left; }
	#firstmenu3 td.fm3_link14 a { background: transparent url(images/Menu/Staff_Portal.gif) no-repeat top left; width: 72px; }
		#firstmenu3 td.fm3_link14 a:hover, #firstmenu3 td.fm3_link14 a.selected { background: transparent url(images/Menu/Staff_Portal_.gif) no-repeat top left; }

/*
 * Menu with 2 layers - now including venue rental
 * Clint Mark Gono
 * 25 January 2011
 */
#firstmenu4 {
	width: 840px;
	height: 60px;
	position: relative;
	float: left;
	text-align: center;
}
	#firstmenu4 ul {
		margin: 0 auto;
		padding: 0;
		clear: left;
		height: 30px;
		text-align: center;
		list-style-type: none;
		position: relative;
	}
		#firstmenu4 ul.fm4_row1 {
			width: 840px;
			position: absolute;
			top: 0;
			left: 0;
		}
		#firstmenu4 ul.fm4_row2 {
			width: 700px;
			position: absolute;
			top: 30px;
			left: 105px;
		}
		#firstmenu4 ul li {
			list-style-type: none;
			height: 30px;
			float: left;
			margin-right: 15px;
			overflow: hidden;
			position: relative;
		}
		#firstmenu4 ul.fm4_row2 li {
			margin-right: 40px;
		}
		#firstmenu4 ul li.fm_link_last {
			margin-right: 0;
		}
		#firstmenu4 ul.fm4_submenu {
			left: 0;
			height: auto;
			width: auto;
			padding: 2px;
			margin: 0;
			border-style: solid;
			border-width: 1px 1px 2px;
			border-color: #bbb #aaa #999;
			background-color: white;
			z-index: 1;
		}
		#firstmenu4 ul.fm4_submenu li {
			float: none;
			margin: 0;
			margin-right: 0;
			padding: 0;
			height: 20px;
			z-index: 1;
		}
		#firstmenu4 ul.fm4_submenu li a {
			background-image: none;
			background-color: white;
			display: block;
			height: auto;
			padding: 2px;
			text-align: left;
			margin: 0;
			
		}
	#firstmenu4 a {
		display: block;
		height: 30px;
		background-repeat: no-repeat;
		background-position: top left;
	}
		#firstmenu4 a span {
			display: none;
		}
		
	.fm4_link-1-1 { width: 180px; }
		.fm4_link-1-1 a { background-image: url(images/Menu/SOTA_Education_Experience.gif); }
			.fm4_link-1-1 a:hover, .fm4_link-1-1 .selected { background-image: url(images/Menu/SOTA_Education_Experience_.gif) }
	.fm4_link-1-2 { width: 77px; }
		.fm4_link-1-2 a { background-image: url(images/Menu/Admission.gif); }
			.fm4_link-1-2 a:hover, .fm4_link-1-2 .selected { background-image: url(images/Menu/Admission_.gif) }
	.fm4_link-1-3 { width: 91px; }
		.fm4_link-1-3 a { background-image: url(images/Menu/Campus_Buzz.gif); }
			.fm4_link-1-3 a:hover, .fm4_link-1-3 .selected { background-image: url(images/Menu/Campus_Buzz_.gif) }
	.fm4_link-1-4 { width: 74px; }
		.fm4_link-1-4 a { background-image: url(images/Menu/Partnership.gif); }
			.fm4_link-1-4 a:hover, .fm4_link-1-4 .selected { background-image: url(images/Menu/Partnership_.gif) }
	.fm4_link-1-5 { width: 81px; }
		.fm4_link-1-5 a { background-image: url(images/Menu/Procurement.gif); }
			.fm4_link-1-5 a:hover, .fm4_link-1-5 .selected { background-image: url(images/Menu/Procurement_.gif) }
	.fm4_link-1-6 { width: 72px; }
		.fm4_link-1-6 a { background-image: url(images/Menu/Staff_Portal.gif); }
			.fm4_link-1-6 a:hover, .fm4_link-1-6 .selected { background-image: url(images/Menu/Staff_Portal_.gif) }
	.fm4_link-1-7 { width: 160px; }
		.fm4_link-1-7 a { background-image: url(images/Menu/Student_Parent_Portals.gif); }
			.fm4_link-1-7 a:hover, .fm4_link-1-7 .selected { background-image: url(images/Menu/Student_Parent_Portals_.gif) }
		
	.fm4_link-2-1 { width: 80px; }
		.fm4_link-2-1 a { background-image: url(images/Menu/The_School.gif); }
			.fm4_link-2-1 a:hover, .fm4_link-2-1 .selected { background-image: url(images/Menu/The_School_.gif) }
	.fm4_link-2-2 { width: 77px; }
		.fm4_link-2-2 a { background-image: url(images/Menu/Our_People.gif); }
			.fm4_link-2-2 a:hover, .fm4_link-2-2 .selected { background-image: url(images/Menu/Our_People_.gif) }
	.fm4_link-2-3 { width: 40px; }
		.fm4_link-2-3 a { background-image: url(images/Menu/News.gif); }
			.fm4_link-2-3 a:hover, .fm4_link-2-3 .selected { background-image: url(images/Menu/News_.gif) }
	.fm4_link-2-4 { width: 47px; }
		.fm4_link-2-4 a { background-image: url(images/Menu/Career.gif); }
			.fm4_link-2-4 a:hover, .fm4_link-2-4 .selected { background-image: url(images/Menu/Career_.gif) }
	.fm4_link-2-5 { width: 47px; }
		.fm4_link-2-5 a { background-image: url(images/Menu/Contact.gif); }
			.fm4_link-2-5 a:hover, .fm4_link-2-5 .selected { background-image: url(images/Menu/Contact_.gif) }
    /*
     * Note for .fm4_link-2-6:
     * If this is to display "SOTA Performing Arts Venues", use 149px and url(images/Menu/performing_arts_venues_nodd.png)
     * If this is to display "Venue Rental", use 98px and url(images/Menu/venue_rental.gif)
     */
	.fm4_link-2-6 { width: 98px; }
		.fm4_link-2-6 a { background-image: url(images/Menu/venue_rental.gif); }
			.fm4_link-2-6 a:hover, .fm4_link-2-6 .selected { background-image: url(images/Menu/venue_rental_.gif) }

		
/* Revised copyright panel
 * Includes IB logo
 * Clint Mark Gono
 * 15 Sept 2010
 */
    
#copyright { font-size: 12pt; margin-top: 20px; }
#copyright table { width: 100%; }
#copyright table td.logo { width: 75px;}
#copyright table td.text { text-align: right; font-size: 80%; }
.ib_logo_container { 
  width: 75px;
  height: 75px;  
  position: relative;
}
  .ib_logo_container div {
    height: 75px;
    width: 75px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .ib_logo {
    background-image: url(/Portals/0/logoss/Worldschool_75.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
    z-index: -1;
  }
  .prot {
    z-index: 2;
    background-color: transparent;
  }