@charset "utf-8";
/* CSS Document */
/* RESET */
* { margin: 0; padding: 0; }
html { 
	overflow-y: scroll; /* Fix scroll jump */
	overflow: -moz-scrollbars-vertical; /* Fix firefox */
	}
/* END RESET */
/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; margin: 0; padding: 0; }
/* END TOOLBOX */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;;
	background: #f9fafc;
	line-height: 18px;
}
ul { list-style: none inside; }
p { font-size: 12px; line-height: 18px; margin-bottom: 18px;}
a { outline: none; border: 0;}
a img { border: 0; }

a:link {
	color: #2a6bb9;
}
a:visited {
	color: #2a6bb9;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #2a6bb9;
}

.smallBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#787878;
	}

.smallGreyText { 
	font-size: 11px; 
	line-height: 15px; 
	color: #868585;
	}
h1 { 
	font-size: 18px; 
	margin-bottom: 16px;
	line-height: 22px; 
	font-style:normal; 
	font-weight: bold;
	color: #2a6bb9;
	}
h1 a {
	text-decoration: none;
	color: #2a6bb9;
}
h1 a:hover {
	color: #2a6bb9;
	text-decoration: underline;
	}
h2 { 
	font-size: 16px; 
	margin-bottom: 14px;
	line-height: 20px; 
	font-style:normal; 
	font-weight: bold;
	color: #2a6bb9;
	}
h2 a {
	text-decoration: none;
	color: #2a6bb9;
}
h2 a:hover {
	color: #2a6bb9;
	text-decoration: underline;
	}
h3 { 
	font-size: 12px; 
	line-height: 18px; 
	margin-bottom: 16px; 
	color: #2a6bb9;
	}
h3 a {
	text-decoration: none;
	color: #2a6bb9;
}
h3 a:hover {
	color: #2a6bb9;
	text-decoration: underline;
	}
	
.thumbBorders {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 5px;
	}
	
.thumbBorders:hover {
	background: #FF6600;
	border: 1px solid #FF6600;
	}


/* STRUCTURE */
div#pageTop {
	background: url(../images/templates/header-background.gif) top left repeat-x #fff;
	padding: 0;
	margin: 0;
	}
	div#headerContainer {
		margin: 0 auto;
		width: 928px;
		height: 107px;
		padding: 0;
		overflow: hidden;
		}
			div#headerContainer h1 {
				width: 244px;
				height: 107px;
				overflow: hidden;
				text-indent: -9999px;
				float: left;
				background: url(../images/templates/header.gif) top right no-repeat;
				}
			div#logo {
				width: 244px;
				height: 107px;
				float: left;
				background: url(../images/templates/header.gif) top right no-repeat;
				}
			div#advertHorizontal{
				float: right;
				width: 675px;/*BANNER WIDTH*/
				height: 80px;/*BANNER HEIGHT*/
				padding: 14px 0 0 0;				
				}
				
div#pageMiddle  {
		background: #fff;
		padding: 0;
		margin: 0;
		}
		div#pageMiddleContainer {
			margin: 0 auto;
			width: 928px;
			padding: 0 0 12px 0;
			}
			div#leftPanel {
				width: 658px;
				margin: 0;
				padding: 0;
				min-height: 330px;
				float: left;
				background: #fff;
				}
				div#menuBar {
					margin: 0;
					padding: 0;
					width: 658px;
					height: 37px;
					background: #fff;
					}							
				div#content {
					margin: 0;
					padding: 16px 16px 12px;
					background: #fff;
					}	
			div#rightPanel {
				width: 260px;
				margin: 0;
				padding: 0 0 0 5px;
				min-height: 330px;
				float: right;
				background: #fff;
				}	
			
div#pageFooter {
	background: url(../images/templates/footer-background.gif) left top repeat-x scroll #f9fafc;
	min-height: 129px;
	}
	div#pageFooterContainer {
		margin: 0 auto;
		width: 898px;
		padding: 10px 15px 15px 15px;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 21px;
		color: #333333;
		}
		div#pageFooterContainer a {
			text-decoration: none;
			color: #666;
			}
		div#pageFooterContainer a:hover {
			text-decoration: underline;
			color: #000;
			}
		div#pageFooterContainer h3 {
			font: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #2763b2;
			margin: 0 0 12px 0;
			}
		div#pageFooterContainer ul {
			list-style: none;
			}
			div#pageFooterContainer ul li {
				list-style-position: outside; 
				}			
		div#pageFooterColumn1 {
		 width: 325px;
		 float: left;		 
		 display: block;
		 padding: 0 80px 0 0;
		 	}
		 	div#pageFooterColumn1Sub1{
				width: 70px;
		 		float: left;		 
				display: block;
				padding: 0 5px 0 0
		 		}
			div#pageFooterColumn1Sub2{
				width: 80px;
		 		float: left;		 
				display: block;
				padding: 0 5px 0 0
		 		}
			div#pageFooterColumn1Sub3{
				width: 150px;
		 		float: left;		 
				display: block;
				padding: 0 5px 0 0
		 		}
		 div#pageFooterColumn2 {
		 width: 130px;
		 float: left;		 
		 display: block;
		 padding: 0 15px 0 0;
		 }
		 div#pageFooterColumn3 {
		 width: 160px;
		 float: left;		 
		 display: block;
		 padding: 0 25px 0 0;
		 }
		 div#pageFooterColumn4 {
		 width: 160px;
		 float: left;		 
		 display: block;
		 }
	div#pageFooterContainerCopyright {
		margin: 0 auto;
		width: 898px;
		padding: 10px 15px 15px 15px;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #999999;
		}
				
			
/******************* NAVIGATION BAR *******************/

div#menuBar ul{
	margin: 0;
	padding: 0;
	list-style: none;					
	}
div#menuBar ul li {
	display: inline;
	margin: 0;
	padding: 0;						
	}
div#menuBar ul li a#home {
	float: left;
	width: 103px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/templates/menus/menu-home.gif) top left no-repeat;
	}
div#menuBar ul li a:hover#home {
	background-position: 0 -37px;
	}
div#menuBar ul li a#videos {
	float: left;
	width: 105px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/templates/menus/menu-videos.gif) top left no-repeat;
	}
div#menuBar ul li a:hover#videos {
	background-position: 0 -37px;
	}
div#menuBar ul li a#videos {
	float: left;
	width: 105px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/templates/menus/menu-videos.gif) top left no-repeat;
	}
div#menuBar ul li a:hover#videos {
	background-position: 0 -37px;
	}
div#menuBar ul li a#channels {
	float: left;
	width: 128px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/templates/menus/menu-channels.gif) top left no-repeat;
	}
div#menuBar ul li a:hover#channels {
	background-position: 0 -37px;
	}
div#menuBar ul li span#menuSpacer {
	float: left;
	width: 140px;
	height: 37px;
	background: #FFF url(../images/templates/menus/menu-bg.gif) top left repeat-x;					
	}
div#menuBar ul li a#upload {
	float: left;
	width: 182px;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/templates/menus/menu-uploada.gif) top left no-repeat;
	}
div#menuBar ul li a:hover#upload {
	background-position: 0 -37px;
	}

/* Forms */

.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #F7F7F7;
	height: auto;
	width: auto;
	margin: 8px 2px 2px 2px;
	border-top: 1px solid #999999;
	border-right: 1px solid #AAB3B3;
	border-bottom: 1px solid #D5DDDD;
	border-left: 1px solid #AAB3B3;
}