/* CSS Document */
* {margin:0px auto;	padding:0px;}
body {
	width:800px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	font-weight:normal;
	color:#FFF;
	background:#2b566e;
}

a {color:#C4A962; text-decoration:none;}
a:hover {color:#FFF; text-decoration:underline;}
a:focus {outline:none;}

.fleft {float:left;}
.fright {float:right;}
img{border:0px none;}
	
.imgleft {float:left; padding:0px; margin:0px 10px 10px 0px; border:8px solid #c2a962; display:block;}
.imgright {float:right; padding:0px; margin:0px 0px 10px 10px; border:8px solid #c2a962; display:block;}
.imgborder {border:8px solid #c2a962;}
.imgborder:hover{border-color:#968d5d;}
.imgright:hover {border-color:#968d5d; padding:0px; margin:0px 0px 10px 10px;}
.imgleft:hover {border-color:#968d5d; padding:0px; margin:0px 10px 10px 0px;}

.padding-lr {padding:0px 10px;}
.padding-tlr {padding:5px 10px 0px;}
.padding-tb {padding:5px 0px}
.padding {padding:5px 10px;}

p {padding:0 0 5px 0;}

hr {border:1px solid #C1A961; margin:5px 0px;}
.hr {border-top:1px solid #C1A961; margin:5px 0px; clear:both;}

ul {margin:0px; padding:0px; padding-left:25px;}
ul.list li {line-height:22px;}

/* Header Text */
h1, h2, h3, h4, h5, h6 {margin:0px 0px 4px 0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:25px; font-weight:bold; color:#78a8c4; background: url(../images/title-bg.jpg) top left no-repeat; width:198px; height:53px; padding:2px 5px; text-shadow: 0px 2px 1px #000; line-height:45px; padding-left:50px;}
h1.up {position:absolute; margin-top:-70px; width:248px;}
h2 {font-size:18px; font-weight:normal; color:#78a8c4; height:27px;}
h3 {font-size:16px; font-weight:bold; color:#78a8c4; }
h4 {color:#C3AB65;font-size:16px;  border-bottom:1px solid #C3AB65;}
h5 {font-size:14px; color:#C3AB65;}
h6 {font-size:12px; color:#FFF;}

.textbule {color:#78a8c4;}

/*:: main Header */
#main-header {margin:0px auto; padding:0px; width:auto; height:97px; background:#3e688b url(../images/header-bg.jpg) left top repeat-x;}
#main-header .logo {position:absolute; margin-left:40px;}
#main-header .badge {position:absolute; margin-left:660px; margin-top:25px; z-index:90; width:125px; height:226px;}
#main-header div {font-size:14px; font-weight:bold; text-align:center; padding-top:30px; line-height:20px;}

#main-menu {margin:0px auto; padding:0px; color:#000; width:auto; height:34px; text-align:left; padding-left:15px; background:url(../images/menu-bg.jpg) top left repeat-x;}
#main-menu a {margin:0px auto; padding:0px 10px; margin-top:12px; display:inline-block; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none; text-shadow: 0px 2px 1px #000;} 
#main-menu a:hover, #main-menu a:focus {color:#000; text-shadow: 0px 2px 1px #CCC;}

#main-container {background-color:#224559; width:800px; position:relative;}
#main-container .body-bg {background: url(../images/body-bg.png) left top repeat-x; width:100%; height:20px; position:absolute; left:0px; z-index:89; width:800px;}
	.index-left {margin:0px; padding:20px 0px 0px 10px;; width:285px; height:380px; float:left; background: #224559 url(../images/textbg2.jpg) 130px 220px no-repeat;}
	.index-right{margin:0px; padding:0px; width:500px; height:380px; float:right; background-color:#224559}
	
	.main-home {padding:10px 20px; width:auto; display:block; background:#14394f url(../images/home-bg.jpg) left top repeat-y; position:relative;}
	
.main-contect {padding:20px 15px; width:770px; }
	.page-left {margin:0px; padding:0px 0px 0px 10px; background:#faecc3; width:790px; color:#3c3114;}
	.right-img {margin:0px; padding:0px; float:right; display:inline-block; padding-left:10px;}

ul.listing {margin:0px; padding:0px; list-style:none;}
	ul.listing li img {border:8px solid #c2a962; cursor:url(../images/click.cur), pointer !important;}
	ul.listing li img:hover {border-color:#968d5d;}
	ul.listing li.li-left {display:block; width:80px; float:left; margin:0px;}
	ul.listing li {padding:10px; margin-left:100px; position:relative;}
	
.main-listing {background-color:#436172; margin-top:5px; padding:10px; display:inline-block;}
	.main-listing:hover {background-color:#597483;}
	.main-listing .list-left {display:block; width:80px; float:left;} 
	.main-listing .list-left img {border:8px solid #c2a962; cursor:url(../images/click.cur), pointer !important;}
	.main-listing .list-left img:hover {border-color:#968d5d; }
	.main-listing .list-right {display:block; margin-left:100px;} 

.event-name {padding:5px 10px; color:#78A8C4; text-align:right; border-right:3px solid #C1A961; font-weight:bold;}

#toTop { width:100px; text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#C2A760; font-weight:bold; text-decoration:none; text-shadow: 0px 2px 1px #000;}
#toTop:hover {color:#FFF}

/*:: Footer Start*/
#main-footer {margin:0px auto; padding:8px; width:auto;  background-color:#224559; border-top:5px solid #bfa459;}
#main-footer .copyright{color:#CCC; font-size:95%;}


/*:: Slider*/
.anythingSlider { width: 500px; height: 400px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper { width: 500px; overflow: hidden; height: 400px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; padding:0px; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 400px; width: 500px; margin: 0; }
.anythingSlider .arrow { display: block; height: 25px; width: 15px; text-indent: -9999px; position: absolute; top: 175px; cursor: pointer; }
.anythingSlider .forward { right: 10px; background:url(../images/scroll-right.gif) left top no-repeat; z-index:89}
.anythingSlider .back { left: 10px; background:url(../images/scroll-left.gif) left top no-repeat; z-index:89}
.anythingSlider .forward:hover, .anythingSlider .back:hover { background-position: bottom; }

#thumbNav { position: relative; top: 370px; text-align: center; }
#thumbNav a { color: #FFF; display: inline-block; padding: 2px 8px; line-height:23px; margin: 0 5px 0 0; text-align: center; background:url(../images/cut.png) center no-repeat; font-weight:bold; width:7px; height:19px;}
#thumbNav a:hover { }
#thumbNav a.cur { background: url(../images/cut1.png) center no-repeat; width:7px; height:19px;}

#start-stop {color: green; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 10px; top: 375px; font-weight:bold; display:none}
#start-stop.playing { color:#F00;}
#start-stop:hover {}


/*:: 12 nov 09*/
.event-title {border:1px solid #275772;}
.event-title th {color:#78A8C4; border-left:3px solid #C1A961; padding:1px 3px; background-color:#275772;}
.event-title td {color:#78A8C4; padding:3px; background-color:#254c62;}
.event-text td, .event-text {border:1px solid #275772; padding:3px;}
