/* Default CSS Stylesheet for a new Web Application project */

BODY {
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#divPageWrapper {
	width: 1280px;
	height:1200px;
	padding:40px;
	background-color: white;
}

#divTopLeft {
	width: 250px;
	height: 160px;
	background-color: #de8327;
	text-align: center;
	padding-top:20px;
	color: white;
	float: left;
}

#divTopMiddle {
	width: 700px;
	height: 177px;
	background-color: #eeeeee;
	border-top: solid 3px  #de8327;
	float: left;
}

#divTopRight {
	width: 210px;
	height: 140px;
	background-color: #de8327;
	text-align: center;
	padding: 20px;
	color: white;
	float: left;
}

#divMiddleLeft {
	float: left; 
	width: 250px;
	height: 750px;
	background-color: #facb73;
	/*	border-style: solid;
	border-width: 2px;
	border-color: #fa9128;*/
	color: #0000ff;
}

#divMiddleMiddle {
	width: 634px;
	height: 684px;
	background-color: #cfb793;
	padding: 30px;
	float: left;
	border: solid 3px #de8327;
}

#divMiddleRight {
	width: 250px;
	height: 751px;
	background-color: #ffffff;
	/*border-style: solid;
	border-width: 2px;*/
	/*color: #fa9128;*/
	float: left;
}


#divBottomLarge {
	width: 1200px;
	height: 751px;
	background-color: #ffffff;
	float: left;
}


#divLarge {
	background-color: antiquewhite;
	height: 100vh;
	width: 100vw;
	position: absolute;
	top: 5%;
	left: 2%;
	color: white;
}

#imgLarge {
	max-width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	float: left;
}


#divMenu {
	width: 220px;
	height: 550px;
	margin-top: 0px;
	background-color: #ffffff;
	float: left;
	border-top: 0px;
	font-family: "Arial";

}



#lblEditorial {
	height: 575px;
	text-align: left;
	color: #06346f;
	line-height: 18px;
	display: inline-block;
	width: 600px;
}


#imgLogo{width:540px;height:36px;margin-left:60px;margin-top:30px;float:left;}

#lblSlogan {
	width: 700px;
	height: 15px;
	padding-top: 0px;
	font-family: "Arial";
	font-weight: bold;
	font-weight: normal;
	text-align: center;
	color: #2783de;
	float: left;
}
#lblAboutUs {
	width: 500px;
	height: 80px;
	margin-top: 5px;
	margin-left: 100px;
	padding-top: 20px;
	font-family: "Arial";
	text-align: center;
	line-height: 24px;
	color: #2783de;
	float: left;
}

#lblWizdom {
	text-align: center;
	float: left;
}

#lblWelcome {
height:100px;
}


#dgAll{width:1000vw;background-color:#eeeeee;}

.mGrid {width: 100%;background-color:white;margin: 5px 0 10px 0;border: solid 1px #525252;border-collapse:collapse;table-layout: fixed;}   
.mGrid td {padding: 2px;border: solid 1px #c1c1c1;color: #717171;}   
.mGrid th {padding: 4px 2px;color: #000000;border-left: solid 1px #525252;font-size: 0.9em;}   
.mGrid .alt {background: #fcfcfc;}   
.mGrid .pgr {background: #424242;}   
.mGrid .pgr table {margin: 5px 0; }   
.pgr td {border-width: 0;padding: 0 6px;border-left: solid 1px #666;font-weight: bold;color:#0000ff;line-height: 12px;}      
.mGrid .pgr a {color: #ffffff; text-decoration: none; }   
.mGrid .pgr a:hover {color: #00ffff; text-decoration: none; }  

.imgCaption {padding-bottom:24px;}
.bullets {padding-top:12px;}

#mnuMain {
	width: 235px;
	height: 280px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #facb73;
	color: #0000ff;
	line-height: 14px;
	font-size: 14px;
}

.hoverstyle
{font-weight: bold;color: blue;background-color:#ffc252;}

#lblSeparator {width:280px;height:100px;float:left;margin-top:40px;margin-left:10px;}
#lblSeparator01 {width:280px;height:100px;float:left;margin-top:40px;margin-left:10px;}

#lblError {	font-size:	12pt;	text-align:center;	}
#hlHome {text-align:center;font-weight:	bold;}


#btnImg01 {
	max-width: 250px;
	height:auto;
	padding: 2px 0px 0px 0px;
	float: left;

}

#btnImg02 {
	width: 250px;
	height: auto;
	padding: 2px 0px 0px 0px;
	float: left;
}
#btnImg03 {
	width: 250px;
	height: auto;
	padding: 2px 0px 0px 0px;
	float: left;
}
#btnImg04 {
	width: 250px;
	height: auto;
	padding: 20px 0px 0px 0px;
	float: left;
}



.div-img {
	justify-content: center;
	align-items: center;
	display: flex;
	padding-top: 20%;
}


/*#imgLarge:hover {
	position:absolute;
	left:0%;
	top:10%;
	transform:scale(8.0);
}*/



#lblHome {font-size:12vw;color:blue;text-align:left;font-weight:bold;left:15px;position: absolute;top:750px;	}
#hlMap {font-size:12vw;color:blue;text-align:left;font-weight:bold;left:15px;position: absolute;top:700px;	}
#hlProgram{font-size:12vw;color:blue;text-align:left;font-weight:bold;left: 15px;position: absolute;top:750px; height:400px;	}

A:link {
	text-decoration: none;
	color: #06346f;
}	
A:visited{
	text-decoration:none;
	color:#577a9a;

}	

A:active{text-decoration:none;color:red;}	
A:hover	{
	text-decoration:none;
	color:#ffffff;
	background-color:#06346f;
}


H1 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2 {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H3 {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6 {
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	line-height: 1.5;
	text-decoration: red;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}