body
{
	margin:0px;
	padding:0px;
	font-family: segoe ui,Arial,sans-serif;
	font-size:65%;
}
/* Gradient transparent - color - transparent */

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.main-contain
{
	overflow:auto;
	background-color: #7CB7BF;
	min-height:450px;
}
button
{
	font-weight:normal!important;
}
.menu-panel
{
	background-color:#234C3A;
	min-height: 40px;
}

.active
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: rgb(255,168,76)!important; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 )!important; /* IE6-9 */


}
	.active a
	{
		color:black!important;
	}
.user-info
{
	float:right;
	width:30%;
	margin:5px;
}

	.user-info img
	{
		float: left;
		width: 45px;
		height: 45px;
		margin: 5px;
	}
.user-info label
{
	color:white;
}
	.user-info input[type="submit"]
	{
		height: 32px;
		font-size: 12px;
		padding: 2px;
		width: 80px;
	}
.page-menu
{
	margin: 0px;
	margin-left: 145px;
	padding:0px;
	overflow:auto;
	font-size:15px;
}
	.page-menu > li
	{
		float: left;
		width: 135px;
		height: 47px;
		list-style: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+0,70b0e0+100;Blue+3D+%2317 */
background: rgb(136,191,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
		margin: 6px;
		margin-right: 0px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-top: 9px;
	}
		.page-menu > li > a
		{
			display: block;
			color: black;
			text-decoration: none;
			padding: 5px;
			padding-top: 14px;
		}
		.page-menu > li:hover
		{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: rgb(255,175,75); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
		}
		.page-menu > li:hover .sub-menu
		{
			display:block;
		}
.sub-menu
{
	display: none;
	position: absolute;
	margin: 0px;
	margin-top: 10px;
	margin-left: -6px;
	padding: 0px;
	background-color: #214435;
}
.sub-menu > li
{
	float:none;
	min-width:230px;
    list-style: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5fc+0,bfe8f9+50,9fd8ef+51,2ab0ed+100;Blue+Gloss+%235 */
		background: rgb(228,245,252);/* Old browsers */
		background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%);/* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%);/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );/* IE6-9 */

    margin: 6px;
	text-align:left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.sub-menu > li > a
	{
		height: 35px;
		display: block;
		color: white;
		text-decoration: none;
		padding: 5px;
		padding-top: 20px;
	}
	.sub-menu > li:hover
	{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
		background: rgb(157,213,58)!important; /* Old browsers */
		background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%)!important; /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 )!important; /* IE6-9 */
	}
.h-bar
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: rgb(255,175,75); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

height:10px;
}
.page-logo
{
	    float: left;
}
.page-logo img {
       float: left;
    width: 120px;
    margin-top: -18px;
    position: absolute;    
	z-index: 10000;
}
.page-banner
{
}

.banner-img > img
{
	width:100%;
	min-height:300px;

}

.page-footer
{
	background-color:#9FCC9F;
	min-height:65px;
}
.copyright
{
	background-color:#011f0f;
	text-align:center;
	color:white;
	padding:5px;
}

.page-options
{
	min-height:200px;
	margin:auto;
	margin-top:15px;
	margin-bottom:25px;
	width:75%;
	overflow:auto;

}
.page-button
{
	background-color: #0F535D;
	margin: 5px;
	padding: 10px;
	min-width: 100px;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.page-button:hover
{
	background-color: #f77716;
	font-weight:bold;

}
.option
{
	width: 31.5%;
    height: 360px;
    background-color: white;
    float: left;
    margin: 8px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border-radius: 5px;
}
	.option > p
	{
		margin:10px;
		font-size: 14px;
		height:120px;
		text-align:justify;
		padding:5px;
		color: #555;
	}
.option-icon
{
	margin: auto;
	margin-top: 25px;
	/*background-color: #EF9F3D;*/
	width: 135px;
	height: 135px;
	/* border radious*/
	/*-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;*/
}
	.option-icon img
	{
		width:100%;
		height:100%;
	}

.scroll-message
{
	height: 35px;
	background-color: #D4E3E6;
	padding-left: 140px;
	font-size:12px;
	color:#0A400A;
}
	.scroll-message p
	{
		font-size: 14px;
		margin-top: 9px;
		color: #185804;
		font-weight: bold;
		font-family: sans-serif;
	}
.left-menu
{
	margin:0px;
	padding:0px;
    overflow:auto;
}
.side-menu
{
	float:left;
	width:15%;
    height: 575px;
	overflow:auto;
	background-color: #74B9D0;
}
.page-contain
{
	margin: auto;
	margin-top:15px;
	margin-bottom:15px;
	width: 70%;
	min-height: 450px;
	overflow: auto;
	padding:5px;
	font-size:12px;
}
.page-form-contain
{
	
margin: auto;
	
margin-top: 4px;
	
/* margin-bottom:15px; */
	
width: 84%;
	
min-height: 647px;
	
overflow: auto;
	
background-color: #B5E0E6;
}

.left-menu li {
    margin: 5px;
    background-color: #409E6A;
}
.left-menu li a{
    padding: 5px;
	color:white;
	text-decoration:none;
	font-size:14px;
	display:block;
}

.left-menu li:hover{
    background-color: #f77716;
}

.left-menu .active
{
	 background-color: #f77716!important;
}
.institution-data
{
	cursor:pointer;
	text-decoration:none;
	margin-bottom:20px;


}
		.institution-data a:link {
			text-decoration: none;
		}

		.institution-data a:visited {
			text-decoration: none;
		}

		.institution-data a:hover {
			text-decoration: none;
		}

		.institution-data a:active {
			text-decoration: none;
		}
.search-tool
{
	margin:5px;
}
	.search-tool input
	{
		border: thin solid #003300;
		font-size: 18px;
		height: 13px;
		width: 98%;
		padding: 9px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.institution-data .item
	{
		background-color: white;
		margin: 5px;
		margin-bottom:15px;
		padding: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding-bottom:20px;
	}
		.institution-data .item:hover
		{
			-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
			-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
			box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
		}
.item h1
{
	margin: 5px;
	padding: 5px;
	background-color: #BFD4B8;
	color: #103C26;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:16px;
}
.item p
{
    margin: 5px;
    padding: 5px;
    color: rgb(72, 66, 66);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
}
.item > div
{
	margin: -4px;
	margin-left: 5px;
	padding: 5px;
	color: rgb(72, 66, 66);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	overflow: auto;
}
	.item > div > label:first-child
	{
		width: 20%;
		float: Left;
	}

/*news feed*/
.news-feed
{

height: 289px;

margin-bottom: 21px;

overflow: hidden;
}
	.news-feed h1
	{
		background-color:#9FCC9F;
		color:black;
		font-size:14px;
		text-align:left;
		padding:5px;
		margin:2px;
	
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.news-feed a
	{
		text-decoration:none;
	}
.news
{
	margin: 0px;
	padding:5px;
	overflow: auto;
	height: 53px;
	overflow: hidden;
}
	.news:hover
	{
		background-color:#a2e5be;
	}
.news-head
{
	float:left;
	margin: 0px;
	font-weight: bold;
	/* font-size: 12px; */
}
.news p
{
	margin: 5px;
	overflow: auto;
	font-size:12px;
	text-align:justify;
	height: 48px;
	overflow: hidden;
}
	.news-feed .news .date-ico
	{
		float: left;
		margin: 5px;
		background-color: #f77716;
		width: 48px;
		height: 48px;
		overflow: hidden;
	}
.date-ico h3
{
	margin: 0px;
	padding:2px;
	font-size: 24px!important;
	text-align:center;
}
.date-ico > h4
{
	margin: -11px;
	padding:2px;
	font-size: 13px;
	text-align:center;
}
/*doc style---------------*/
.doc-style
{
	background-color: white;
	min-height: 600px;
	width: 95%;
	margin: auto;
	overflow: auto;
	padding: 5px;
	padding-bottom:20px;
	/**/
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	/*radious*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	.doc-style .page-header
	{
		text-align:center;
		font-size:22px;
	}
	.doc-style .heading
	{
		text-align: center;
		padding: 5px;
		background-color: #2d382e;
		color: white;
		width: 250px;
		margin: auto;
		/*radious*/
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		margin-top:2px;
	}

.school-info
{
	width:90%;
	margin:auto;
	margin-top:10px;
	font-size:14px;
	overflow:auto;

}
	.school-info > label
	{
		width:95%;
		float:left;
		font-weight:bold;
		margin-left:5px;
	}
	.school-info > span,.school-info > .sub-info
	{
		border: thin solid #C0C0C0;
		width: 95%;
		float: left;
		padding:5px;
		/*radious*/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-top:2px;
	}
.sub-info > div
{
	width:30%;
	float:left;
	overflow:auto;
}
.sub-info > div > label
{
	float: left;
	font-weight: bold;
	margin-left: 5px;
}
.sub-info > div > span
{
		margin-left:5px;
}
.facilities
{

}
	.facilities > label
	{
		
	float: left;
	font-weight: bold;
	margin-left: 5px;
	}
	.facilities > .description
	{
		
		border: thin solid #C0C0C0;
		width: 95%;
		float: left;
		padding:5px;
		/*radious*/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-top:2px;
		text-align:justify;
	}