/* CSS styles for web standards browsers */

/* import CSS for compliant browsers */

/* ------------------------------------------------------- */

@import url(reset.css);

@import url(typography.css);

@import url(table.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */

/* html { height: 100%; margin-bottom: 1px; } */



/* overrule basic.css styles */



html {

	height: 100%;

	}

body {

	background: #fff url(http://ief-trisakti.ac.id/web/images/header_background.jpg) repeat-x;

	margin: 0;

	padding: 0;

	height: 100%;

}



	

* html #wrapper {

height: 100%;

}



/* Home

----------------------------------*/

#main_banner {

	width: 400px;

	height: 274px;

	float: left;
	
	margin-top: 35px;
	}

body#home {

	background: #fff url(http://ief-trisakti.ac.id/web/images/header_background_home.jpg) repeat-x;

	}

body#home ul li{

	list-style: none;

	}

#tabs {

	width: 300px;

	float: right;

	margin-top: 20px;

	}

#home_content {

	margin-top: 70px;

	float: left;

	}

.home_col_left {

	width: 600px;

	float: left;

	margin-right: 30px;

	}
.home_column {
	width: 270px;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	}
.home_column img {
	margin-bottom: 15px;
	}	
/* News List */
ul#news_list_home {
	}
ul#news_list_home li {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
	}
ul#news_list_home p.date {
	margin-bottom: 0;
	font-size: 11px;
	}
ul#news_list_home h4 {
	font-size: 12px;
	margin-bottom: 20px;
	}
ul#news_list_home h4 a {
	color: #7db621;
	}
ul#news_list_home img {
	border: 3px solid #e9e9e9;
	padding: 2px;
	margin-right: 10px;
	float: left;
	}	

ul#news_list_sponsors li {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
	}
.home_col_right {

	width: 300px;

	float: left;

	}	

.home_col_50 {

	width: 219px;

	float: left;

	margin-right: 20px;
	
	margin-bottom:20px;

	}

.highlight_box {

	border: 1px solid #ccc;

	background: #ffffff;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-top: -25px;
	
	margin-bottom: 20px;

	}

.highlight_box_100 {

	background: url(http://ief-trisakti.ac.id/web/images/highlight_partner_background.png) no-repeat;

	width: 100%;

	}

.highlight_col {

	width: 270px;

	float: left;

	margin-right: 15px;

	}
	
.highlight_col p {
	margin-bottom:5px;
	}
	
.home_eco_para{
	background: url(http://ief-trisakti.ac.id/web/images/image_leaf.png) no-repeat;
	padding-left:90px;
}
.partner_col {

	width: 295px;

	float: left;

	margin-left: 5px;

	}	
	
.inline_image {

	float:left;

	padding: 2px;

	border: 1px solid #e9e4da;

	margin-left: 10px;

	margin-bottom: 10px;

	}

.inline_image_right {

	padding: 2px;

	border: 1px solid #e9e4da;

	margin-right: 20px;

	margin-bottom: 30px;
}
	
.img { border: 4px solid #bce1ef; margin-bottom: 10px;}

#skipLink {

	display: block;

	position: absolute;

	top:0;

	left: -999px;

	height: 20px;

	padding: 10px 20px;

}



#skipLink:focus {

	left: 0;

}


.clearboth {

	clear:both;

	}

#wrapper {

	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -104px;

}

#header {

	height: 102px;
	
	}

#logo {
	margin-top: 10px;

	background: url(http://ief-trisakti.ac.id/web/images/ief-logo.png) no-repeat;

	width: 240px;

	height: 90px;

	float: left;

	}

#logo span {

	display:none;

	}

#logo a {

	display: block;

	width: 233px;

	height: 75px;

	}

#header_right {

	width: 500px;

	height: 20px;

	float: right;

	margin-top: 20px;

	}

#telephone span {

	display:none;

	}

#content_academic {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage.png) no-repeat right 15px;
	clear: both;

	}

#content_alumni {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_alumni.png) no-repeat right 15px;
	clear: both;

	}

#content_aboutus {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_aboutus.png) no-repeat right 15px;
	clear: both;

	}

#content_gallery {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_gallery.png) no-repeat right 15px;
	clear: both;

	}

#content_links {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_links.png) no-repeat right 15px;
	clear: both;

	}

#content_contact {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_contact.png) no-repeat right 15px;
	clear: both;

	}

#content_pses {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgheader_innerpage_pses.png) no-repeat right 15px;
	clear: both;

	}


#content_span_100 {

	width: 940px;
	background: url(http://ief-trisakti.ac.id/web/images/bgslider.png) no-repeat right 10px;
	clear: both;

	}

#main_content {

	float: right;

	width: 700px;

	}
	
#main_content_span_100 {

	float: left;

	width: 100%;

	}

#main_content_nomenu {

	float: right;

	width: 100%;

	}
	


/* Columns

----------------------------------*/

.col1 {

	width: 380px;

	float: left;

	}

.col1_span_50 {

	width: 457px;

	float: left;

	margin-right: 25px;

	}

.col1_span_70 {

	width: 620px;

	float: left;

	}

.col2 {

	width: 300px;

	float: right;

	}

.col2_span_30 {

	width: 300px;

	float: right;

	}

.col_span_333 {

	width: 333px;

	float: left;

	margin-right: 30px;

	}

.col2 img,

.col2_span_30 img {

	margin-bottom: 20px;

	}

.col_thin {

	width: 300px;

	float: left;

	margin-right: 20px;

	}

.col_span_160 {

	width: 160px;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	}

.col_span_160 img {

	margin-bottom: 10px;

	}

.col_span_220 {
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.col_span_220 img{
	align:center;
}


.last {

	margin: 0;

	}

	
.footer, .push{
	height: 105px;
}

.footer {

	background-color: #006633;
	border-top: 3px solid #003f20;
	position: relative;
	color: #fff;
	}

.footer_wrapper {

	width: 940px;

	margin: 0 auto;

	padding-top: 15px;

	}

.footer_col_left {

	float: left;

	width: 300px;

	}

.footer_col_right {

	float: right;

	width: 500px;

	}

.footer_col_right p{

	text-align: right;

	}

.footer_navigation {
	

	
	height: 50px;

	font-weight: normal;

	}

.copyright {

	}

	

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;margin-top:-32px;float:right;height:42px;font-size:11px;font-weight:bold;background:transparent url(http://ief-trisakti.ac.id/web/images/greenslate_backgrounds.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(http://ief-trisakti.ac.id/web/images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* Primary Navigation */
ul#primary_navigation {
	float: right;
	margin-top: 0px;
	}
ul#primary_navigation li {
	display: inline;
	}
ul#primary_navigation li a {
	background: url(http://ief-trisakti.ac.id/web/images/topnav.png) no-repeat;
	height: 31px;
	display: block;
	float: left;
	margin-right: 10px;
	}
/* Nav home */
ul#primary_navigation li a.nav_home {
	width: 29px;
	}
ul#primary_navigation li a.nav_home:hover {
	background-position: 0 -31px;
	}
ul#primary_navigation li.active a.nav_home {
	background-position: 0 -62px;
	}
/* Nav link */
ul#primary_navigation li a.nav_link {
	width: 29px;
	background-position: -30px 0;
	}
ul#primary_navigation li a.nav_link:hover {
	background-position: -30px -31px;
	}
ul#primary_navigation li.active a.nav_link {
	background-position: -30px -62px;
	}
/* Nav contact */	
ul#primary_navigation li a.nav_contact {
	width: 29px;
	background-position: -60px 0;
	}
ul#primary_navigation li a.nav_contact:hover {
	background-position: -60px -31px;
	}
ul#primary_navigation li.active a.nav_contact {
	background-position: -60px -62px;
	}
	
ul#primary_navigation li a span{
	display: none;
	}
	
/* Navigation

----------------------------------*/

#global_nav {
	position: relative;
	width: 935px;
	font: normal 11px/1.5em Verdana;
	line-height: normal;
	margin-top: -20px;
	left: 12px;
}
#global_nav a {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	font: bold 12px Arial;
	text-transform: uppercase;
	text-decoration: none;
	background: url("http://ief-trisakti.ac.id/web/images/tableftJ.png") no-repeat left top;
}
#global_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#global_nav li {
	display: inline;
	margin-right: 5px;
	padding: 0;
}

#global_nav li.exit, #global_nav li.right {
	float: right;
}

#global_nav a span {
	float: left;
	display: block;
	padding: 7px 13px 6px 7px;
	background: url("http://ief-trisakti.ac.id/web/images/tabrightJ.png") no-repeat right top;
	color: #fff;
}
#global_nav li.exit a {
	background: url("http://ief-trisakti.ac.id/web/images/tableftJ_grey.png") no-repeat left top;
}

#global_nav li.exit a span {
	background: url("http://ief-trisakti.ac.id/web/images/tabrightJ_grey.png") no-repeat right top;
	color: #fff;
}

#global_nav a:hover span, #global_nav li.current a span, #global_nav li.exit a:hover span {
	color: #000;
	background-position: 100% -20px;
	background: url("http://ief-trisakti.ac.id/web/images/tabrightJ_curr.png") no-repeat right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#global_nav a:hover, #global_nav li.current a, #global_nav li.exit a:hover {
	background-position: 0% -20px;
	background: url("http://ief-trisakti.ac.id/web/images/tableftJ_curr.png") no-repeat left top;
}
	
	

/* Secondary Navigation

----------------------------------*/	

#secondary_navigation {

	width: 100%;

	height: 27px;

	text-align: right;

	}

#secondary_navigation a {

	color: #009966;

	}

#tertiary_navigation {

	width: 206px;

	float: left;

	margin-right: 25px;

	margin-top: 10px;
	
	}

#tertiary_navigation li {

	list-style: none;

	}

#tertiary_navigation li a {

	width: 195px;

	height: 15px;

	display: block;

	border-bottom: 1px solid #e9f3f7;

	padding-top: 7.5px;

	padding-bottom: 7.5px;

	padding-left: 10px;

	color: #009966;

	font-weight: bold;
	
	background: url(http://ief-trisakti.ac.id/web/images/bg_tertiarynav_normal.png) top right repeat-y;

	}

#tertiary_navigation ul ul li a {

	width: 182px;

	height: 15px;

	display: block;

	border-bottom: 1px solid #e9f3f7;

	padding-top: 7px;

	padding-bottom: 8px;

	padding-left: 20px;

	color: #009966;

	font-weight: normal;
	
	

	}

#tertiary_navigation ul ul li a.active {

	border-bottom: 0px solid #396a6b;
	background: #eaf4f7;
	color: #2d4c8c;
	border-left: 1px solid #fff;

	}

#tertiary_navigation li a:hover {

	color: #006633;

	text-decoration: none;
	
	background: url(http://ief-trisakti.ac.id/web/images/bg_tertiarynav_over.png) top right repeat-y;

	}

	

#tertiary_navigation li a.active {

	background: #fff url(http://ief-trisakti.ac.id/web/images/tertiary_navigation_background.png) top right no-repeat;

	color: white;

	text-decoration: none;

	}


/* Padding

----------------------------------*/

.padding_10 {

	padding-top: 5px;

	text-align: right;

	}

.padding_10_full {

	padding: 10px 10px 0 10px;;

	}

.padding_ten {

	padding: 10px;

	}

.padding_20 {

	padding: 15px;

	}

.padding_custom1 {

	padding: 20px 0 0 0;

	}

.padding_custom2 {

	padding: 20px 0 0 10px;

	}

#call_to_action {

	background-color: #f6f5ed;

	border: 1px solid #e9e5da;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-bottom: 20px;

	}

.cta_col_left {

	width: 500px;

	float: left;

	}

.cta_col_right {

	width: 143px;

	float: right;

	}

/* Forms

----------------------------------*/

.contact_box {

	border: 1px solid #bfe1ee;

	background: #fff;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-bottom: 20px;

	}

.feedback {

	width: 80%;

	}

fieldset div { margin: 0 0 17px; zoom: 1; }

fieldset div:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

fieldset .fieldWithErrors { margin-bottom: 0; }



.contact_box label {

	float: left;

	padding: 3px 15px 0 0;

	text-align: right;

	color: #339999;

	width: 100px;

	font-size: 12px;

	font-weight: bold;

}

.feedback label {

	width: 200px;

	}

.mandatory { border: 0; color: #d72a69; }



input.text, textarea {

	padding:3px;

	width:230px;	

	font: 1em Arial ,sans;

	color: #666;

	border: 1px solid;

	border-color: #8f8f8f #cfcfcf #e3e3e3 #cecece;

}



input#form_attachment {

	width: 170px;

	}
	
p.form_warning, div.error{
	padding:4px;
	font-weight:bold;
	color:#900;
	background-color:#ff9;
}

div.error{
	margin-left:115px;
	margin-bottom:0;
	width:230px;
}

	
#mast{
				float:right;
				width:382px;
				height:282px;
				margin:23px 13px 10px 0;
				overflow:hidden;
				position:relative;
				}
				.jdGallery .slideElement{
					width:385px;
					height:285px;
					
					background:url(http://ief-trisakti.ac.id/web/images/loading-bar-black.gif) no-repeat 50% 50%;
					
					}
					.jdGallery .slideInfoZone{
						position:absolute;
						z-index:10;
						width:375px;
						padding:8px;
						overflow:hidden;
						left:0;
						bottom:0;
						border:0px solid #fff;
						background:#000;
						}
					* html .jdGallery .slideInfoZone{
						bottom:-1px;
						}
					.jdGallery .slideInfoZone h2{
						padding:0 15px 0 0;
						margin:-2px 7px 0 0 !important;
						font-size:.9em;
						font-style:normal;
						text-align:right;
						font-weight:bold;
						color:#fff;
						background:#000 url(http://ief-trisakti.ac.id/web/images/bullet-arrow-tactical.gif) no-repeat 100% 50%;
						}
						.jdGallery .slideInfoZone a{
							color:#fff;
							}
							.jdGallery .slideInfoZone a:hover{
								color:#ff6600;
								text-decoration:none;
							}
					.jdGallery .slideInfoZone p{
						display:none;
						padding:0;
						font-size:.9em;
						color:#000;
						}