﻿html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {background: url(images/bodybg.png) #066a9b repeat-x 0px 0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; line-height: 1.5em; }

sup { font-size:8px; font-family:arial; vertical-align:middle; position:relative; top:-3px;}

a { color: #ff9900; text-decoration:none;}
a:hover { text-decoration:underline; }

strong { font-weight:bold; }
em { font-style:italic; }

p { text-align:justify; line-height:15px; margin-bottom:5px; font-size:11px;  }

/*------------------------------------------------
 structure
------------------------------------------------*/

#topbar { background: url(images/topbar.png) repeat-x 0px bottom; height:40px; }
#topbar table {width:1000px; }
#topbar marquee p{ line-height:30px;}

#bottomcorner { width:1008px; margin-bottom: 20px; margin: 0px auto; background: url(images/container_bg.png) #d25117 repeat-y 100% 0px; }

#bigcontainer { width:980px; padding:0 0 10px 20px; text-align: left; margin: 0px auto; border-left: #818181 8px solid; background: url(images/bottom_corner.png) no-repeat right bottom; }


#topmenu { line-height: 20px; text-transform:capitalize; height: 30px; font-weight: bold; margin-right: 8px; background: url(images/menubar_bg.png) repeat-x 0px 0px; }
#topmenu ul { padding-top: 5px; }
#topmenu ul li { padding-left: 4px; display: block; float: left; height: 26px; margin-right: 2px; background: url(images/topmenu_l.png) no-repeat 0px 0px; }
#topmenu a { padding-bottom: 7px; padding-left: 11px; padding-right: 15px; display: block; text-decoration: none; padding-top: 1px; background: url(images/topmenu_r.png) no-repeat 100% 0px; color: #777; }
#topmenu a#active_menu { color: #000; }
#topmenu a:hover { color: #000; }



#skipbutton { margin: 4px 2px 0 0; width: 30px; display: block; float: left; height: 26px; }
#skipbutton a {width: 30px; height: 26px; background: url(images/skip.png) no-repeat 0px 0px; }
#skipbutton a:hover { background: url(images/skip_hov.png) no-repeat 0px 0px; }


#container { width:972px; background: url(images/content_mid_noleft.png) repeat-y 0px 0px; }

#rightcol { float: right; overflow: hidden; padding-top: 10px; width:190px; font-family:Trebuchet MS;}

#rightcol h3 { line-height: normal; padding: 5px 6px 7px 10px; margin:0 -10px 5px 0; overflow: hidden; background: url(images/right_module_h3.png) #349dd0 no-repeat 0px 0px; color: #fff; font-family: arial, helvetica, sans-serif; letter-spacing: -1px; font-size: 20px; font-weight: normal; }



#rightcol .menu { padding-right: 10px; margin-bottom: 20px; }
#rightcol .menu li { border-bottom: #fff 1px solid; background: url(images/rightcol_menuitem.png) no-repeat 0px 0px; }
#rightcol .menu li li { border-bottom: medium none; border-left: medium none; margin-left: 15px; border-top: medium none; border-right: medium none; }

#rightcol .menu a { color: #000 !important; padding:0px 2px 0px 22px; margin: 2px 0px; display: block; height:17px; text-decoration: none; }
#rightcol .menu a:hover { background: url(images/rightcol_menuitem_hov.png) #349dd0 no-repeat 0px 0px; color: #000 !important; }
#rightcol .menu .active { background: url(images/rightcol_menu_active.png) no-repeat 0px 0px; }

#rightcol .homenews { padding-right: 10px; margin-bottom: 20px }
#rightcol .homenews ul { list-style-type: square; margin-left: 16px }

#content { width: 766px;  }
#header { position: relative; width: 766px; height: 180px; background: url(images/header.jpg) no-repeat 0px 0px;}
#header-right { position: absolute; text-indent: 0px; width: 258px; height: 180px; overflow: hidden; top: 0px; left: 508px; background: url(images/header_right.jpg) no-repeat 0px 0px; }


#history { background: #555; color: #fff; line-height: 14px; width: 758px; height: 24px !important; overflow: hidden; font-weight: bold;}
#history a{ font-weight: normal;}

#historypad { padding:4px 4px 4px 12px; }


#contentholder { overflow: hidden; padding: 20px 28px 20px 20px; font-family:Verdana; }

#contentholder .heading { background: #555; color: #fff; padding: 4px; margin-bottom: 10px; font-weight: bold; }
#contentholder .content h2 { color:#ff9900; font-size: 18px; font-family: arial, helvetica, sans-serif; letter-spacing: 0px; padding: 10px 0;  }
#contentholder .content ul { padding-bottom: 12px }
#contentholder .content ul li { list-style:disc; margin-left:15px; }
#contentholder .content ul li li { list-style:circle; }

#contentholder .flash { float:left; margin-right:20px; }


span.sep { margin:0; width: 100%; display: block; height: 1px; border-top: #555 1px dotted; clear:both; }

.clear {clear: both; }

.grey { background:#6f6f6f; color:#fff; }

#content_bot { width: 766px; height: 28px; background: url(images/content_bot_noleft.png) no-repeat 0px 0px;}

.music { width:0px; height:0px; position:absolute; top:-10px; z-index:-1; }

#footer { text-align: center; width: 100%; background: #066a9b; }
#footer span.liteweb { display:none; }

/* News */

div.news { margin-top:0px; }
div.news div { float:left; margin:10px 0; width:100%;}
div.news h3 { margin-bottom:10px; }
div.news img { float:left; margin-right:15px; }
div.news hr { clear:both; }
div.news a.read-more{ font-size:10px; float:right; }
div.news li { list-style-position:inside; }

div.news .news-image-list {float:left; margin:0 15px 10px 0; width:280px; height:200px;  }
div.news .news-image-list img { position:absolute; }


/* Albums List */

div.albums-list a img {float:left;padding:4px; border:1px solid #c1c1c1; }
div.albums-list p {height:100px;}
div.albums-list div { text-align:center; float:left; margin:12px; background:red; }

.albums{ width:600px; float:left;height:500px;margin-left:50px;}
.albums ul li { text-align:center; margin: 10px 0 0 10px !important; padding:4px; float:left; vertical-align:middle; list-style:none !important;}
.albums ul li a img { padding:4px; border:1px solid #c1c1c1;}


.pager { margin:15px 0 20px 0; }
.pager a { font-weight: bold; margin:10px 0; padding: 2px 5px; }
.pager a.paging-current { color:Red; text-decoration:none; cursor:default; }
