@import url(https://fonts.googleapis.com/css?family=Oswald);/*font-family: 'Oswald', sans-serif;*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body 
{
	font-family: Arial, Helvetica, sans-serif ; 	 
	font-size:16px; 
	line-height:24px;
	color:#636363;
	background:#fff;
	min-width:960px;
}
	
.main
{
    width: 100%;
    height: auto;
    min-height: 100%;
    background: #fff url('../../Images/bg-main.jpg') repeat-x 0 0;
    
    /*ADDED*/
    top: -17px;
    position: absolute;
    padding-top: 17px;   
}

/*===============================>h styles=========================*/

h1
{
	display:inline-block;
	margin:0px 0 0 10px;
    font-size: 30px;
    line-height: 34px;
    font-family: 'Oswald' , sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#636363;
	margin:30px 0 0 0;
}
	
h1 span
{
	display:inline-block;
	margin:0px 0 0 10px;
    font-size: 30px;
    line-height: 34px;
    font-family: 'Oswald' , sans-serif;
    color: #83436E;
    padding-right: 10px;
    padding-left: 10px;
}
	
h1 a
{
    border-style: none;
    display: inline-block;
}

h2
{ 
    font-size:24px; 
	font-family: 'Oswald', sans-serif;
	color:#636363;
	line-height:30px;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:-1px;
}
	
h3
{
   font-size:18px; 
   font-family: 'Oswald', sans-serif;
   color:#636363; 
   line-height: 24px; 
   font-weight: normal;
   text-transform:uppercase;
}
   
h4
{
   font-size:14px; 
   font-family: 'Oswald', sans-serif;
   color:#636363; 
   line-height: 20px; 
   font-weight: normal;
   text-transform:uppercase;
}
    
h5
{
   font-size:12px; 
   font-family: 'Oswald', sans-serif;
   color:#636363; 
   line-height: 18px; 
   font-weight: normal;
   text-transform:uppercase;
}     
       
/*********************************header*************************************/
.head
{
	width:100%; 
	position:relative; 
	z-index:2;
}

.header
{
	width: 940px; 
	margin: 0 auto;
	position:relative;
}

.bdb-header
{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:37px;
}
	
/***********************************************************************/

a 
{
    text-decoration:none; 
    cursor:pointer;
    color: #336699;
}

a:hover 
{
    text-decoration:none;
}

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

/****************************content************************/	
.contentholder
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
	
		
}
.content{
	width:100%; 
	margin:0;
    position:relative; 
	z-index:1;
	}
.div-search{
	width:240px;
	padding-bottom:30px;
	}
#search input{
	width: 225px; 
	height: 16px; 
	font-family: Arial, Helvetica, sans-serif  ; 
	border:1px solid #d9dad7;
	font-size: 12px;
	color:#373737 ;  
	display: inline-block; 
	background:#fff ; 
	padding:8px 0 9px 13px ; 
	margin:31px 0 0 0;
	}
#search .button-1{
	float:right;
	margin:19px 0 0 11px;
	}
#map_canvas{
	width: 510px; 
	height: 300px;
	margin-left:30px;
	}
.adress{
	margin-top: 20px;
	font-size: 12px; 
	color:#373737;
	} 
.adress dd{text-align:left;}
.adress a{ 
    color:#7cb215 ; 
	display:inline-block;
	font-size: 12px;
	}
.adress a:hover{
	color:#373737;
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:78px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			}
		.title1{
			letter-spacing:0; 
			text-align:left; 
			display:inline-block; 
			color:#373737 ;
			}
.pp{
	display:inline-block; 
	margin:20px 0 0 0; 
	color:#7cb215 ; 
	}
.pp:hover{
	color:#373737 ; 
	text-decoration:underline;
	}
.list li{
	font-size:12px;
	line-height:20px;
	padding:19px 0 19px 0;
	display:block;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	}
.list li:first-child{border-top:none;}
.list li .button{
	float:left;
	margin:0 18px 0 1px;
	}
.list-1 li{
	background: url(../../images/bg-list-1-li.png) left 17px no-repeat;
	padding:15px 0 14px 29px;
	border-top:1px solid #e5e5e5;
	}
.list-1 li:first-child{
	border-top:none;
	padding-top:0;
	background: url(../../images/bg-list-1-li.png) left 2px no-repeat;
	}
.list-1 li a{
	font-weight:bold;
	color:#646464;
	}
.list-1 li a:hover{color:#af12bc;}
.list-2 li{
	background: url(../../images/bg-li-list-2.png) left 13px no-repeat;
	font-size:12px;
	padding:10px 0 10px 23px;
	}
.list-2 li a{color:#7cb215;}
.list-2 li a:hover{color:#af12bc;}	
/****************************footer************************/
.main-footer 
{
	font-family:  Arial, Helvetica, sans-serif ; 
	font-size: 12px; 
	color:#909090 ; 
	text-indent:0;
	text-align:right;
	margin:24px 0 0 0;    
	border-top:1px solid #e5e5e5;
	padding-top: 25px; 
	padding-bottom: 20px;
    width: 960px;   	
	}
	
.main-footer span
{
    color:#dedede;
    }
    
.main-footer a
{
    color:#909090 ; 
    }
.main-footer a:hover
{
    color:#af12bc;
    }
/*=======================superfish=========================*/
.nav{
	float:right;
	display:inline-block;
	background: url(../../images/bg-nav.jpg) 0 0 repeat-x #fcfcfc;
	margin:49px 0 0 0;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	vertical-align: top;
}

.sf-menu{display:block;}
.sf-menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;z-index:999}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;z-index:999}
ul.sf-menu>li{
  background: url(../../images/bg-li.png) left 0 no-repeat;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  line-height:18px; 
  float:left; 
  text-transform:uppercase;
  position:relative;
  }
 ul.sf-menu>li:first-child{background: url(../../images/bg-li-transparent.png) 0 0 no-repeat;}
ul.sf-menu>li>a{
	display:block;
	position:relative;
	padding:22px 25px 24px 24px;  
	color:#9b9b9b ;
	}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {background: url(../../images/bg-li-hov.jpg) 0 0 repeat-x #609d3e;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{color:#fff;}

.sf-menu > li > ul
{
    left: 0px;
    top: 64px;
    width: 132px;
    padding: 10px 10px 10px 0;
    z-index: 99;
    background: #6aac2a;
}
.sf-menu > li > ul.Enrolments
{
        width: 160px;
    }
.sf-menu > li > ul.Education
{
        width: 122px;
    }    
 .sf-menu > li > ul > li > ul.Curriculum
{
        width: 190px;
    }  
 .sf-menu > li > ul > li > ul.Co_Curricular
{
        width: 185px;
    }
.sf-menu > li > ul > li > ul.Support
{
        width: 190px;
    }   
.sf-menu > li > ul > li > ul.Facilities
{
        width: 200px;
    } 
.sf-menu > li > ul > li > ul.Library
{
        width: 215px;
    }               
.sf-menu>li>ul>li {
	 font-size: 12px; 
	 font-family: 'Oswald', sans-serif;
	 line-height:16px;
	 display:block;
	 padding:7px 0 7px 18px;
	 position:relative;
     }
.sf-menu>li>ul>li:first-child{}
							
.sf-menu>li>ul>li>a {
	display: inline-block;
	color:#ffffff ;
	}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#bf14cd;}

.sf-menu li li ul {
	 left: 122px !important;
	 top:10px !important;
	 display:block;
	 width: 122px;
	 background:#51922c;
	 padding: 10px 0 10px 0;
	 }
.sf-menu li li li {
	float:none;
	font-size: 12px; 
	 font-family: 'Oswald', sans-serif;
	 line-height:16px;
	 display:block;
	 padding:7px 0 7px 18px;
	 position:relative;
	}
					
.sf-menu li li li a {
	display: inline-block;
	color:#ffffff !important;
	}
.sf-menu li li li:hover {}
.sf-menu li li li a:hover {color:#bf14cd !important;}

/*--------- slider ---------*/
#slide {
width:100%;
position:relative; 
overflow:hidden; 
z-index:1; 
padding:37px 0 0 0;
}

.slider {position: relative; 
z-index:1;
width: 940px; 
height: 500px; 
margin: 0 auto; 
overflow: hidden; /*top:50px; left:82px;*/}
.items {display:none;}

.banner{width: 488px;
position:absolute;
top: 76px; 
z-index:15; 
right:0; 
color:#fff ; 
font-size: 72px;
line-height: 88px;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
letter-spacing:-4px;
}
.div-banner{width:432px;}
.div-banner span{
	display:block;
	margin-top:-15px;
	}
/**********************************index***********************************/
.box{
	width:300px;
	height:137px;
	margin:20px 0 0 0;
	padding-top:183px;
	}
.box a{
	display:block;
	width:250px;
	height:120px;
	margin:0 0 0 0;
	color:#fff;
	box-shadow: 8px 8px 8px rgba(000,000,000,0.5);
	position:relative;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	z-index:1;
	}
	.box a span{
		font-size:12px;
		display:inline-block;
		padding:12px 0 0 19px;
		}
	.box a em{
		font-style:normal;
		font-family: 'Oswald', sans-serif;
		font-size:30px;
		line-height:36px;
		text-transform:uppercase;
		display:block;
		margin:4px 0 0 19px;
		}
	.box a:hover{background:transparent;}
	.box a strong{
		display:block;
		background:#000 ;
		position:absolute;
		left:0;
		right:100%;
		bottom:0%;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		z-index:-1;
		}
	.box a:hover strong{
		top:0%;
		left:0%;
		right:0%;
		opacity:0.2;
    	filter:alpha(opacity=20);
    		
		}
#block{background: url(../../images/Denis_2013_2.jpg) 0 0 no-repeat;}
#block a{background: url(../../images/Parade_bg-block-a.jpg) 0 0 no-repeat;}

#block-1{background: url(../../images/Parade_bg-block-1a.jpg) 0 0 no-repeat;}
#block-1 a{background: url(../../images/Parade_bg-block-1-a.jpg) 0 0 no-repeat;}

#block-2{background: url(../../images/Parade_bg-block-2_New.jpg) 0 0 no-repeat;}
#block-2 a{background: url(../../images/Parade_bg-block-2-a.jpg) 0 0 no-repeat;}

.width-div{width:450px;}

.box-1{
	background: url(../../images/bg-box-1.jpg) 0 0 repeat-x #f0f1ea;
	margin:40px 0 0 0;
	padding:30px 30px 0 30px;
	}
.box-1 img{
	margin:26px 0 24px 0;
	}
.box-1 .button-1{margin:21px 0 17px 0;}

.box-2{
	background: url(../../images/bg-box-1.jpg) 0 0 repeat-x #f0f1ea;
	margin:19px 0 0 0;
	padding:0 30px 16px 30px;
	}
	
.box_padded
{
    padding: 0 30px 16px 30px;
    margin: 19px 0 0 0;
}

.box_padded_white
{
    padding: 0 30px 16px 30px;
    margin: 19px 0 0 0;
    background-color: #FFFFFF;
}

/*===============================>Indent<==================================*/
.padd{margin:55px 0 27px 0;}
.padd-1{margin:34px 0 39px 0;}
.padd-2{margin:47px 0 46px 0;}
.padd-3{margin:65px 0 41px 0;}

.top{margin-top: 5px;}
.top-1{margin-top:20px;}
.top-2{padding-top:20px;}
.top-3{margin-top:-8px;}
.top-4{margin-top:6px;}

.bot{margin-bottom: 23px;}

.left{margin-left: 30px;}

.right{margin-right: 10px;}
.right-1{margin-right: 19px;}	
/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

.button{
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px; 
	line-height: 18px;
	padding: 11px 9px 11px 9px;
	background: url(../../images/bg-button.jpg) 0 0 repeat-x #83436e; 
	color:#fff ; 
	min-width:64px;
	box-shadow: 0 1px 2px #818181;
	position:relative;
	z-index:1;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	border-radius: 3px;
	}
.button strong{
	display:block;
	background:#83436e ;
	position:absolute;
	left:0;
	right:100%;
	bottom:0%;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	z-index:-1;
	border-radius: 3px;
	}
.button:hover{
	color:#fff ;
	}
.button:hover strong{
	top:0%;
	left:0%;
	right:0%;
	}
/*.button-1
{
    position: relative;
    display: inline-block;
    font-family: 'Oswald' , sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 18px 10px 18px;
    text-transform: uppercase;
    background: #83436e url('../../Images/bg-button-1.jpg') repeat-x 0 0;
    color: #84af33;
    border-radius: 3px;
    box-shadow: 0 1px 2px #c0c0c0;
    z-index: 1;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    min-width: 100px;
}
.button-1 strong
{
    display: block;
    background: #83436e;
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0%;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 3px;
    z-index: -1;
}
.button-1:hover{
	color:#fff;
	}
.button-1:hover strong{
	top:0%;
	left:0%;
	right:0%;
	}
	
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}

/************ NEW **************************************************/

.SmallHeader
{
   font-size:14px; 
   font-family: 'Oswald', sans-serif;
   color:#636363; 
   line-height: 20px; 
   /*font-weight: normal; */
   text-transform:uppercase;
}

/**** Grid eg. Fees page ****/
     
.GridStyle
{
    border: 1px solid #999999;
    border-collapse:separate; 
    border-spacing:2px
}
       
.GridStyle th
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999 #D3D3D3 #D3D3D3 #999999;
}        
.GridStyle td
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999 #D3D3D3 #D3D3D3 #999999;
}

/**** PURPLE GRID FOR CURRICULUM PAGES ****/

.Purple_Grid td
{
    text-align:center;
    padding:2px;
}

.Purple_Grid thead
{
    color: #FFFFFF;
    background-color: #772675;
    vertical-align: middle;
    font-weight:bold;
   
}

.Purple_Grid tbody
{
    background-color:#E2D3E4   
}

.Purple_Grid .EmptyTD
{
    background-color:#FFFFFF   
}

/********* FROM OLD WEBSITE *********************/
.menu_item  
{
    min-width: 96px;
    width: 96px;
}

.links {
color: #5f2167;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

.LISTS 
{
list-style-position: outside;
padding-left:10px;
list-style: inside;
color: #4F4F4F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-type:circle;
}

.LISTS li{
padding-left: 15px;
text-indent: -15px;
}

.PCTV_Text
{
    background: transparent url('../images/PCTV_Small.png') no-repeat left;
    padding-left: 55px;
    font-size: 15px;
    vertical-align: middle;
    height: 35px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 2px;
    margin-left: 10px;
    font-family: 'Oswald' , sans-serif;
    color: #636363;
    text-transform: uppercase;
}

.Red_Notice
{
    color: #CC0000;   
    font-weight: bold;
    font-size: 12px;
    line-height: 14px; 
}

.Alert
{   
    font-family: 'Oswald' , sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.Alert .AlertHeading
{
    color: #CC0000;
    font-size: 18px;
    line-height: 24px;
}

.Alert .AlertText
{
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}

.list .Alert
{
    background-color: rgb(240, 241, 234);
    padding-top:0px; 
    padding-bottom:0px;    
    padding-left: 12px;       
}
    
.Body_Text_white
 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.Body_Text_Purple 
{
    color: #83436E;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.Body_Text_Green {
	color: #008f40;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.AletnatingTable tr:nth-child(even) {
    background: url(../../images/bg-box-1.jpg) 0 0 repeat-x #f0f1ea;
}

.Section_Sub_Heading
 {
	font-size: 24px;
	font-weight: bold;
	color: #68436e;
	font-family: Arial, Helvetica, sans-serif;
}

.Section_SubHeading_Small_Green {
    font-size: 15px;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #008f40;
}

.Section_SubHeading_Small_Purple {
    font-size: 15px;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #83436E;
}