/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.



Version: 1.1, November 28, 2005 */



/**************** Page and tag styles ****************/



body

{margin:0; padding:0; color:#000000; background:#D4261D url(http://www.epoch.com.my/media/sysimg/bg_body.jpg) top left repeat; font:76% Verdana,Tahoma,sans-serif;}


ul

{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}



li

{margin:0 0 8px 25px;}



a

{color:#d85d5d; font-weight:bold; text-decoration:none;}



a:hover

{color:#DA2420; text-decoration:underline;}



img

{ margin:0px 0px 0px 0px; padding:0px; border:0px;}



a img

{border-color:#d85d5d;}



a img:hover

{background:#d85d5d; border-color:#d85d5d;}

.wht10

{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;}

.wht12

{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;}


/**************** Website logo, banner styles ****************/
#logo

{position:static; top:0; left:0; width:220px; height:195px; overflow:auto; background:#FFFFFF url(http://www.epoch.com.my/media/sysimg/logo_ep.jpg) top right no-repeat; text-align:right; border-right: solid #000000 2px;}

#shdw_left

{margin:0; padding:0; background:#D4261D url(http://www.epoch.com.my/media/sysimg/shadow_left.jpg) top right repeat-y;}

#shdw_right

{margin:0; padding:0; background:#D4261D url(http://www.epoch.com.my/media/sysimg/shadow_right.jpg) top left repeat-y;}


/**************** Sidebar area styles ****************/



#sidebar

{position:static; top:0; left:0; width:220px; height:100%; background:#FFFFFF url(http://www.epoch.com.my/media/sysimg/sidebarbg_br.gif) top right repeat-y; text-align:right;}


body > #sidebar

{position:fixed;}


#sidebar h1

{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}



#sidebar h1.left

{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:left;}



#sidebar h2, #sidebar h3

{margin:0 20px 5px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:left;}



#sidebar h4

{margin:20px 18px 4px 5px; color:#000000;}



#sidebar  p

{margin:0 20px 18px 5px; color:#000000; font-size:0.8em; text-align:left;}



#sidebar a

{color:#808080}



/**************** Navigation menu styles ****************/



#menu a

{display:block; width:202px; height:15px; padding:5px 18px 5px 0; color:#FFFFFF; background:#DD211F url(http://www.epoch.com.my/media/sysimg/sidebarbg.gif) center left repeat-x; font-size:12px; letter-spacing:0px; font-weight:normal; text-decoration:none; border-bottom:1px solid #000000;}


#menu a:hover 

{color:#FFFFFF; background:#000000 url(http://www.epoch.com.my/media/sysimg/sidebarbghover.gif) center left repeat-x;}


#menu a.menu-current

{padding:5px 18px 5px 0; background:#000000 url(http://www.epoch.com.my/media/sysimg/sidebarbghover.gif) center left repeat-x; border-top:2px solid #000000; border-bottom:2px solid #000000;}


#menu a.menu-current:hover

{color:#DA2420; background:#000000 url(http://www.epoch.com.my/media/sysimg/sidebarbghover.gif) center left repeat-x;}

#sharelinks

{background:#FFFFFF;}

#footer

{background:#000000; color:#736F6E}

/**************** Content area styles ****************/

#bg_content

{background:#FFFFFF url(http://www.epoch.com.my/media/sysimg/bg_content.jpg) top left repeat-y;}

#bg_menu

{background:#ffffff url(http://www.epoch.com.my/media/sysimg/bg_menu.gif) top left repeat-x;}

.tribox
{
border:solid #c3c3c3 1px;
background-image:url(http://www.epoch.com.my/media/sysimg/littleboxbg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
margin:0;
padding:0;
}

#content

{width:620px; margin:0 0 0 240px; padding:20px 0; background:#FFFFFF;}



#content p

{margin:0 0 20px 0; line-height:1.5em;}



#content h1

{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}



#content h2

{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}



#content h3

{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}


#mainbanner a:link, #mainbanner a:visited, #mainbanner a:active {
	border-style: solid;
	border-width: thin;
	border-color: #959595;
}

#mainbanner a:hover {
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
}