.dropdown 	  {float:left;}
.dropdown dt  {border:0px; padding:5px; font-weight:bold; cursor:pointer;}
.dropdown dt:hover {border:0px; padding:5px; font-weight:bold; cursor:pointer;}

.dropdown dd {position:absolute; overflow:hidden; width:200px; display:none; z-index:200; opacity:0;}

/*sizings ok in: firefox, internet explorer, flock, sea-monkey, camino, opera, chrome and safari*/

html.gecko div.MMT { margin-top:0px; }
.ie .MMT {margin-top:1px;}
.ie7 .MMT {margin-top:1px;}
.ie8 .MMT {margin-top:1px;}
.opera .MMT {margin-top:-10px;}
.chrome .MMT {margin-top:-11px;}
.safari .MMT {margin-top:-11px;}

.dd1 {margin-left:-84px;} /*home*/
.dd2 {margin-left:-84px;}/*ethos*/
.dd3 {margin-left:-80px;}/*people*/
.dd4 {margin-left:-75px;}/*structure*/
.dd5 {margin-left:-18px;}/*affiliations/policies*/
.dd6 {margin-left:-70px;}/*school life*/
.dd7 {margin-left:-65px;}/*dress code*/
.dd8 {margin-left:-70px;}/*admissions*/
.dd9 {margin-left:-80px;}/*contact*/

/*margins ok in: firefox, internet explorer, flock, sea-monkey, camino, opera, chrome and safari*/

html.gecko div.dd5 { margin-left:-18px; }
.ie .dd5 {margin-left:-80px;}
.ie7 .dd5 {margin-left:-80px;}
.ie8 .dd5 {margin-left:-80px;}
.opera .dd5 {margin-left:-15px;}
.chrome .dd5 {margin-left:-24px;}
.safari .dd5 {margin-left:-15px;}

.dropdown ul {width:200px; border:0px; list-style:none; border-top:none; margin-left:0px; text-align:left;}
.dropdown ul li {display:inline;}
.dropdown ul li a, 
.dropdown ul li a:active, 
.dropdown ul li a:visited {display:block; padding:6px; color:#FFFFFF; text-decoration:none; background:#ebb95f; width:150px;}
.dropdown ul li a:hover {background:#d2a658; color:#FFFFFF;} 
.underline {border-bottom:1px solid #f9e4bd;}


body { background:#77aeea url(images/background_sky.jpg) no-repeat top center;}

#home_width {
	width:720px;
	float:left;
}

#home_width blue {
	height:100px;
	background:blue;
}

#container {background:url(images/container_bg_img.png) repeat-y top center; }
#content { padding: 0 5px; color:#2D366C; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
	margin:4px;
	background:url(images/trans_grey.png);
	background-repeat:repeat;
	border:1px solid #2d366c;
}



.pencil_pic {background:url(images/pencils.png); background-repeat:no-repeat; background-position:top right;}

.globe_pic {background:url(images/globe.png); background-repeat:no-repeat; background-position:top right;}

.bag_pic {background:url(images/bag.png); background-repeat:no-repeat; background-position:top right;}

/*header*/

#header { background:url(images/header_fade.jpg) repeat-x; }
#header #carmel_global_button { background:#2D366C; color:#fff; }
#header #twitter_div { opacity:0; }
#header #header_logo { background:url(images/header_logo.png) no-repeat; }


/*box heights*/

.banner_top h2 { display:none; }
	
.banner_top {min-height:210px;}
.item_right_top {min-height:370px;}
.item_left_middle {height:150px;}
.item_middle_middle {height:150px;}
.item_left_bottom {min-height:240px;}
.item_middle_bottom {min-height:240px;}
.item_right_bottom {min-height:240px;}
.item_left_bottom_p {min-height:290px;}
.item_right_bottom_p {min-height:290px;}


/*navigation*/

#navigation {
	background:url(images/navigation_stripes.png) no-repeat top center;	
	width:1010px;
	height:70px;
	margin-left:-20px;
	left:50%;
	text-align:center;
	float:left;
	color:#fff;
}
.top_navigation:link {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:bold;
	color:#FFFFFF;
	background:none;	
}
.top_navigation:hover {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:bold;
	color:#FFFFFF;
	background:none;	
}
.top_navigation:active {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:bold;
	color:#FFFFFF;
	background:none;	
}
.top_navigation:visited {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:bold;
	color:#FFFFFF;
	background:none;	
}

.ap:link {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:normal;
	color:#2d366c;
	background:none;	
}
.ap:hover {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:normal;
	color:#2d366c;
	background:none;	
}
.ap:active {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:normal;
	color:#2d366c;
	background:none;	
}
.ap:visited {
	font-size:12px;
	font-family:arial;
	padding:0px;
	font-weight:normal;
	color:#2d366c;
	background:none;	
}

/*class variables for cross browser compatability*/
.navigation_menu {
	text-align:top; 
	margin-left:50px; 	
}

.school_motto {font-family:arial; font-size:16px; font-weight:normal; text-align:center; color:#FFFFFF;}




/*sizings ok in: firefox, internet explorer, flock, sea-monkey, camino, opera, chrome and safari*/

html.gecko div.navigation_menu { margin-top:0px; }
.ie .navigation_menu {margin-top:2px;}
.ie7 .navigation_menu {margin-top:2px;}
.ie8 .navigation_menu {margin-top:2px;}
.opera .navigation_menu {margin-top:0px;}
.chrome .navigation_menu {margin-top:-1px;}
.safari .navigation_menu {margin-top:1px;}

#text_box_ILM {margin-top:-65px; padding:0 10px;}
#text_box_IMM {margin-top:-65px; padding:0 10px;}
#text_box_ITR {margin-top:-41px;}
#text_box_ILB {margin-top:-41px; padding:0 10px;}
#text_box_IMB {margin-top:-41px; padding:0 10px;}
#text_box_IRB {margin-top:-41px; padding:0 10px;}

#sub_navigation {
	width:242px;
	height:210px;
	float:right; 
	bottom:50px;
	z-index:2;
}

#pages { display:none; background-image:url(images/page_banner_1.jpg);}

.ethos #pages { display:block; background-image:url(images/page_banner_1.jpg);}
.people #pages { display:block; background-image:url(images/page_banner_2.jpg);}
.structure #pages { display:block; background-image:url(images/page_banner_3.jpg);}
.affilations-policies #pages { display:block; background-image:url(images/page_banner_4.jpg);}
.school-life #pages { display:block; background-image:url(images/page_banner_5.jpg);}
.dress-code #pages { display:block; background-image:url(images/page_banner_6.jpg);}
.early-years #pages { display:block; background-image:url(images/page_banner_6.jpg);}
.admissions #pages { display:block; background-image:url(images/page_banner_7.jpg);}

#sub_navigation ul li {
	background:url(images/blue_link.png) no-repeat;
	list-style-type:none;
	width:206px;
	padding:5px;
	margin-top:5px;
	padding-bottom:10px;
}
.titles {
	text-transform:uppercase;	
}

.blue {color:#2d366c;}
.white {color:#FFFFFF;}

.blue_text {
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#2d366c;
}

.white_text {
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}

#backing_img_2 {background:url(images/ITR.png) no-repeat; background-position:bottom left; padding-left:10px; padding-right:10px; height:359px;}

#page_navigation {
	position:absolute;
	left:775px;
	margin-top:-75px;	
	
}
.side_nav {
	font-family:arial;
	font-size:16px;
	color:#FFFFFF;
}
.side_nav:link { text-decoration:none; }
.side_nav:hover { text-decoration:none; }
.side_nav:active { text-decoration:none; }
.side_nav:visited { text-decoration:none; }


.ethos_sub_nav, .people_sub_nav, .structure_sub_nav, .affilations-policies_sub_nav, .school-life_sub_nav, .dress-code_sub_nav, .admissions_sub_nav, .contact_sub_nav { display:none; }
.ethos .ethos_sub_nav { display:block; }
.people .people_sub_nav { display:block; }
.structure .structure_sub_nav { display:block; }
.affilations-policies .affilations-policies_sub_nav { display:block; }
.school-life .school-life_sub_nav { display:block; }
.dress-code .dress-code_sub_nav { display:block; }
.admissions .admissions_sub_nav { display:block; }
.contact .contact_sub_nav { display:block; }



/* slideshow gallery */

.slideshowlite {
	position: relative;
	border: 0px;
	overflow: hidden;
	margin:8px;
	top:8px;
}

	.slideshowlite a {
		position: absolute;
		z-index: 0;
		width: 100%;
		height: 100%;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 11px;
	left: -3px;
	z-index:3;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 16px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding: 7px;
		text-decoration: none;
		color: #2d366d;
		background: #e6a223;
		border:0px;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #FFF;
		font-weight: bolder;
		border:0px;
		background:#e6a223;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #e6a223;
	}
	.slideshowlite ul li a img {
		float:left;
		display:inline;
	}
	
/* caption control */

.slideshowlite ol {
	top: 5px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #000;
	padding: 3px 10px;
}

	.slideshowlite ol li {
		width: 100%;
	}
	
/*home*/
.home .titles {
	color:#fff;
}

#footer { background:url(images/footer_bg.jpg) repeat-x; border:1px solid #2D366C; border-bottom:none; color:#fff; margin-top:5px; }
#footer a { color:#fff; }
#footer #footer_copyright, #footer #footer_copyright b { color:#fff; text-align:left; }