@charset "utf-8";

/*	CSS Document 
	Created by Glenn Jolodoro July, 16th 2007
	Karbela, Jakarta
	Revised by Edo, afterwards
*/

body {
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	margin: 10px 0px;
	line-height: 130%;
}

.style1 {color: #FFFFFF;
}

h1{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h2{
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-family: Tahoma;
	display: inline;
}

h4{
	font-family: Tahoma;
	font-size: 11px;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: normal;
}

h5{
	font-family: Tahoma;
	font-size: 16px;
	color: #FF6600;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-decoration: none;
}

a:link {
	color: #000066;
	text-decoration: none;
}

a:visited {
	color: #000066;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

a:active {
	color: #000066;
	text-decoration: none;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.100percent{
	margin: 0px;
}

.1024{
	width: 1004px;
	clear: both;
	margin: 0px;
}

.logo{
	width: 200px;
}

.header{
	height: 150px;
}

.frame_top{
	background-image: url(../images/frame_top.gif);
	background-repeat: repeat-x;
	height: 23px;
	clear:both;
	width: 1002px;
}

.frame_bottom{
	background-image: url(../images/frame_bottom.gif);
	background-repeat: repeat-x;
	height: 21px;
	clear:both;
}

.width_left{
	width: 238px;
	margin: 0px;
	background-image: url(../images/blue-left.gif);
	background-repeat: repeat;
	clear: both;
}

.width_right{
	width: 430px;
	margin: 0px;
}

.width_center{
	width:334px;
	}

.lefttop{
	height:287px;
}

.affiliated{
	background-color: #df6921;
	background-image: url(../images/orange_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 380px;
}

.affiliated-left{
	background-color: #df6921;
	background-image: url(../images/orange_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.affiliated-blue{
	height: 250px;
	background-image: url(../images/blue-left.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#login{
	color: #FFFFFF;
	height: 300px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #25297A;
	background-image: url(../images/blue-left.gif);
	background-repeat: repeat-x;
}

#login .login-margin{
	height: 280px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#login .input{
	padding: 1px;
	height: 15px;
	width: 118px;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-image: url(../images/login.png);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: 20px;
}

#login .button{

	font-weight: bolder;

	font-family: Tahoma;

	font-size: 12px;

	line-height: 130%;

	font-weight: bold;

	text-transform: uppercase;

	background-image: url(../images/button.png);

	background-repeat: repeat;

	border-top-width: 0em;

	border-right-width: 0em;

	border-bottom-width: 0em;

	border-left-width: 0em;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #999999;

	border-bottom-color: #333333;

	border-left-color: #FFFFFF;

	padding-top: 1px;

	padding-right: 4px;

	padding-bottom: 1px;

	padding-left: 4px;

	margin-right: 10px;

}



.signup{

	font-family: Tahoma;

	font-size: 18px;

	margin-top: 100px;

	color: #FFFF33;

	font-weight: bold;

	text-decoration: none;

}



.signup a{

	color: #FFFFFF;

	text-decoration: none;

}



.signup a:hover{

	color: #FF9900;

}



.note{

	margin-top: 7px;

	margin-right: 2px;

	margin-bottom: 2px;

	margin-left: 2px;

}



#se{

	font-family: Tahoma;

	font-size: 18px;

	font-style: italic;

	color: #333333;

	font-weight: bold;

	margin-top: 20px;

}



.title{

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-image: url(../images/arrow.gif);

	background-repeat: no-repeat;

	background-position: 2px 4px;

	padding-left: 15px;

	font-family: Tahoma;

	font-size: 11px;

	line-height: 130%;

	font-weight: bold;

	color: #003399;

	text-decoration: none;

}



.titlle a{

	color: #003399;

}



.titlle a:hover{

	color: #CCCCCC;

}



.summary{

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 15px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: dotted;

	border-right-style: dotted;

	border-bottom-style: dotted;

	border-left-style: dotted;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	padding-bottom: 5px;

}



.as{

	margin-top: 200px;

	margin-bottom: 10px;

}



#footer{

	background-color: #DDDEDE;

	text-align: right;

	height: 120px;

	padding-top: 10px;

	background-repeat: repeat-x;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

}



#footer .h1{

	font-size: 20px;

	color: #999999;

	line-height: 130%;

	margin-right: 20px;

	margin-bottom: 5px;

}



#footer .h2{

	font-size: 10px;

	font-family: Tahoma;

	line-height: 150%;

	text-decoration: none;

	margin-right: 20px;

	color: #535353;

}



.content{

	width: 523px;

	border-right-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #666666;

	border-right-color: #EFF0FA;

	border-bottom-color: #292C82;

	border-left-color: #666666;

	border-top-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	height: auto;

	padding: 20px;

}



#menu_wp{

	width: 100%;

	text-align: left;

	font-size: 11px;

	letter-spacing: 0.2em;

	padding: 0px;

	background-repeat: repeat-x;

	line-height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(../images/login.gif);

}



#menu_wp ul{

	list-style: none;

	padding: 0px;

	margin: 0px;

	display: block;

	background-repeat: repeat-x;

}



#menu_wp ul li{

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #E6E6E6;

	border-right-color: #E6E6E6;

	border-bottom-color: #E6E6E6;

	border-left-color: #E6E6E6;

}



#menu_wp ul li a{

	text-decoration: none;

	color: #004080;

	display: block;

	margin: 0px;

	background-image: url(../images/menu_sub.gif);

	background-repeat: repeat-y;

	padding-top: 10px;

	padding-right: 2px;

	padding-bottom: 10px;

	padding-left: 20px;

}



#menu_wp ul li a:hover{

	text-decoration: none;

	color: #330099;

	display: block;

	margin: 0px;

	background-image: url(../images/menu_sub_h.gif);

	background-repeat: repeat;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #DF6921;

	border-right-color: #DF6921;

	border-bottom-color: #DF6921;

	border-left-color: #DF6921;

	border-left-width: 0px;

}



#menu_wp .family{

	width: 110px;

	text-align: left;

	font-size: 10px;

	letter-spacing: 0.1em;

	padding: 0px;

}



.menu-iddle{

	font-size: 18px;

	color: #FFFFFF;

	text-decoration: none;

	height: 30px;

	padding-top: 10px;

	margin-top: 8px;

	background-image: url(../images/menu.jpg);

}



.menu{

	font-size: 18px;

	color: #660000;

	text-decoration: none;

	height: 55px;

	display: block;

	padding-top: 0px;

}



.menu a{

	color: #660000;

	display: block;

	height: 30px;

	padding-top: 10px;

}



.menu a:hover{

	color: #000000;

	background-image: url(../images/menu.jpg);

	background-repeat: no-repeat;

	background-position: center 5px;

}



.home{

	background-image: url(../images/menu.jpg);

	background-repeat: no-repeat;

	background-position: 1px 37px;

}



.aboutus{

	background-image: url(../images/menu2.gif);

	background-repeat: no-repeat;

	background-position: 17px bottom;

}



.academics{

	background-image: url(../images/menu3.gif);

	background-repeat: no-repeat;

	background-position: 10px bottom;

}



.facilities{

	background-image: url(../images/menu4.gif);

	background-repeat: no-repeat;

	background-position: 18px bottom;

}



.registration{

	background-image: url(../images/menu5.gif);

	background-repeat: no-repeat;

	background-position: 6px bottom;

}



.location{

	background-image: url(../images/menu6.gif);

	background-repeat: no-repeat;

	background-position: 18px bottom;

}

.contentheading, .componentheading {
	font-weight: bold;
	font-size: 15pt;
	font-family: Tahoma;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left:20px;
}

table.contentpaneopen, .contentpaneopen, table contentpaneopen, .contact_email, .inputbox, .button, .contentpane {
	margin: 0px;
	font-family: Tahoma;
	font-size: 10px; 
	text-decoration: none;
	padding-top: 2px;
	padding-left:20px;
}

blogsection {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px; 
}