body {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5e6568;
	background-color:#0054a6;
}
* {margin:0; padding:0}
.clearit {clear:both}
hr {
  border: 0;
  background-color: #0054a6;
  margin:8px 0 10px 0;
}
#header {
	width:942px;
	height:176px;
}
#wrapper {
	width:942px;
	margin:20px auto;
}
p {
	margin:0 0 10px 0;
}
.bannertebal 
{
	color:#fff;
	height:25px;
}
/* -------------------------------------- HEADER --------------------------- */
#topbar {
	width:942px;
	height:49px;
}
.decodate {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	width:252px;
	height:19px;
	text-align:center;
	padding:20px 10px 10px 20px;
	float:left;
}
.deconav {
	width:610px;
	height:19px;
	padding:20px 30px 10px 20px;
	text-align:right;
	float:left;
	background:url(../Images/topdeco.jpg) top left no-repeat;
}
.deconav a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
.deconav a:hover {
	color:red;
}
.logo {
	width:282px;
	height:176px;
	float:left;
}
.banner {
	width:660px;
	height:176px;
	float:left;
}
.banner2 {
	width:660px;
	height:176px;
	background:url(../banner/banner.jpg) top left no-repeat;
	float:left;
}
.banner3 {
	width:660px;
	height:176px;
	background:url(../banner/banner1.jpg) top left no-repeat;
	float:left;
}
.banner4 {
	width:660px;
	height:176px;
	background:url(../banner/banner2.jpg) top left no-repeat;
	float:left;
}
.banner5 {
	width:660px;
	height:176px;
	background:url(../banner/banner3.jpg) top left no-repeat;
	float:left;
}
.banner6 {
	width:660px;
	height:176px;
	background:url(../banner/banner4.jpg) top left no-repeat;
	float:left;
}
.bannercontent 
{
	width:2px;
	height:2px;
	margin:0;
}

/* -------------------------------------- TOP MENU --------------------------- */
.topmenu {
	margin:0 0 0 -21px;
	padding:0;
	width:600px;
}
.topmenu ul {
	text-transform:uppercase;
}
.topmenu ul li {
	display:block;
	padding:0 10px;
	text-align:center;
	background-color:#61b0fd;
	margin-right:6px;
	line-height:2.2em;	
	list-style:none;
	float:left;
}
.topmenu ul li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.topmenu ul li a:hover {
	color:#fbc112;
	text-decoration:none;
}

/* -------------------------------------- CONTENT --------------------------- */
#content {
	width:942px;
	background:url(../Images/body.png) top left repeat-y;
}

#leftcontent {
	width:237px;
	padding:25px 20px 15px 25px;
	color:#fff;
	float:left;
}
#rightcontent {
	width:602px;
	background:url(../Images/bgcontent.png) top left repeat-x;
	padding:0 20px;
	float:left;
}

#mainnav {
	width:602px;
	height:25px;
	margin-bottom:25px;
}
.welcome {
	width:602px;
	line-height:1.6em;
	margin-bottom:15px;
	border-bottom:solid 1px #ccc;
}
.contentwrapper {
	width:602px;
	line-height:1.6em;
	margin-bottom:15px;
}
.contentwrapper a
{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#62affd;
	text-decoration:underline;
}
.contentwrapper a:hover
{
	text-decoration:none;
}
.contentwrapper ol, ul 
{
	margin-left:22px;
}
.title {
	display:block;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#002b73;
	margin-bottom:10px;
}
.titlecontent {
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#002b73;
	margin-bottom:10px;
}
.boxnews 
{
	width:237px;
	margin-bottom:10px;
}
.boxnews a
{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}
.boxnews a:hover
{
	color:#ffc20e;
	text-decoration:none;
}
.newstitle {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.newsdate {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:red;
}
.imgnews
{
	width:120px;
	height:100px;
	border:solid 1px #ccc;
	margin:0 10px 5px 0;
	float:left;
}
.imggallery
{
	width:90px;
	height:80px;
	border:solid 1px #ccc;
	margin:0 10px 5px 15px;
	float:left;
}
.picalumni 
{
	width:120px;
	height:120px;
	margin:0 10px 5px 0;
	border:solid 1px #ccc;
	float:left;
}
.picleft 
{
	border:solid 1px #ccc;
	margin-bottom:10px;
}
.piclefts 
{
	border:solid 1px #ccc;
	float:left;
	margin:0 10px 5px 0;
}
.picrights 
{
	border:solid 1px #ccc;
	float:right;
	margin:0 0 5px 10px;
}
.homeleft
{
	width:290px;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #ccc;
	float:left;
}
.homeright
{
	width:280px;
	min-height:300px;
	float:left;
}
.icons 
{
	width:50px;
	height:50px;
	margin:0 10px 5px 0;
	float:left;
}
.titlehome a 
{
	display:block;
	margin-bottom:8px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#62affd;
	text-decoration:underline;
}
.titlehome a:hover
{
	text-decoration:none;
}
.boxstory
{
	display:block;
	width:555px;
	padding:20px;
	margin-bottom:10px;
	background-color:#fbc112;
	border:dotted 2px #61b0fd;
	float:left;
}
.newstitle2
{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#002b73;
	text-decoration:none
}
.imgschool 
{
	width:300px;
	height:250px;
	border:solid 1px #ccc;
	margin-bottom:15px;
}
.imgdetails 
{
	width:130px;
	height:130px;
	margin:0 10px 5px 0;
	float:left;
}
.detailshead
{
	padding:10px;
}
.detailscontent
{
	margin-left:10px;
}
.filter 
{
	width:97%;
	border:solid 1px #ccc;
	background:url(../images/bgfilter.gif) bottom left repeat-x;
	padding:10px;
	margin-bottom:20px;
}

/* -------------------------------------- MENU KIRI --------------------------- */
.bar {
	display:block;
	width:227px;
	height:24px;
	background:#0054a6;
	padding:6px 0 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin-bottom:10px;
}
.bardetail {
	display:block;
	width:200px;
	height:24px;
	background:#61b0fd;
	padding:6px 0 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#fff;
}
.bardetail2 {
	display:block;
	width:215px;
	height:24px;
	background:#61b0fd;
	padding:6px 0 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#fff;
}
.tab 
{
	display:block;
	width:227px;
	height:24px;
	background:#61b0fd;
	padding:6px 0 0 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	color:#fff;
}
	
.line 
{
	border-top:solid 1px #61b0fd;
	margin-bottom:5px;
}
.lines 
{
	border-top:solid 1px #ccc;
	margin:5px 0;
}
.leftmenu 
{
	width:237px;
	text-transform:uppercase;
	margin-bottom:20px;
}
.leftmenu ul {
	margin:0;
	padding:0;
}
.leftmenu ul a {
	display: block;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding: 0 0.65em;
	line-height: 30px;
	text-decoration: none;
	color:#fff;
}
.leftmenu ul a:hover {
	text-decoration:none;
	background-color:#0054a6;
}
.leftmenu ul li {
	display:block;
	list-style:none;
	border-bottom:solid 1px #61b0fd;
	line-height:2.4em;
}
.gallery 
{
	margin:0 0 5px 30px;
}
.rss 
{
	width:20px;
	height:20px;
	margin:-15px 10px 0 0;
	float:right;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
    color:#000;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #61b0fd;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #ffc20d;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;    
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* -------------------------------------- FOOTER --------------------------- */
#footer {
	widows:625px;
	height:75px;
	color:#333;
	text-align:center;
	padding:60px 25px 0 292px;
	background:url(../Images/bgfooter.png) top left no-repeat;
	margin-bottom:20px;
}
#footer a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
#footer a:hover {
	color:red;
}

/* -------------------------------------- FAQS --------------------------- */

div.question{width:100%;margin-bottom:5px}
div.glossaryQuestion{width:100%;margin-bottom:10px;border-bottom:solid 1px;border-bottom-color:#ff8e1f}
div.quesAnsLabel{float:left;padding-right:5px}


