/* the body */
body {
	margin: 0;
	padding: 0;
	background: url("http://www.mru.org.my/images/bg_tile2.gif") top left repeat-x;
	text-align: center;
	background-color: #fff;
	cursor: default;
}

#wrapper {
	width: 740px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
}

a, a:link, a:visited {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 1px;
}

a:hover {
	background-color: #E0EFF0;
	padding: 1px 1px;
}

img {
	border: none;
}

img a, a:link, a:visited, a:hover {
	border: none;
}

#content {
	width: 730px;
	padding: 30px 0px 0px 0px;
}

#sponsors {
	width: 730px;
	padding: 18px 0px 0px 0px;
}

p {
	font: normal 12px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #333;
}

.newsarrow1 {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	float: left;
	color: #333;
}

.newsarrow2 {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	float: right;
	color: #333;
}

ul {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#333;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

input, textarea, select {
	color: #000000;
	border: 1px solid #cccccc;
	background: #ffffff;
	font: 8pt tahoma, arial, helvetica;
}

.newsheader {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #333;
}

.textheader {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #333;
}

#table01 {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #333;
}
/* end */

/* the header */
#header {
	height: 86px;
	position: relative;
	top: 0;
	left: 0;
}

#header #logo {
	position: absolute;
	top: 0;
	left: 0;
}
/* end */

/* the menu */
#menu {
	margin: 0;
	padding-top: 5px;
	padding-left: 25px;
	font: 8pt verdana, arial, helvetica;
}

#menu ul, #menu li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu a:link, #menu a:visited	{
	background: #993333;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	color: #fff;
	float: left;
	line-height: 14px;
	margin-right: 5px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#menu a:link.active, #menu a:visited.active {
	background: #fff;
	color: #000;
}

#menu a:hover {
	color: #fff;
	background-color: #800000;
}

body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	font-weight: bold;
}

#menu ul a:hover {
	color: #800000 !important;
}
/* end */

/* the footer */
#footer {
	background: url("http://www.mru.org.my/images/footer.gif") top left repeat-x;
	height: 76px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding: 30px 0 0 0;
}

#footer_content {
	width: 740px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #999;
	padding: 0;
	margin: 0;
}
/* end */

/* the bottom */
#bottom {
	background: url("http://www.mru.org.my/images/dotted_line.gif") top left repeat-x;
	position: relative;
	top: 0;
	left: 0;
}

#bottom2 {
	background: url("http://www.mru.org.my/images/dotted_line.gif") top left repeat-x;
	position: relative;
}
/* end */

/* the news */
#news {
	width: 500px;
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#news h3 {
	font: normal 13px/15px georgia, serif;
	font-weight: bold;
	color: #800000;
	margin: 8px 0 3px 0;
	padding: 0;
}

#news p {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0px 0 5px 0;
	color: #333;
}

#news li {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#333;
}
/* end */

/* the sidebar */
#sidebar {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 210;
	background: url("http://www.mru.org.my/images/dotted_line_vert.gif") top left repeat-y;
	padding: 0 0 0 15px;
	margin: 13px 0 0 0;
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
}

#sidebar p {
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 5px 0;
	padding: 0;
}

#sidebar li {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 5px 0;
	padding: 0;
}
/* end */

#contentwrap {
	margin-top: 30px;
}

/* the sides */
#sidder {
	width: 135px;
	margin: 0 4px 0px 18px;
	padding: 15px 0 0 0;
	float: left;
}

#sidder h1 {
	font: normal 18px 'Lucida Grande', 'Century Gothic', arial, 'Times New Roman', Serif;
	font-weight: bold;
	line-height: 34px;
	color: #000066;
	padding: 8px 0 3px 0;
	margin: 20px 0 0 0;
}

#sidder2 {
	width: 100px;
	margin: 0 4px 0px 17px;
	padding: 15px 0 0 0;
	float: left;
}

#sidder2 h1 {
	font: normal 18px 'Lucida Grande', 'Century Gothic', arial, 'Times New Roman', Serif;
	font-weight: bold;
	line-height: 34px;
	color: #000066;
	padding: 8px 0 3px 0;
	margin: 18px 0 0 0;
}

/* end */

/* the side nav */
#sidenav {
	background: transparent url("http://www.mru.org.my/images/sec_top.gif") top right no-repeat;
	width: 135px;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	float: left;
}

#sidenav ul {
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande','LucidaGrande',Lucida,Sans-Serif;
	background: transparent url("http://www.mru.org.my/images/sec_normal.gif") 0px -30px no-repeat;
	color: #333;
	margin: 0 0 0 0px;
	padding: 5px 0 15px 0;
}

#sidenav ul li {
	list-style-image: none;
	background: transparent url("http://www.mru.org.my/images/sec_hover.gif") bottom right no-repeat;
	height: 23px;
	margin: 0;
}

#sidenav_inside {
	background: transparent url("http://www.mru.org.my/images/sec_bottom.gif") bottom right no-repeat;
	padding: 10px 0 50px 0;
}

#sidenav li a,#sidenav li a:link {
	list-style-image: none;
	background: transparent url("http://www.mru.org.my/images/sec_normal.gif") bottom right no-repeat;
	height: 23px;
	margin: 0;
	color: #333;
	display: block;
	padding: 0;
}

#sidenav li a:active {
	color: #036;
}

#sidenav li a:visited {
	background: transparent url("http://www.mru.org.my/images/sec_normal.gif") bottom right no-repeat;
	color: #333;
}

#sidenav li a:hover {
	background: none;
	color: #3F7E86;
}

#ul4 #nav4 a,
#ul5 #nav5 a,
#ul6 #nav6 a,
#ul7 #nav7 a,
#ul14 #nav14 a,
#ul8 #nav8 a,
#work #navall a {
	background: transparent url("http://www.mru.org.my/images/sec_active.gif") bottom right no-repeat;
	color: #3F7E86;
}
/* end */

/* the right content */
#portfolio2 {
	float: left;
	width: 534px;
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
	margin: 10px 0 0 20px;
	background: url("http://www.mru.org.my/images/dotted_line_vert.gif") top left repeat-y;
}

#portfolio2 h1 {
	font: normal 18px 'Lucida Grande', 'Century Gothic', arial, 'Times New Roman', Serif;
	font-weight: bold;
	line-height: 34px;
	color: #800000;
	padding: 0px 0 0px 20px;
	margin: 20px 0 0 0;
}

#portfolio2 p {
	font: normal 11px/16px Tahoma, 'Lucida Grande', 'LucidaGrande', Lucida, Sans-Serif;
	color: #333;
	padding: 2px 0 8px 20px;
	margin: 0;
}

#portfolio2 ul {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/15px tahoma, "lucida grande", verdana, arial, sans-serif;
	margin: 0 0 0 40px;
	padding: 4px 0;
	color:#333;
}

#portfolio2 h2 {
	font: normal 16px tahoma, arial, 'Times New Roman', Serif;
	line-height: 18px;
	font-weight: bold;
	color: #800000;
	padding: 0px 0 0px 20px;
	margin: 20px 0 0 0;
}

#portfolio2 h3 {
	font: bold 12px/14px georgia, serif;
	color: #000;
	text-transform: uppercase;
	padding:10px 0 0px 20px;
	margin: 0;
}

#portfolio {
	float: left;
	width: 534px;
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0 0 0 20px;
}

#portfolio h1 {
	font: normal 18px 'Lucida Grande', 'Century Gothic', arial, 'Times New Roman', Serif;
	font-weight: bold;
	line-height: 34px;
	color: #800000;
	padding: 0px 0 0px 0;
	margin: 20px 0 0 0;
}

#portfolio p {
	font: normal 11px/16px Tahoma, 'Lucida Grande', 'LucidaGrande', Lucida, Sans-Serif;
	color: #333;
	padding: 2px 0 8px 0;
	margin: 0;
}

#portfolio ul {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/15px tahoma, "lucida grande", verdana, arial, sans-serif;
	margin: 0 0 0 20px;
	padding: 4px 0;
	color:#333;
}

#portfolio h3 {
	font: bold 12px/14px georgia, serif;
	color: #333;
	text-transform: uppercase;
	padding:10px 0 0px 0;
	margin: 0;
}
/* end */

/* the affiliates */
#aff {
	float: left;
	width: 310px;
	position: relative;
	top: 0;
	right: 0;
	padding: 0;
	margin: 10px 0 0 10px;
}

#aff p {
	font: normal 11px/16px Tahoma, 'Lucida Grande', 'LucidaGrande', Lucida, Sans-Serif;
	color: #333;
	padding: 2px 0 8px 0;
	margin: 0;
}

#aff ul {
	list-style-image: url("http://www.mru.org.my/images/bullet.gif");
	font: normal 11px/15px tahoma, "lucida grande", verdana, arial, sans-serif;
	margin: 0 0 0 20px;
	padding: 4px 0;
	color:#333;
}

#aff h3 {
	font: bold 12px/14px georgia, serif;
	color: #333;
	padding: 10px 0 0px 0;
	text-transform: uppercase;
	margin: 0;
}

#afflogo {
	float: right;
	width: 180px;
	position: relative;
	top: 5px;
	right: 0;
	padding: 5px;
	margin: 0;
}
/* end */