/***********************************   html tag class         */
body {
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Verdana;	
	font-size: 12px;
	line-height:15px;
	background-color:#FFFFFF;
	line-height:22px;
	font-stretch:ultra-expanded;
}
hr{
	height: 1px;
}
.dottedBorder{
	border: 1px dotted #CCCCCC;
}
hr.dotted{
	height: 1px;
	background-repeat: repeat-x;
	border: 1px dotted #000000;
}
/***********************************   link tag class         */
a:link, a:visited {
	color: #144464;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8C2C24;
	text-decoration: underline;
}
.sp1:link, .sp1:visited {
	color: #9B0B00;
	font-weight:bold;
	text-decoration: none;
}
.sp1:hover, .sp1:active {
	color: #000066;
	font-weight:bold;
	text-decoration: none;
}
.greenLink:link, .greenLink:visited {
	color: #587034;
}
.greenLink:hover, .greenLink:active {
	color: #8C2C24;
}
.headd2 {
	font-size: 15px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	color: #8C2C24;
	font-family:"Trebuchet MS", Arial, Verdana;	
}
/***********************************   heading tag class         */
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #9B0B00;
	border-bottom:1px solid #9b0b00;
	pading-bottom: 2px;
}
h2 {
	font-size: 15px;
	color: #9B0B00;
	font-family:"Trebuchet MS", Arial, Verdana;	
}
h3 {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #8C2C24;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
h5 {
	font-size: 10px;
	font-weight: normal;
	color: #0B1E59;
}
h6 {
	font-size: 9px;
	font-weight: normal;
	display: inline;
	color: #0B1E59;
}
/***********************************   list tag class         */
ul{
	list-style: square;
}
ul ul{
	list-style: circle;
}
ul ul ul{
	list-style: disc;
}
/***********************************   form tag class         */
form{
	margin: 0px;
}
input, select, textarea {
	font-size: 11px;
	font-family:"Trebuchet MS", Arial, Verdana;	
}
select{
	margin: 0px;
	padding: 0px;
}
input:focus {
	background: #FFFFCC;
}
inputClass {
	background: #E7F1FF;
	border: 1px solid #000000;
	padding-right: 2px;
	padding-left: 2px;
}
fieldset {
	border: 1px double #C7DAE4;
	width: auto;
	padding: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
fieldset legend{
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #0B1E59;
}
/***********************************   table tag class         */
td {
	font-family:"Trebuchet MS", Arial, Verdana;	
	font-size: 13px;
	color: #3C3C3C;
}
th{
	font-weight: bold;
	background: #164A6B;
	color: #FFFFFF;
}
col.column1{
	background: #E7F1FF;
	padding-left: 3px;
	vertical-align: top;
}
col.column2{
	background: #FFFFFF;
	padding-left: 3px;
}
thead th {
	background: #8C2C24;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.displayTable tbody {
	background: #f6f6f6;
}
tfoot td {
	background: #EFF8FC;
}

/***********************************   user defined tag class         */
#pageContent {
	line-height: 24px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}
div.newsLink {
	background-color: #F1F7FA;
	padding: 5px 5px 5px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
div.dateTxt {
	font-size: 11px;
	background-color: #f6f6f6;
	text-align: right;
	padding: 5px;
	color: #666666;
}
div.placeTxt{
	font-size: 11px;
	font-weight: bold;
	background-color: #f6f6f6;
	padding: 5px;
	color: #666666;
}
div.pageNumbers{
	font-weight: bold;
	background-color: #C1DBE7;
	padding: 5px;
}
div#pagePath{
	color: #3F3A30;
	font-size: 11px;
}
div#pagePath a:link, div#pagePath a:visited{
	color: #746C5A;
}
div#pagePath a:hover, div#pagePath a:active{
	color: #3C372F;
}
div.error{
	margin:5px auto; color: #FF0000;
	background: #f6f6f6 url('../images/alert.gif') no-repeat 5px 3px;
	border: 1px solid #dbdbdb;
	font-weight: bold;
	padding: 6px;
	width: 80%;
	vertical-align: top;
	
}
div.success{
	color: #006600;
	background: #f6f6f6 url('../images/success.gif') no-repeat 5px 3px;
	border: 1px solid #dbdbdb;
	font-weight: bold;
	margin: 5px auto;
	width: 80%;
	vertical-align: top; padding-left:35px; padding-right:6px; padding-top:6px; padding-bottom:6px
}
div.info{
	color: #003399;
	background: #f6f6f6 url('../images/info.gif') no-repeat 5px 3px;
	border: 1px solid #dbdbdb;
	font-weight: bold;
	margin: 5px auto;
	width: 80%;
	vertical-align: top; padding-left:35px; padding-right:6px; padding-top:6px; padding-bottom:6px
}
.smallTxt{
	font-size: 11px;
	line-height:25px
}
.redTxt{
	color: #CC0000;
}
.blackTxt{
	color: #000000;
}
.greenTxt{
	color: #006600;
}

.whiteBG {
	background: #FFFFFF;
}
.redBG {
	color: #FFFFFF;
	background-color: #CC0000;
}
.greyTxt {
	color: #666666;
}

.highlightBG {
	background: #f6f6f6;
}
.formBG {
	background: #E7F1FF;
}

.padding{
	padding: 10px;
}

.whiteDottedLine{
	height: 1px;
	border: 1px dotted #FFFFFF;
}



/*****layout starts *****/
#pageHeader {
	margin-right: auto;
	margin-left: auto;
	width: 849px;
	clear: both;
}
#pageHeader #topNav {
	padding: 5px;
	width: 97%;
	clear: both;
	margin-bottom: 22px;
	color: #666666;
	text-align: right;
	font-size: 11px;
}
#topNav a:link, #topNav a:visited {
	color: #666666;
	font-size: 11px;
}

#pageHeader #mainNav {
	clear: both;
}

#mainNav a:link, #mainNav a:visited {
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 11px;
}
#mainNav a:hover, #mainNav a:active {
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url('../images/navBG01.gif');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 11px
}
#pageConcept {
	clear: both;
	width: 849px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#pageBody {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	width: 849px;
}
#pageHeading{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #144464;
}
#pageHeading h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #144464;
	margin-bottom: 0px;
	text-transform: uppercase;
}
h1:first-letter{
	font-size: 25px;
}
.caps{
	font-size: 25px;
}
#pageFooter{
	color: #333333;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}
#pageFooter td {
	font-size: 10px;
}

#pageFooter a:link, #pageFooter a:visited{
	color: #333333;	
}
#pageFooter a:hover, #pageFooter a:active{
	color: #000000;	
}
/*****layout ends *****/
/*****menu start *****/
.subMenu{
	width: 190px;
	font-family: "Trebuchet MS", Arial, Verdana;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	visibility: hidden;
	padding: 0px;
	z-index: auto;
	text-align: left;
	display: block;
	position: absolute;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-image: url('../images/submenu_bg01.gif');
	background-repeat: repeat-y
}
.subMenu a:link, .subMenu a:visited{
	background-image: url('../images/submenu_bg01.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	color: #3C3C3C;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	clear: both;
	display: block;
	margin: 0px;
	height: 16px;
	width: 190px
}
.subMenu a:hover, .subMenu a:active{
	background-image: url('../images/submenu_bg02.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	color: #3C3C3C;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	clear: both;
	display: block;
	margin: 0px;
	height: 16px;
	width: 190px
}
.subTopMenu:link, .subTopMenu:visited{
	background-image: url('../images/subtopmenu_bg01.gif') !important;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #3C3C3C;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	clear: both;
	display: block;
	margin: 0px;
	height: 16px;
	width: 180px
}
.subTopMenu:hover, .subTopMenu:active{
	background-image: url('../images/subtopmenu_bg02.gif') !important;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #3C3C3C;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	clear: both;
	display: block;
	margin: 0px;
	height: 16px;
	width: 180px
}
/*****menu ends *****/


.blueBG{
	background-color: #657C91;
	color: #FFFFFF;
}
.creamBG{
	background-color: #E6E0CF;
}
.brownBG{
	color: #FFFFFF;
	background-color: #8C2C24;
}
.lineHeight{
	line-height: 20px;
}
.whatWeDo{
	color: #36414D;
	background-color: #CFDBE6;
}
.getInvolved{
	color: #4D3A26;
	background-color: #E6DACF;
}
.supportUs{
	color: #4D4736;
	background-color: #E6E0CF;
}


.top_table
{
	background-color:#F9F7F0;
	background-image:url('../images/index_02.gif');	
	background-repeat:repeat-x
	}

.sub_green
{
	font-weight: bold;
	color: #587034;
	text-decoration: none;
	}
.sub_green:hover
{
	font-weight: bold;
	color: #587034;
	text-decoration: none;
	}
	
.sub_blue
{
	font-weight: bold;
	color: #144464;
	text-decoration: none;
	}
#leftNav{
	width:230px;
}
#topmenu{
	width:580px;
	padding:2px 0px 5px 0px;

}
#teachers_nav{
	display:none;
}
#teachers_nav td{
	font-style: italic;
	color: #587034;
}
.homeSectionBG {
	background-image: url('../images/home_sectionBG.gif');
	background-repeat: repeat-y
}
.updateButton{
	font-size: 9px;
	color: #000000;
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
}
.updateButtonBlack{
	font-size: 9px;
	color: #000000;
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
}
.displayTable tbody {
	background: #f6f6f6;
}
#total{
	background:url('../images/topbarbg.gif') repeat-x;
	
	
	}
#head{
	width:580px;
	padding-top:20px;
	padding-left:10px;
	padding-bottom:10px;	 	
		}
#mainpage{
	width:580px;
	background-color:#FFFFFF;
	border-left:#FFFFFF dashed 1px;
	border-right:#FFFFFF dashed 1px;
	border-top:none;
	border-bottom:#313131 solid 5px;
	padding:10px;
}
#footer{
	width:600px;
	height:25px;
	padding-top:10px;
	color:#FFFFFF;
	}



/***********************************   Menu tag class         */
#foxmenucontainer{
	height:24px;
	display:block;
	padding-left:2px;
	

	}
#foxmenu{
	position:relative;
	width:606px;
	background-color:#9B0B00;
	display:block;
	height:24px;
	line-height:normal;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
#foxmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
#foxmenu ul li{
	display:block;
	float:left;
	margin:0 2px 0 0;
	}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:5px 30px 0 30px;
	height:19px;
	background-color:#9B0B00;
	border:1px #FFFFFF dashed;
	
	}
#foxmenu ul li a:hover{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:5px 30px 0 30px;
	height:19px;
	background-color:#313131;
	border:1px #FF1200 dashed;
	
	}
#foxmenu ul li a.current, #foxmenu ul li a.current:hover{
	color:#000;
	background:#fff;
	}
/***********************************   Menu tag class         */
#foxmenucontainer1{
	height:20px;
	display:block;
	}
#foxmenu1{
	position:relative;
	background-color: transperent;
	display:block;
	width:580px;
	height:15px;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Verdana;	
	}
#foxmenu1 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}
#foxmenu1 ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	}
#foxmenu1 ul li a{
	display:block;
	float:left;

	color:#fff;
	text-decoration:none;
	padding:3px 15px 0 15px;
	height:18px;
	background-color:#D00F00;
	
	}
#foxmenu1 ul li a:hover{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:3px 15px 0 15px;
	height:18px;
	background-color:#313131;
	
	}
#foxmenu ul li a.current, #foxmenu ul li a.current:hover{
	color:#000;
	background:#fff;
	}
#flio{
	padding-left:30px;
	padding-bottom:10px;
	width:250px;
	display:block;
	float:left;
	vertical-align: middle;
}
#bgsp{
	background:url('../images/bg1.jpg') no-repeat;
	

}

#leftali{
	width:35%; 
	display:block; 
	float:left; 
	background-image:url('../images/boy2.jpg');
	background-repeat:no-repeat; height:406px
}
#rightali{
	padding-left:220px;
	background-image:url('../images/boy2.jpg');
	background-repeat:no-repeat
	
	
	}
#aboutali{
	padding-left:220px;
	background-image:url('../images/about-me.jpg');
	background-repeat:no-repeat
	
	
	}
#contactali{
	padding-left:220px;
	background-image:url('../images/contact.jpg');
	background-repeat:no-repeat	
}
#experienceali{
	padding-left:220px;
	background-image:url('../images/Experience.jpg');
	background-repeat:no-repeat	
}

/***********************************   loader         */

#headmain{
	height:165px;
}
.topleftcol{
	background:url('../images/leftshadow.gif') repeat-y;
	width:8px; background-repeat:repeat-y
}
.topleftcol1{
	background:url('../images/righttopshadow.gif') repeat-y;
	width:9px; background-repeat:repeat-y
}
.midcol1{
	background:url('../images/leftshadow2.gif') repeat-y;
	width:9px; background-repeat:repeat-y
}
.midcol2{
	background:url('../images/rightshadow2.gif') repeat-y;	
	width:9px; background-repeat:repeat-y
}
#bottomrow{
	background-color:#5D75BD;
	height:55px;
}
#middle{
	background:url('../images/botmmslice.gif') repeat-y;
	width:980px; background-repeat:repeat-y
}
#content{
	padding-left:18px;
	padding-right:19px;
}
#floting{
	height:100%;
	
}
#ticker{
	margin-left:8px;
	height:350px;
	margin-right:9px;
	line-height:24px;
	font-weight:bold;
}
#ticker1{
	margin-left:8px;
	height:30px;
	margin-right:9px;
	line-height:24px;
	font-weight:bold;
	background-color:#003399;
	color:#FFFFFF;

}
#slidingimages{
	padding-left:8px;
	padding-right:9px;
}
#footermain{
	background-color:#003399;
	height:30px;
	padding:20PX;
	color:#FFFFFF;
	margin-left:8px;
	margin-right:9px;
}
.tablebor{
	border-top:1px solid #304065;
}
.tablebor1{
	border-top:1px solid #CCCCE0;

}
#linkss{
	font-weight:bold;
	font-size:110%;
	padding-top:12px;
	height:30px;
	text-decoration:none;
}
.linkss:link, .linkss:visited {
	color: ##144464;
	font-weight:bold;
	text-decoration: none;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
}
.linkss:hover, .linkss:active {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	background-color: #7E2217;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
}
#h111{
	padding-left:15px;
}
.markediv{
	width:193px;
	float:left;
	height:22px;
	}
#imgdiv{
	width:78px;
	float:left;
}
#txtdiv{
	height:26px;
	float:left;
	width:105px;
	padding-left:5px;
	background-color:none;
	color:#003366;

}