/* hide from ie5 mac \*/
html { height:100%;}
#container {
	height:100%;
	text-align:center;
}
/* end hide */
body {
	color:#000;
	height:100%;
min-width:800px;
	margin:0px;
	padding:0;
	text-align:center;
	font:75% Arial, Helvetica, sans-serif;
	background:#FFF url(images/bodybg.png) repeat-x left 40px;	
}
/* for understanding browsers */
#main {
	min-height:100%;
	height:auto;
	width:100%;
	position:relative;
	overflow:auto;
	margin:0px auto;
	padding:0px;
	background: url(images/navbg.gif) repeat-y left top;
	border:0px solid #000;
}
/* for Internet Explorer */
/*\*/
* html #main {
	height:100%;
	overflow:visible;
}
/**/
#header{
	}
#banner{
	background:#ff0; height:102px; background:url(images/office-tube-banner.png) no-repeat right top;}
#banner h1{
	margin:0;
	text-indent:-9999px;
	border:0;
}

/*--STYLES FOR TOP NAV--*/
#topnav{
	background:url(images/nav-bg.png) repeat-x left top;
	height:17px;
	color:#FFF;
	padding:5px 16px ;
	text-align:left;
	border-top:13px solid #3a4c62;}
#topnav ul{float:right;
	list-style-type:none;
	margin:0;
	padding:0;}
#topnav ul li{
	display:inline;
	padding:0 .5em;
	border-right:1px solid #000;}
#topnav ul li.last{
	border-right:0;}
#topnav a{
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	text-decoration:none;}
#topnav a:hover {
	color:#3a4c60;}
/*--STYLES FOR CONTROL PANEL--*/
#signinnav{
	height:57px;
	
	background: url(images/signin-bg.png) no-repeat right top;
	border-bottom:13px solid #ff9600;
}
#signinnav ul{
	float:right;
	list-style-type:none;
	text-align:left;
	margin:.85em 0;
	padding-right:3.5em;}
#signinnav ul li{display:inline;
	padding:0 .5em;
	border-right:1px solid #3a4c60;}
	#signinnav ul li.last{border:0;}
#signinnav a{
	background:url(images/control-panel.gif) no-repeat right top;
	color:#3a4c60;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#signinnav a:hover{
	color:#ff9600;
	background:url(images/control-panel-hover.png) no-repeat right top;
}
/*--STYLES FOR LEFT NAV--*/
#left {
	width:200px;
	float:left;
	margin:.5em 0 0 5px;
}
.navbox {
	width:171px;
	padding:0 10px 10px 10px;
	background:#3a4c60 url(images/nav-title-bg.png) no-repeat left top;
	margin-bottom:1em;
	border-bottom:1px solid #b36c4f;
}
.navboxheading{ 
	height:45px;
	display:block;
	text-align:center;
	padding-top:.2em;
	
	}
.navboxheading h3{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#FFF;
	border:0;
	padding:.2em .2em .2em .2em;
	margin-top:.5em;
	text-transform: uppercase;
}
.navboxcontent{

	width:151px;
	padding:0 10px;
	background:#3a4c60;
	margin:0}
	
.navbox ul{
text-align:left;
	margin:0;
	padding:0 .5em;
	list-style-type:none;}
.navbox ul li{
	padding:.3em 0;
}
.navbox a{
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	display:block;
}
.navbox a:hover{
color:#ff9600;}

/*--STYLES FOR MAIN CONTENT--*/
#maincontent{
	width:70%;
	margin:.5em 0;
	padding:0 10px;
	text-align:left;
	float:left;}
	
h1, h2, h3{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#3a4c60;
	border-bottom:2px solid #3a4c60;
	margin:0;
}
h2 {font-size:1.5em;}
h3 {font-size:1.1em;}
/*--STYLES FOR FOOTER--*/
#footer{
	width:100%;
	margin:0 auto;
	
	clear:both;
	color:#fff;
	border:0px solid #000;
	border-top:0;
	}
#footernav{
	background:url(images/nav-bg.png) repeat-x left top;
	text-align:right;
	height:17px;
	
	padding:5px 10px;}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	}
#footer ul li{
	display:inline;
	padding:0 .5em;
	border-right:1px solid #000;}
#footer ul li.last{
	border-right:0;}
#footer a{
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	text-decoration:none;}
#footer a:hover {
	color:#3a4c60;}
	
#footer span{
	font-size:.85em;
	padding:.5em 1em;
	background:#000; display:block;
	text-align:left;}
#footer span a{color:#FFF;}