/* 
-----------------------------------------------------------------------------
Null Browser Defaults
-----------------------------------------------------------------------------*/
* { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
iframe {
	border: 0;
}

/* 
-----------------------------------------------------------------------------
Global Default Elements
-----------------------------------------------------------------------------*/
body {
	text-align: center;
	padding: 0px;
	margin: 0px auto;
	background-color: #000;
	line-height: 1.4;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
a {
	color: #FFCC00;
	cursor: pointer;
	text-decoration: underline;
}
a:focus {
	-moz-outline: 0;
	outline: 0;
	outline-offset: 0;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
} 
h1,h2,h3 {
	color: #FFCC00;
	letter-spacing: -1px;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
p {
	margin: 0 0 18px 0;
}
small {
	font-size: 9px;
	line-height: 1.2;
}
strong {
	font-weight: bold;
}
hr {
	border: none;
	border-bottom: #563d5b solid 1px;
}

/* 
-----------------------------------------------------------------------------
LAYOUT: Global (cascading order)
-----------------------------------------------------------------------------*/
#background {
	position: relative;
	margin: 0px auto;
	width: 820px;
	background-image: url(../images/backgrounds/glow.png);
	background-repeat: repeat-y;
	background-position: center;
}
#container {
	position: relative;
	margin: 0px 10px;
	left: 1px;
	margin: 0px auto;
	width: 800px;
	text-align: left;
}
#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 800px;
}
#page {
	position: relative;
	padding: 0px 20px;
	padding-bottom: 30px;
	width: 760px;
	text-align: left;
}
#footer {
	position: relative;
	background-image: url(../images/backgrounds/footer.png);
	background-repeat: repeat-x;
	height: 100px;
	width: 780px;
	padding: 0px 10px;
}
/* 
-----------------------------------------------------------------------------
HEADER CSS
-----------------------------------------------------------------------------*/
#top-bar {
	background-image: url(../images/backgrounds/top-bar.png);
	background-repeat: repeat-x;
	height: 80px;
}
#top-bar img {
	margin: 10px 0px 0px 11px;
}
#banner {
	margin: 0px;
	padding: 0px;
	width: 800px;
	background-color: #CCC;
}
.player {
	margin: 0px;
	padding: 0px;
	width: 800px;
}
#menu {
	background-image: url(../images/backgrounds/menu.png);
	background-repeat: repeat-x;
	padding: 10px 10px 20px 10px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
#menu li {
	display: inline;
}
#menu a {
	color: #FFF;
	text-decoration: none;
	padding: 0px 15px;
}
#menu a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
#home .home a, #current-affairs .current-affairs a, #entertainment .entertainment a, #food .food a, #music .music a, #sport .sport a, #students .students a {
	color: #FFCC00;
}
/* 
-----------------------------------------------------------------------------
FOOTER CSS
-----------------------------------------------------------------------------*/
#brightsite {
	text-align: center;
	padding-top: 30px;
	color: #666;
	font-size: 11px;
}
#brightsite a {
	color: #81711B;
}
#footer a:hover {
	text-decoration: none;
}
#copyright {
	text-align: left;
	padding-top: 10px;
}
#footer-menu {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	width: 500px
}
#footer-menu li {
	display: inline;
}
#footer-menu a {
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
}
#footer-menu a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
/* 
-----------------------------------------------------------------------------
Preview CSS
-----------------------------------------------------------------------------*/
.section {
	position: relative;
	margin-top: 20px;
}
.preview {
	position: relative;
	width: 370px;
	height: 102px;
	font-size: 11px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.preview img {
	border: 1px solid #222;
	float: left;
	margin-right: 5px;
}
.preview a:hover img {
	border-color: #FFCC00;
}
.preview h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.preview a h1 {
	text-decoration: none;
}
.preview a:hover h1 {
	color: #666;
}
.preview p {
	padding: 0;
	margin: 0;
	color: #CCC;
}
.time {
	position: absolute;
	bottom: 0px;
	left: 187px;
	font-weight: normal;
	color: #666;
}	
/* 
-----------------------------------------------------------------------------
Video Page CSS
-----------------------------------------------------------------------------*/
.music {
	color: #666;
}
#related {
	position: relative;
	width: 760px;
	left: -20px;
	background-image: url(../images/backgrounds/footer.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px 20px 0px 20px;
}
#related h2 {
	margin-bottom: 10px;
}
#related img {
	border: 1px solid #222;
	margin-right: 5px;
}
#related a:hover img {
	border-color: #FFCC00;
}
#related p {
	text-align: right;
	padding-right: 10px;
}
#related p a {
	color: #666;
	text-decoration: none;
}
#related p a:hover {
	text-decoration: underline;
}
/* 
-----------------------------------------------------------------------------
Contact CSS
-----------------------------------------------------------------------------*/
.input {
	border: 1px solid #999;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
}
.label {
	color: #666;
    padding-right: 3px;
	padding-top: 2px;
	text-align: right;
}
.button {
    margin: 2px;
    text-align: center;
    cursor: pointer;
}
/* 
-----------------------------------------------------------------------------
Sitemap CSS
-----------------------------------------------------------------------------*/
.sitemap li {
	list-style: circle;
	margin-left: 30px;
}
.sitemap li a:hover {
	text-decoration: none;
}