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

/************************************************************************
*   
*   G L O B A L  C S S
*   
*   Author:  Level 91
*   Date:    23 December 2009
*   Web:     http://www.level91.com.au
*   Email:   design@level91.com.au
*   Version: 1.0
* 
*************************************************************************/

/*-----------------------------------------------------------------------
@import
------------------------------------------------------------------------*/

@import url(reset.css);

/*-----------------------------------------------------------------------
Control Panel
------------------------------------------------------------------------*/

.clear{
	clear:both;
}

/*-----------------------------------------------------------------------
Fonts
------------------------------------------------------------------------*/

a{
	color:#f36d00;
	text-decoration:none;
}

a:hover{
	color:#f36d00;
	text-decoration:underline;
}

h2{
	color:#404040;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
}

p{
	padding-bottom:18px;
}

/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/

body, html{
	background-color:#ffffff;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-position:top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	line-height:20px;
}

#header-frame{
	width:100%;
	height:102px;
	background-color:#dadfe1;
	margin:0 auto;
}

.header{
	width:948px;
	height:90px;
	margin:0 auto;
	padding:6px;
	background-color:#eff4f6;
}

.logo{
	width:125px;
	height:90px;
	position:relative;
	float:left;
	margin-left:22px;
}

.banner-top{
	width:728px;
	height:90px;
	position:relative;
	float:right;
}

.banner-content-wrap{
	width:770px;
	height:90px;
	position:relative;
	float:left;
	margin-top:15px;
}

.banner-advert{
	width:42px;
	height:90px;
	position:relative;
	float:left;
	background-image:url(../images/advertisment.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.banner-content{
	width:728px;
	height:90px;
	position:relative;
	float:left;
}

.content-text{
	width:770px;
	position:relative;
	float:left;
	margin-top:15px;
	padding-bottom:40px;
}

#navigation-frame{
	width:100%;
	height:40px;
	background-color:#aab5ba;
	margin:0 auto;
}

.navigation{
	width:960px;
	height:28px;
	margin:0 auto;
	padding-top:12px;
}

#content-frame{
	width:100%;
	height:auto;
	margin:0 auto;
}

.content {
	width:960px;
	margin:0 auto;
	padding-top:22px;
	background-color:#ffffff;
}
.content-video {
	background-image:url(../images/background-content.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

.content-lhs{
	width:170px;
	position:relative;
	float:left;
	background-color:#dadfe1;
}

.content-subpage{
	width:960px;
	height:auto;
	position:relative;
	float:left;
	padding-left:20px;
	background-color:#ffffff;
}

.content-whole{
	width:770px;
	height:auto;
	position:relative;
	float:left;
	padding-left:20px;
	background-color:#ffffff;
}

.content-main{
	width:580px;
	height:auto;
	position:relative;
	float:left;
	margin:0px 20px 0px 0px;
	background-color:#ffffff;
}

.video{
	width:580px;
	height:435px;
	position:relative;
	float:left;
	background-color:#dadfe1;
}

.content-rhs{
	width:170px;
	height:460px;	
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	float:left;
	background-color:#f2f7f9;
}

#footer{
	width:100%;
	height:14px;
	background-color:#aab5ba;
	margin:0 auto;
}

.menu {
	float: right;
}
.menu li{
	float:left;
	padding:0px 12px 0px 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f2f7f9;
	font-weight:bold;
	line-height:normal;
}

.menu li a{
	color:#f2f7f9;
}

.menu li a:hover{
	color:#2f444e;
}

.category li{
	width:158px;
	height:22px;
	background-color:#eff4f6;
	margin-bottom:1px;
	color:#6f7d84;
	line-height:normal;
	padding-top:8px;
	padding-left:12px;
}

.category li.active{
	background-color:#ffffff;
	font-weight:bold;
}

.category li a{
	color:#6f7d84;
}

.category li a:hover{
	color:#101010;
}

.channel li{
	width:158px;
	height:22px;
	background-color:#dadfe1;
	margin-bottom:1px;
	color:#6f7d84;
	line-height:normal;
	padding-top:8px;
	padding-left:12px;
}

.channel li.active{
	background-color:#ffffff;
	font-weight:bold;
}

.channel li a{
	color:#6f7d84;
}

.channel li a:hover{
	color:#101010;
}

.header-category,
.header-channel{
	background-color:#aab5ba;
	height:24px;
	width:146px;
	padding:6px 12px 0px 12px;
	margin-bottom:8px;
	font-weight:bold;
	color:#f2f7f9;
}

.channel-more{
	background-color:#f36d00;
	height:24px;
	width:146px;
	padding:6px 12px 0px 12px;
	font-weight:bold;
	position:absolute;
	bottom:0px;
}

.channel-more a{
	color:#ffffff;
}

.channel-more a:hover{
	color:#000000;
}



/*-----------------------------------------------------------------------
Navigation
------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
Forms
------------------------------------------------------------------------*/