@charset "utf-8";
/* CSS Document */

html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body { margin: 0;  padding: 0; background: url(../images/bg2.jpg) repeat-x; }

.clear { clear: both; }

a { color: #4d75a6; text-decoration: none; font-weight:bold;}
a:hover { text-decoration: underline; font-weight:bold;}

h1 { font-size: 16px; color: #828e3b; padding: 10px; line-height: 20px; background: #e4e9c7; margin: 0; }
h2 { font-size: 16px; color: #4d75a6; padding: 0 0 0 0; }

#container { width: 900px; margin: 0 auto; }

#header { height: 240px; }
#header .logo a { width: 500px; height: 180px; background: url(../images/berjayalogo.png) no-repeat; margin-top: 20px; display: block; float: left; }
#header .tickets { width: 400px; height: 240px; background: url(../images/tickets.png) no-repeat bottom; float: right; }
#header .phrase { width: 480px; height: 20px; float: left; color: #FFF; margin-top: 20px; }

#nav { height: 80px; background: url(../images/tickets-part.png) right no-repeat; }
#nav ul { padding: 0; margin: 0; color: #FFF; font-size: 16px; font-weight: bold; }
#nav ul li { float: left; list-style: none; height: 58px; display: block; margin-left: 30px; }
#nav ul li a { color: #FFF; text-decoration: none; line-height: 58px; padding: 4px 5px; margin: 0 8px;/*14px*/ background: #828e3b; border-bottom: 1px solid #b2bf65; border-right: 1px solid #b2bf65; border-top: 1px solid #7b8733; border-left: 1px solid #7b8733; }
#nav ul li a:hover { background: #006699 url(../images/nav-ov.jpg) bottom repeat-x; display: block; padding: 0 14px;/*20px*/ margin: 0; border: 0; }
#nav ul li .current { background: #006699 url(../images/nav-ov.jpg) bottom repeat-x; display: block; padding: 0 16px;/*20px*/ margin: 0; border: 0; }

#left { width: 600px; float: left; }
#left .content { background: #FFF; padding: 20px;border:1px #4f74a8 solid; }
#left .more { float: right; background: url(../images/arrow.gif) no-repeat bottom left; padding-left: 14px; font-style: italic; }
#left .box { width: 250px; /*background: #FFF;*/ background:url(../images/box-bg.jpg) repeat-x 0 0; margin: 10px 0; padding: 20px; border:1px #4f74a8 solid;}
#left .box h2 { margin: 0 0 10px 0; }
#left ol li { margin-bottom: 10px; }
#left .graph { background: #bed1df; width: 100%; padding: 20px 0; text-align: center; margin: 20px 0; }

#right { float: right; width: 280px; }
#right .heading { height: 20px; background: #e4eac8; padding: 10px 10px; margin-bottom: 10px; font-weight: bold; color: #757755; border:1px #4f74a8 solid;}
#right .game { width:280px; height: 80px; /*background: #FFF;*/border:1px #4f74a8 solid; margin-bottom: 10px; }
#right .schedule { background: #FFF; padding: 10px 20px;border:1px #4f74a8 solid; }
#right .schedule table { border: #e4e9c7; }
#right .schedule td { background: #e4e9c7; }

#footer { /*background: #FFF;*/ padding: 10px 20px; text-align: center; margin-top: 20px; }

#left .box2{font-family:verdana,arial,sans-serif;font-weight:bold;}
#left .box2bg{background:url(../images/gallery_bg.gif) repeat-x;}
#left .box2 h2{color:#1D599F;}
#left .box2  a:hover{color:#1D599F;}
.gallery img{border:none;padding:margin:0}

.personal-details{padding-left:40px;}
dt{margin-bottom:10px;}
li dt{margin:10px 0;}