body {
	margin: 30px 0 20px 0;
	padding: 0;
	background-color: #4B304F;

	background-position: bottom;
	background-repeat: no-repeat;
	text-align: justify;
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

.sdate{ position:relative; float:left; margin-right:10px;}
.smonth{ position:relative; float:left;  margin-right:10px;}
.syear{ position:relative; float:left;}
.contact_box{ position:relative; float:left; width:100%; height:auto;  padding:0px;}


h1, h2, h3 {
	padding: 0;
	margin: 0;
#	text-transform: lowercase;
	color: #333;
	
}

p, ul, ol {
	margin-bottom: 1.5em;
}

ul {
	margin: 0px;
	padding: 0;
}

a {
	color: #005880;
}

a:hover {
	text-decoration: none;
	color: #005880;
}



/* Menu CSS */#cssmenu {
  width: auto;
  
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #FFF;
  background:#999;
  

}

#cssmenu .has-sub:hover > a:after,
#cssmenu .has-sub.hover > a:after {
  border-color: transparent transparent transparent #kkk;
  
}
#cssmenu .has-sub > a:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #FFF;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
  -webkit-transform: rotate(360deg);
  
}

#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
  position: absolute;
  
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu a {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#cssmenu ul {

  
 

}
#cssmenu ul > li {
  float: left;
  list-style: none;
  
}
#cssmenu ul > li > a {
  display: block;
  text-decoration: none;
  padding: 12px 0px;
  position: relative;
  width:142px;
  text-align:center;
}
#cssmenu ul > li > a:hover {
  background: #008adb;
font-weight:bold; 
padding: 12px 0px;
}


}
#cssmenu ul > li > a:hover:before {

  background: white;
  content: '';
  z-index: 2;
  position: absolute;
  border: 0;

  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: 0;
}
#cssmenu ul > li > a:hover:after {
 
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: 0;
  
}
#cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  
}
#cssmenu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
 background-image:none;

  

}
#cssmenu > ul > li > ul {
  width: 165px;
  position: absolute;
  
}
#cssmenu > ul > li > ul > li {
  float: none;
  position: relative;
  
}
#cssmenu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
   background-image:none;

}
#cssmenu > ul > li > ul > li > ul {
  left: 165px;
  top: 1px;
  width: 340px;

  
  
}
#cssmenu > ul > li > ul > li > ul > li {
  float: none;
}


/** Style for header starts here */

#header {
	width: 900px;
	height: 155px;
	margin: 0px;

	background: url(images/logosm.jpg) no-repeat left top;
}

#header2 {
	width: 635px;
	height: 192px;
	margin: 0px;
	float:right;
	margin-top:1.5px;
	
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
	
}

#header h1 {
	float: left;
	padding: 70px 0px 10px 20px;
	font-size: 3em;
	
}

#header h2 {
	padding: 75px 0px 0px 0px;
	text-indent: -999999px;
}

/** Style for wrapper starts here */

#wrapper {
	width: 900px;
	margin: 0px auto;
	background: #FFFFFF;
	

}

/** Style for content starts here */

#content {
	width: 900px;
	margin: 0px auto;
	
}

#content h1 {
	font-size:24px;
	font-family:Century Gothic;
	 font-weight: 100;
}

#content h2 {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: normal;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-color:#008adb;
	font-weight:bold; 
}

#content h3 {
	color:white;
	border-bottom: 1px #CCCCCC solid;
	border-bottom-color:white;
	
}

#content p {
margin:0;
}


#left {
	float: left;
	width: 890px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right:10px;
	margin-left:0px;
	margin-top:0px;
	background:#FFF;
	

}

#left ul {
	margin: 0 3em;
	padding: 0;
	list-style: none;
}

#left li {
	margin-bottom: 10px;
	padding: 1px;
	line-height: 18px;
}

#left .post {
	margin-bottom: 20px;
	border:dashed #254B56 thin;
	padding:20px;

}

#right {
	float: right;
	width: 220px;
	margin-top:20px;
	margin-left:10px;
	padding: 10px;
	padding-right:10px;
	background-color:#132651 ;
	border:0px solid;
	border-radius:25px;
}


#right ul {
	margin: 15px 0 0 0;
	padding: 0;

}

#right li {
	padding-left: 10px;
	background: url(images/page-on.png) no-repeat left 50%;
}

div.img
  {
  border:1px solid #254B56;
  padding: 25px;
  margin-left:50px;
   margin-right:50px;
   margin-top:20px;
   background-color:#CCC;

  }
  
div.border
{
	 border:5px solid #582C2D;
	 width:800px;
	 margin-left:20px;
}

/** Style for footer starts here */

#footer {
	clear: both;
	width:100%;
	height:145px;
	margin: 0px auto;
	padding-bottom:0px;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	font-size: 15px;
	color: white;
	text-align: center;
}

#footer .copyright {
	float: center;
	margin: 0px;
	height:126px;
	background-image:url(images/bottom.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;
}

#footer .css {
	padding-left: 20px;
	background: url(images/image01.png) no-repeat left 50%;
}

#footer .xhtml {
	padding-left: 20px;
	background: url(images/image02.png) no-repeat left 50%;
}

#footer a {
	color: #E5E5CC;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

	width: 130px;
	height: 95px;
}

.hoverbox li
{
	background: #EFE8E2;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 6px;
	padding: 4px;
	position: relative;
	top:5px;
	width:135px;
	text-align: center;
	
}

#page-wrap-1 {
	width: 850px;
	background: white;
	padding: 0px 10px 10px 10px;
	margin: 10px ;
	margin-left:15px;
	min-height: 350px;
	height: auto !important;
	height: 500px;
	float:left;
	
}

.hoverbox .preview
{
	border-color: #000;
	
	width: 250px;
	height: 188px;
}

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#FFD9B3; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#FFD3A8; font-weight:bold; text-align:center; width:110px; padding:5px; border-bottom:1px solid #933; border-top:1px solid #933; border-right:1px solid #933; }
div.day-number		{ background:#7C3F3F; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center;}
/* shared */
td.calendar-day, td.calendar-day-np { width:110px; padding:5px; border-bottom:1px solid #933; border-right:1px solid #933; }

			#container {
				width: 850px;
				height:500px;

			}
			
			#carousel {
				
				width: 850px;
				margin-top:10px;
				height:500px;
			}
		
			#pages {
				width: 165px;
				margin: 0 auto;		
			}
			
			.bullet {
				background: url(images/page-off.png) center center no-repeat;
				display: block;
				width: 18px;
				height: 18px;
				margin: 0;
				margin-right: 5px;
				float: left;				
			}
.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;	
}

div.map
{
	 border:4px solid #008ADB;
	 width:500px;
	 margin-left:20px;
}