/* CSS CODED BY DEZINERS STUDIO */

body
{
	margin-top: 0px;
	margin-bottom: 15px;
	background-image: url(../images/body_pattern.gif);
	background-repeat: repeat;
}
#main
{
	background-image: url(../images/vertical_shadow_bg.png);
	background-repeat: repeat-y;
	background-position: 50% 0px;
	height: auto;
	width: 962px;
	margin: 0 auto;
	overflow: auto;
}
#footer
{
	background-image: url(../images/footer_shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: auto;
	width: 962px;
	margin: 0 auto;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 35px;
}
#footer p
{
	margin-bottom: 15px;
	margin-top: 15px;
}
#footer-buttons
{
	height: 33px;
	width: 250px;
	margin: 0 auto;
}
#footer-buttons ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer-buttons li
{
	float: left;
	height: 33px;
	width: 88px;
	margin-right: 25px;
	display: block;
	
}
#footer a, #footer a:link, #footer a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover
{
	color: #022536;
	text-decoration: underline;
}
#header-container
{
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	height: 125px;
	width: 848px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#company-logo
{
	float: left;
	height: 125px;
	width: 90px;
}
#company-name
{
	float: left;
	height: 105px;
	width: 400px;
	padding-top: 20px;
}
#header-right-section
{
	float: right;
	height: 120px;
	width: 358px;
	padding-top: 5px;
}
#top-links
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: right;
	height: 13px;
	width: 358px;
	padding-top: 5px;
}

#top-links a, #top-links a:link, #top-links a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#top-links a:hover
{
	color: #43b0e4;
}
#navigation-section
{

	height: 35px;
	width: 870px;
	margin: 0 auto;
}
#banner-section
{
	height: 360px;
	width: 848px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#flash-banner
{
	background: url(../images/flash_banner_img.gif);
	height: 355px;
	width: 643px;
	float: left;
}
#banner-buttons-container
{
	float: right;
	height: 360px;
	width: 195px;
}
#banner-buttons-container ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#banner-buttons-container li
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.banner-buttons-separator
{
	height: 5px;
	width: 195px;
	display: block;
}
#banner-buttons-container span
{
	display: none;
}
#banner-buttons-container a
{
	text-decoration: none;
	display: block;
}
#webmail-button
{
	height: 55px;
	width: 195px;
	background-image: url(../images/webmail_icon.gif);
}
#webmail-button span
{
	display: none;
}
#webmail-button:hover
{
	background-image: url(../images/webmail_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#publications-button
{
	background-image: url(../images/publications_icon.gif);
	height: 55px;
	width: 195px;
}
#publications-button span
{
	display: none;
}
#publications-button:hover
{
	background-image: url(../images/publications_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#download-button
{
	background-image: url(../images/download_icon.gif);
	height: 55px;
	width: 195px;
}
#download-button span
{
	display: none;
}
#download-button:hover
{
	background-image: url(../images/download_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#frequently-asked-button
{
	background-image: url(../images/frequently_asked_icon.gif);
	height: 55px;
	width: 195px;
}
#frequently-asked-button span
{
	display: none;
}
#frequently-asked-button:hover
{
	background-image: url(../images/frequently_asked_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#school-calender-button
{
	background-image: url(../images/school_calender_icon.gif);
	height: 55px;
	width: 195px;
}
#school-calender-button span
{
	display: none;
}
#school-calender-button:hover
{
	background-image: url(../images/school_calender_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#photo-gallery-button
{
	background-image: url(../images/photo_gallery_icon.gif);
	height: 55px;
	width: 195px;
}
#photo-gallery-button span
{
	display: none;
}
#photo-gallery-button:hover
{
	background-image: url(../images/photo_gallery_icon_hover.gif);
	height: 55px;
	width: 195px;
}
#ICSE-Topper-button
{
	background-image: url(../images/toppers_banner.gif);
	height: 55px;
	width: 195px;
}
#ICSE-Topper-button span
{
	display: none;
}
#ICSE-Topper-button:hover
{
	background-image: url(../images/toppers_banner_hover.gif);
	height: 55px;
	width: 195px;
}
#parents-facility-button
{
	background-image: url(../images/parent-facilities.gif);
	height: 55px;
	width: 195px;
}
#parents-facility-button span
{
	display: none;
}
#parents-facility-button:hover
{
	background-image: url(../images/parent-facilities_hover.gif);
	height: 55px;
	width: 195px;
}
#CISCE-button
{
	background-image: url(../images/CISCE.gif);
	height: 55px;
	width: 195px;
}
#CISCE-button span
{
	display: none;
}
#CISCE-button:hover
{
	background-image: url(../images/CISCE.gif);
	height: 55px;
	width: 195px;
}
#Alumni-Meet-2011-button
{
	background-image: url(../images/Alumni-meet-2011-over.gif);
	height: 55px;
	width: 195px;
}
#Alumni-Meet-2011-button span
{
	display: none;
}
#Alumni-Meet-2011-button:hover
{
	background-image: url(../images/Alumni-meet-2011.gif);
	height: 55px;
	width: 195px;
}

#content-area
{
	height: auto;
	width: 848px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	overflow: auto;
}
#left-container
{
	float: left;
	height: auto;
	width: 643px;
}
#left-container-top
{
	height: 56px;
	width: 623px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/left_container_top_bg.gif);
	background-repeat: no-repeat;
}
#left-container-bg
{
	background-image: url(../images/left_container_bg.gif);
	background-repeat: repeat-y;
	padding: 10px;
	width: 623px;
	background-color: #FFFFFF;
}
#welcome-text
{
	height: 51px;
	width: 316px;
	padding-top: 5px;
}
.body-text
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #1c2023;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: Left;
}
#left-container-bottom
{
	background-image: url(../images/left_container_bottom_bg.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 643px;
}
#right-container
{
	float: right;
	height: auto;
	width: 195px;
}
#right-container-top
{
	background-image: url(../images/right_container_top_bg.gif);
	background-repeat: no-repeat;
	height: 56px;
	width: 175px;
	padding-right: 10px;
	padding-left: 10px;
}
#right-container-bg
{
	background-image: url(../images/right_container_bg.gif);
	background-repeat: repeat-y;
	padding: 10px;
	width: 175px;
	background-color: #FFFFFF;
	height: auto;
	overflow: auto;
}
#news-events-text
{
	height: 45px;
	width: 156px;
	padding-top: 11px;
}
.bold-text
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #1c2023;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: justify;
}
#right-container-bottom
{
	background-image: url(../images/right_container_bottom_bg.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 195px;
}
.read-more
{
	background-image: url(../images/read_more.gif);
	height: 24px;
	width: auto;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.read-more span
{
	display: none;
}
.read-more:hover
{
	background-image: url(../images/read_more_hover.gif);
	height: 24px;
	width: auto;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#social-palet
{
	background-image: url(../images/social_palet.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	height: 16px;
	width: 195px;
	margin-top: 10px;
}
.head-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 24px;
}
.italic-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}
.bordered-box
{
	border: 1px solid #e3e3e3;
	padding: 10px;
}
.houses-headtext
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#calender-table
{
	border: 1px solid #ececec;
}
#calender-table td
{
	border: 1px solid #ececec;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.calender-headtext
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #003e5a;
	text-decoration: none;
	letter-spacing: 2px;
}
#staff-links
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 2px;
}
#staff-links a, #staff-links a:link, #staff-links a:visited
{
	color: #000000;
	text-decoration: none;
}
#staff-links a:hover
{
	color: #1e6b7a;
	text-decoration: underline;
}
.green-heading {
	font-family: Tahoma, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#1e6b7a;
	line-height:23px;
}
a.A2:link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	color: #666666;
}

a.A2:active {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	color: #666666;
	}

a.A2:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration:none;
	color: #666666;
	}

a.A2:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration:none;
	color: #014961;
}
a.a4:link{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none

		}

a.a4:visited{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none

	}	
	
a.a4:active {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none
	}	

a.a4:hover	{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #DB3602; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none
	}
	
	
.a4_highlight	{
	font-family:  Arial,Helvetica,Verdana sans-serif;
	font-size: 12px; 
	color: #DB3602; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none
	}
	
#info {background:#f8f8f8; border:0;}

.menu	{
	width:850px; 
	height:32px; 
	position:relative; 
	border-right:1px solid #000; 
	font-family:verdana, arial, sans-serif;
	z-index:9999;
	}


.menu ul	{
	padding:0;
	margin:0;
	list-style-type:none;
	}

.menu ul ul		{
	width:129px;
}

.menu li {
	float:left;
	width:129px;
	position:relative;
	}

.menu a, .menu a:visited	{
	display:block;
	background: url(../images/menu_bg.jpg);
	font-size:11px;
	text-decoration:none; 
	color:#000; 
	height:26px; 
	border:1px solid #000; 
	border-width:1px 0 1px 1px; 
	padding-left:10px; 
	line-height:29px; 
	font-weight:bold;
	}

.menu a, * html .menu a:visited		{
	width:149px; 
}


.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#f9f9ff url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {color:#fff; background:#2a92c4 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f9f9ff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#2a92c4;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:0px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f9f9ff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#f9f9ff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#2a92c4;color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


a.a3:link{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CC3300; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none

		}

a.a3:visited{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CC3300; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none

	}	
	
a.a3:active {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #CC3300; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none
	}	

a.a3:hover	{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0099CC; 
	text-decoration: none; 
	font-weight:bold;
	text-decoration: none
	}
	
.designtext	{
	font:"Monotype Corsiva"
	font-size: 12px; 
	color: #CC3300; 
	font-weight:bold;	
	}
	
#flashswf
{
	height: 90px;
	width: 358px;
	padding-top: 5px;
	vertical-align:middle;
}	

.button
{
	border-width: 0px;
}