body{
   font-family:Arial,Verdana,Tahoma;
  background: #fff;
  	margin:0;
	text-decoration:none;
  font-size:12px;
	font-weight:normal;
	line-height:22px;
color:#242424;
}
img{ border:0px;}
a:link, a:visited {
	color: #414141;
	text-decoration: none;
}
a:hover, a:active {
	color: #655B4A;
	text-decoration: none;
}
.header{
  width: 1150px;
  margin: 0 auto;
  text-align: left;
  height: 80px;
  background: #FFF;
}
.blue-bar {
	background:url(../images/title-bar3.gif)  repeat; 
	padding-left:10px; 
	color:#fff;
	font:12px Tahoma, Arial, Helvetica;	
	height:30px;
	/*width:900px;*/
	
	}
.big-txt{
	font:34px Arial, Tahoma, Helvetica;
	color:#258eca;
}
.txt-detail{
	font:12px Tahoma, Arial, Helvetica;	
	
	
	}

.overview-title {
	color:#000;
	/*height:26px;*/
	/*padding-left:10px;
	
	font-size:12px;*/
	font: bold 13px Tahoma, Arial, Helvetica;
	vertical-align:middle;
	padding-top:4px;
	margin-bottom:2px;
	padding-bottom:0px;
	
}

.logoarea{
  float: left;
  padding-left: 20px;
  padding-top: 30px;
 
}
.logoarea2{
  float: left;
  padding-left: 20px;
  padding-top: 8px;
 
}


.footerarea{
	
	width: 200px;
	float: right;
	padding-top: 60px;
	height: 50px;
	}
	
.footerP{
	font: bold 11px Arial,Verdana,Tahoma;
	color:#1a4e8a;
	text-align: left;
	
	/*width: 150px;
	padding-top: 8px;*/
	}
.menuarea{
  float: left;
  width: 700px;
  margin-top: 60px;
  padding-left: 20px;
}
ul.menulist{
  list-style: none;
  padding: 0;
  margin: 0;
}
.menulist li{
  float: left;
}


.menulist li a{
  float: left;
  margin: 0 13px;
  font:normal 14px Arial,Verdana,Tahoma;
  color: #1a4e8a;
  border-right: 1px solid #1a4e8a;
  padding-right: 20px;
}
.titlebar{
  background: url(../images/bg_title.jpg) repeat-x;
  height: 100px;
  width: auto;
  color: #FFF;
}

.title h1{
  margin: 0px 0 0 0;
  padding-top:30px;
  float: center;
   font: bold 24px Arial,Verdana,Tahoma;
}
.searcharea{
  float: right;
  width: 210px;
  margin-top: 35px;
}
.cl{
  clear: both;
}
.subtitlecon{
  width: 960px;
  margin: 0 auto;
  font: bold 14px Arial,Verdana,Tahoma;
}
.maincontent{
  width: 1000px;
  padding: 10px;
  margin: 0 auto;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica;

}
.footer{
	
 background: #164c88;
  height: 5px;
  
  margin-top: 10px;
}
.txt24Wh{
	font: bold 24px Arial,Verdana,Tahoma;
	color: #1a4e8a;
	/*padding: 10px 0;*/
	}
.txt18Wh{
	font: bold 18px Arial,Verdana,Tahoma;
	color: #1a4e8a;
	padding: 10px 0;
	}
.txtnormal12{
	font: normal 12px Arial,Verdana,Tahoma;
	color: #333;
	padding: 0 0 10px 0;
	line-height: 22px;
	}
.txtnormal12_1{
	font: normal 12px Arial,Verdana,Tahoma;
	color: #333;
	padding: 0 0 150px 0;
	line-height: 22px;
	}
.txt-footer {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top:7px;
	
}


.iconlaw{
	float: left;
	}
/*tooltip*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #c0a562;
/*border:none;*/
padding: 5px;
background-color: #f3edd4;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color:#333;
line-height:18px;
font-size:11px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1001;
visibility: hidden;
}	

.pic1{
border: 1px solid #d7d7d7;
}
.style8 {
	color: #000000;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
}
.f1{ font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}
/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 100%; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.group .item.portal .stack img { width: 220px; height: 140px; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.group .item.portal .stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.group .item.portal .stack:before, .group .item.portal .stack:after { content: ""; border-radius: 3px; width: 100%; height: 140px; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.group .item.portal .stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.group .item.portal .stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.group .item.portal .stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.group .item.portal .stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.group .item.portal .stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.group .item.portal .stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.group .item.portal .stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.group .item.portal .stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.group .item.portal .stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*
iPhone and mobile widths --------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.group .item.portal .stack { float: none; width: auto; margin-bottom: 35px; }
	h1.title { margin: 15px 0; }
}
.group .item{
	display:block;
	height:255px;
	color:#949494;
	font-weight:normal;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@media only screen and (min-width: 0px){
.group .item{
		margin:10px;
		width:245px;
		float:left
	}
.group .item.portal{
	padding:10px;
	border:1px solid #ccc
}

.group .item.portal *{
	margin:0
}

.group .item.portal h3,.group .item.portal p.projects{
	text-align:center;
	margin-bottom:5px
}


.group .item.portal h3{
	margin-top:2px;
	font-size:16px;
	min-height:42px
}

.group .item.portal p.projects{
	font-size:12px;
	font-weight:bold;
	color:#636b70
}
#form select{ width:188px; padding:3px;}
ul.them { margin-left:-45px; list-style:none;}
ul.them li a{ padding:5px; font-size:9px; color:#666; font-weight:bold;}
ul.them li:hover, ul.them li a:hover{ background:#CCC; color:#FFF;}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 9999;
	background:#fff;
	border-bottom:none;	
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 12px arial
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 1px;
	padding: 5px 19px;
	width: auto;	
	text-align: center;
	text-decoration: none;
	color:#FFF;
	background:#000;
	border-radius:3px;
	
	}

#sddm li a:hover
{	color:#FFF;
	background:#666;
	
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#2366a9;
	border:#c7c7c7 1px solid;
	z-index: 9999;}

	#sddm li div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 13px;
		width:160px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #e9e9e9;
		color: #585859;
		font: 12px arial;
		border-radius:unset;
		
		}

	#sddm li div a:hover
	{	background-color:#d0d0d0;
		color: #2365a8;
		padding: 4px 13px;
		}
#admissions{width:178px;height:209px;position:fixed;right:-131px;margin-top:50px;z-index:16;
background:transparent url('../images/admissions-box.png') 0 0 no-repeat;}
#admissions .name{float:left;margin:18px 0 0 19px;}
#admissions ul{float:right;width:108px;padding:4px 6px 0 0;}
#admissions li{display:block;font:12px/12px calibri;padding:5px 0 7px 0;border-top:1px solid #292927}
#admissions li.first{border:0;}
#admissions a{color:#3a3a3a;text-decoration:none;}
#admissions a strong{font:bold 16px/14px calibri;display:block}