/*   
Theme Name: Rezzen Theme
Theme URI: http://www.rezzen.com.my/
Description: www.rezzen.com.my theme
Author: firdaus@rezzen.com.my
Author URI: http://www.rezzen.com.my
Version: 1.0
.
This is not GNU lisence theme
.
*/
html, body, div, span, applet, object, iframe,
h1, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
b, u, i, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body {
	line-height: 1.5;
	color: black;
	background: white; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

img { display:block; }

body {
	background-image:url(../images/bgMain.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666; }

#wrapper {
	width:980px;
	margin:0px auto;
	text-align:left;
	padding:10px 20px 12px 20px; }

#clear { clear:both; }

#header { width:960px; }

#logo {
	padding-top:20px;
	float:left;
	font-size:11pt; }

#menu { padding:20px 0px 15px 0px; }

.more-link {
	color:#5E0000;
	text-decoration:none; }

a {
	color:#5E0000;
	text-decoration:none; }
#right-side {
	width:220px;;
	float:left;
	padding-left:20px; }

#left-side {
	float:left;
	width:720px; }

#bottom-div {
	width:720px;
	height:220px; }

#text {
	color:#042900;
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	padding-top:14px; 
	text-shadow: 0px 1px 0px #fff;}

#bottom-div h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:40px;
	font-weight:lighter;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#AEADAD; }

	#bottom-div h1 a {
		color:#454544;
		text-decoration:none; }

/*
slider CSS
*/
.basic { width:220px; }

	.basic div {
		background-color: #eee;
		border-color:#989797;
		border-style:solid;
		border-left-width:1px;
		border-right-width:1px; }

	.basic p {
		line-height: 1.8em;
		color:#333;
		text-shadow: 0px 1px 0px #fff;
		margin-bottom : 10px;
		border: none;
		text-decoration: none;
		font-size: 12px;
		margin: 0px;
		padding: 10px; }

	.basic a {
		text-decoration:none;
		color:#4A0500; }

		.basic a.head {
			cursor:pointer;
			display:block;
			text-decoration: none;
			background-image:url(../images/right_slider/slider_bg.jpg);
			background-color:#989797;
			background-repeat:repeat-x;
			line-height:37px;
			font-family:Arial;
			font-size:18px;
			color:#FFFFFF;
			text-shadow: 0px 1px 0px #7C0507;
			padding-left:10px;
			font-weight:lighter;
			border-color:#989797;
			border-style:solid;
			border-left-width:1px;
			border-right-width:1px; }

			.basic a.head:hover { color:#3A0100; }

		.scontent{
		background:#EDECEC url(../images/middle_slider/sliderBG.png)  repeat-x;
		background-position:bottom;
		
		}

		.basic a.selected {
			text-shadow: 0px 1px 0px #fff;
			color: #454343;
			background-color: #071C00;
			background-image:url(../images/right_slider/selected_bg.jpg); }

			.basic a.selected:hover { color: #454343; }


/*Mdl slider top Menu*/

#mid_slider_menu{
height:36px;
}
#mid_slider_menu ul{
margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline; 
background: url(../images/middle_slider/top_bg.png) repeat-x;
height:29px;
}
#mid_slider_menu ul li{
display:inline;
	text-decoration:none;
}
#mid_slider_menu ul li a{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 0px 1px 0px #290C0C;
	padding:0px 10px 0px 10px;
}
#mid_slider_menu ul li a:hover{
background-image:url(../images/middle_slider/selected_bg.png);
		background-position:center;
		background-repeat:no-repeat; }
#mid_slider_menu ul li a.selected{
background-image:url(../images/middle_slider/selected_bg.png);
		background-position:center;
		background-repeat:no-repeat; }
		



/* Mdl slider */
#left-side-mdl {
	padding-top:20px;
	width:719px; }

.navigation {
	background-image:url(../images/middle_slider/2ndBg.jpg);
	background-repeat:repeat-x;
	border:1px solid #989797;
	width:717px; 
	height:29px;}

	.navigation li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		display:inline;
		text-decoration:none;
		text-shadow: 0px 1px 0px #F4F4F4;}

#slider ul {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline; }

.navigation a {
	color:#2E2D2D;
	text-decoration:none;
	padding:0px 15px 0px 15px; }

	.navigation a.selected {
		background-image:url(../images/middle_slider/2ndSelected.jpg);
		background-position:center;
		background-repeat:no-repeat; }

	.navigation a:hover {
		background-image:url(../images/middle_slider/2ndSelected.jpg);
		background-position:center;
		background-repeat:no-repeat; }

/*.panel img{float:left;padding:4px 16px 5px 17px;}*/
.panel {
	color:#042900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:4px 10px 0px 17px; 
	text-shadow: 0px 1px 0px #fff;
	}

.scroll {
	height: 190px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background:#EDECEC url(../images/middle_slider/sliderBG.png)  repeat-x;
	background-position:bottom;
	border-right:1px;
	border-right-color:#989797;
	border-right-style:solid;
	border-left:1px;
	border-left-color:#989797;
	border-left-style:solid;
	}

.scrollContainer div.panel {
	padding: 20px;
	height: 160px;
	width: 680px; /* change to 560px if not using JS to remove rh.scroll */ }

/*.scrollButtons {
	  position: absolute;
	  top: 150px;
	  cursor: pointer;
	}
	
	.scrollButtons.left {
	  left: -20px;
	}
	
	.scrollButtons.right {
	  right: -20px;
	}*/
	

/* template 2*/
#temp-2 { width:720px; }

	#temp-2 h1 {
		padding-top:15px;
		font-family:Arial;
		font-size:18pt;
		line-height:40px;
		font-weight:lighter;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#AEADAD; 
		text-shadow: 0px 1px 0px #DADADA;
		color:#4A0500;}

		#temp-2 h1 a {
			text-decoration:none;
			color:#4A0500; }

	#temp-2 img {
		padding:15px 20px 15px 0px;
		float:left; }

/*Template 3*/
#temp-3 { width:720px; }

	#temp-3 h1 {
		padding-top:15px;
		font-family:Arial;
		font-size:18pt;
		color:#454544;
		line-height:40px;
		font-weight:lighter;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#AEADAD;
		text-shadow: 0px 1px 0px #DADADA;}

	#temp-3 .name {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		padding-top:100px; }

	#temp-3 img {
		padding:15px 20px 15px 0px;
		float:left; }

/*Single Post Slider*/
#slider1 ul {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline; }

.navigation1 { width:717px; }

	.navigation1 li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		display:inline;
		text-decoration:none; }

	.navigation1 a { padding:0px 10px 0px 10px; }

		.navigation1 a.selected { color:#000; }

		.navigation1 a:hover { }

.panel1 { color:#042900; }

.scroll1 {
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left; }

.scrollContainer1 div.panel1 {
	padding: 20px;
	width: 680px; /* change to 560px if not using JS to remove rh.scroll */ }

/*leadership team template*/
#leader_wrap {
	float:left;
	width:720px; }

#leader_post {
	float:left;
	color:#042900;
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	padding-top:14px;
	width:360px;
	height:100px;
	text-shadow:0px 1px 0px #fff; }

/* footer CSS */
#footer{
	margin-top:5px;
	width:960px;
	height:45px;
}
#footer_mdl{
	height:28px;
	background:url(../images/footer/footer_bg.jpg) repeat-x;
	text-align:right;
	color:#fff;
	font-size:12px;
}
#footer_mdl img{
	float:left;
	padding-left:10px;
}

#post-list img{
float:left;
width:50px;
padding:0px 10px 10px;
}
#post-list .title{
font-size:16px;
text-shadow:1px 0px 0px #989797;
line-height:60px;
vertical-align:middle;
}


/*fast track*/
#fast-track-congratulation{
margin-bottom:24px;
}
#fast-track{
float:left;
margin-left:50px;
text-align:center;
}
#fast-track-student{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:25px;
height:460px;
background:#F6F4F4 url(../images/fast-track/fast-track-bg.png) repeat-x;
background-position:bottom;
width:255px;
border-right-style:solid;
border-right-width:1px;
border-right-color:#A1A0A0;
border-left-style:solid;
border-left-width:1px;
border-left-color:#A1A0A0;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A1A0A0;
}
#fast-track-student img{
	display:block;
	margin:0 auto;
}

/*gallery2*/
#gallery2_wrap{
	width:720px;
	float:left;
}
#gallery2_wrap h1{
	color:#042900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:40px;
	margin-bottom:10px;;
	font-weight:lighter;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#AEADAD; }

#gallery2 .title{
	width:320px;
	float:left;
}

#gallery_misc{
	width: 700px;
	margin-top:20px;
}

/*content*/
#content a:hover{
	font-weight:bold;}
	
/* update DBA MBA front box*/

#dba_promo{
	height:160px;
	border-right:#989797 1px solid;
	border-left:#989797 1px solid;
	background:#FAF7F7 url(../images/mbaDba/bg.png) repeat-x bottom;
}
#dba_promo .dba{
	height:159px;
	width:358px;
	border-right:#989797 1px solid;
	float:left;
}
#dba_promo .dba img{
	float:left;
	width:140px;
	padding-top:4px;
	padding-left:15px;

}

#dba_promo .text{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:180px;
	text-align:justify;
	padding-left:5px;

}

#dba_promo .text a{
	font-weight:bold;
	color:#F00;
}


#dba_promo .mba{
	height:159px;
	float:left;
	width:358px;
}

#dba_promo .mba img{
	float:left;
	padding-top:4px;
	padding-left:15px;
}

#convoPromo{
	padding-bottom:6px;
}

.wp-caption-text{
font-style:italic;
}

#facebook-box{
	padding-top:10px;
}