@charset "utf-8";

/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../images/topBackground.gif) repeat-x #cdcdcd;
	padding: 18px 0 0 0;
	margin: 0px;
	font-size: 12px;
	font-family: Verdana, Geneva, "sans-serif";
}

img { border: 0; }

#secondaryBody { background-color: #c4d7e1; }

#contentMaxWidth { width: 990px; }

#backLeveler { background: url(../images/bottomLevelHomepage.png) bottom left no-repeat; height: 510px; }

#contentMaxWidthSub {
	width: 990px;
	background:url(../images/fadeBg.gif) no-repeat;
	background-position: 0px 136px;	
}

#logoHolder {
	float: left;
	text-align:left;
}

#headMenuHolder {
	float:right;
	height: 61px;
}

#clearAll { clear:both; }

#videoContainer {
	width: 190px;
	float:left;
}

#videoContainerSecondary {
	width: 300px;
	float:left;
}

#videoPlayerHome {
	width: 800px;
	float:left;
	text-align:left;
	height: 520px; 
	background:url(../images/clearPixel.gif) bottom left no-repeat;
}

#videoPlayerSecondary {
	width: 640px;
	float:left;
	text-align:left;
	padding: 0px;
	position:relative;
	left: 28px;
	_padding:0 0 0 10 px;
	_left:10px;
	}

#backContainter { background:url(../images/topBackground.gif) repeat-x #c4d6e1; }

#contentSArea { background:url(../images/videoSTileBackground.gif) center top no-repeat; *width: 100%; }

#contentArea { background:url(../images/videoTileBackground.gif) center top no-repeat; *width: 100%; }

#videoContent {
	width: 620px;
	text-align:left;
}

#greenscreenHolder {
	width: 780px;
	overflow:hidden;
	height:550px;
}

#videoContainerMain { position:relative; }

#contentPanelSwitch {
	position: absolute;
	top: 360px;
	display:none;
}

#footer {
	background:url(../images/bottomCover.gif) top repeat-x;
	display:block;
	margin:10px 0 0 0;
}

#footerContentContainer { width: 940px; }

#toutContainer {
	width: 300px;
	float:left;
	padding: 0 10px 0 0;
}

#resourcesRightColumn {
	position: absolute;
	top: 0px;
	left: 330px;
}

#resourcesLeftColumn { float:left; }

/* HEADER MENU */
#headMenu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#headMenu li {
	display:block;
	float:left;
	padding: 0 20px 0 0;
}

/* HOME MENU */

#hTop {
	background:url(../images/hTopRound.gif) top no-repeat;
	width: 180px;
	height: 9px;
	overflow:hidden;
	display: block;
	padding: 0px; margin: 0px;
}

#hMenu {
	background: #e6edf4;
	width: 180px;
	overflow:hidden;
	text-align: center;
}

#hBottom {
	background:url(../images/hBottomRound.png) top no-repeat;
	width: 180px;
	height: 9px;
	display: block;
}

/* SECONDARY MENU */
#sTop {
	background:url(../images/sTopRound.png) top no-repeat;
	width: 318px;
	height: 9px;
	display: block;
}

#sMenu {
	background: #e6edf4;
	width: 318px;
	overflow:hidden;
	text-align: center;
	position:relative;
}

#sBottom {
	background:url(../images/sBottomRound.gif) top no-repeat;
	width: 318px;
	height: 9px;
	display: block;
}

/* MAIN MENU */

ul {
	padding: 5px;
	margin: 0px 0;
	list-style: none;
	float: left;
	clear: left;
}

ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 2px;
}

ul li div {
	height: 30px;
	line-height: 30px;
	width: auto;
	text-decoration: none;
	float:left;
	cursor: pointer;
	background: transparent url( ../images/mButton.gif ) no-repeat top right;
}

ul li div span {
	height: 30px;
	line-height: 30px;
	width: auto;
	margin: 0px 10px 0 -0px;
	padding: 0px 8px 0px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: transparent url( ../images/mButton.gif ) no-repeat top left;
}

ul.mainMenuItems li div:hover {
	color: #fff;
	background: transparent url( ../images/mButton.gif ) no-repeat bottom right;
}

ul.mainMenuItems li div:hover span { background: transparent url( ../images/mButton.gif ) no-repeat bottom left; }

ul.mainMenuItems li div.current {
	background: transparent url( ../images/mButton.gif ) no-repeat bottom right;
	color: #fff;
}

ul.mainMenuItems li div.current span { background: transparent url( ../images/mButton.gif ) no-repeat bottom left; }

#mainNavigation {
	width: 990px;
	text-align:left;
}

/* HOME VIDEO THUMBNAIL */

#videoThumbHolder {
	width: 160px;
	background-color: #f5f5f5;
}

#videoHolder {
	width: 144px;
	height:96px;
	overflow:hidden;
	display:block;
	margin: 0 0 2px 0;
	padding: 0px;
}

#toutBody {
	width: 268px;
	padding: 0 0 0 16px;
	display:block;
	height: 104px;
	text-align:left;
}

.lineDiver { padding: 6px 0 6px 0; }

.toutButton { padding: 0px 16px 0 0; }

/* SECONDARY VIDEO THUMBNAIL */

#videoSThumbHolder {
	width: 300px;
	background-color: #f5f5f5;
	height: 424px;
	overflow:auto;
}

#videoSHolder {
	width: 144px;
	height:96px;
	overflow:hidden;
	display:block;
	margin: 0 0 2px 0;
	padding: 0px;
}

#videoHomeContent {
	background-color:#FFF;
	width: 640px;
	display:block;
	overflow:hidden;
	height: 90px;
}

#videoSContent {
	background-color:#FFF;
	width: 640px;
	display:block;
	height:182px;
	overflow:auto;
*height:192px;
	padding:5px 0 0 0;
}

#categoryDescription {
	color: #565656;
	font-size: 14px;
	padding: 0 50px 10px 10px;
}

#categoryTitle { padding: 0 0 0 10px; }

.videoThumbTable td { padding: 2px 0px 2px 8px; }

/* RESOURCE AREA */
#topResourceTitle {
	width:300px;
	text-align:left;
}

#resourceTitle { width:300px; }

#videoSTResourcesHolder {
	width: 300px;
	background-color: #f5f5f5;
	height: 174px;
	overflow:auto;
	text-align:left;
}

.resourceLink {
	color: #565656;
	font-size: 12px;
}

a.resourceLink, a.resourceLink:visited { text-decoration:none; }
a.resourceLink:hover, a.resourceLink:visited:hover { text-decoration: underline; }

.imgPadding { padding: 0px 6px 4px 20px; }

/* TOUT AREA */
#toutContent {
	background:url(../images/middleTout.gif) repeat-y top;
	width: 300px;
	display:block;
	height: 134px;
}

/* RESOURCE AREA */
#resourcePanel {
	position: absolute;
	color: #FFF;
	visibility:hidden;
}

#contactInfo { padding: 12px; }

#resourceList { padding: 12px; }

.vRLImage { padding: 0px 3px 4px 0px; }

/* FONT DEFINITIONS */

.footerContent {
	color: #999;
	font-size: 9px;
	text-align:left;
	width: 930px;
}

.txtGreySmall {
	color: #565656;
	font-size: 10px;
	text-align:left;
}

.txtGrey {
	color: #565656;
	font-size: 11px;
	text-align:left;
}

a.txtGrey, a.txtGrey:hover, a.txtGrey:visited:hover, a.txtGrey:visited { text-decoration:none; }

.txtMediumGrey {
	color: #565656;
	font-size: 12px;
	text-align:left;
}

a.txtMediumGrey, a.txtMediumGrey:hover, a.txtMediumGrey:visited:hover, a.txtMediumGrey:visited {
	text-decoration:none;
	font-weight:bold;
}

.txtWhite {
	color: #FFFFFF;
	font-size: 12px;
	text-align:left;
}

a.txtWhite, a.txtWhite:visited { text-decoration:none; }

a.txtWhite:hover, a.txtWhite:visited:hover { text-decoration: underline; }

.txtBlue {
	color: #344f80;
	font-size: 11px;
}

a.txtBlue, a.txtBlue:hover, a.txtBlue:visited:hover, a.txtBlue:visited { text-decoration:none; }

.txtOrange {
	color: #f58026;
	font-size: 11px;
}

/* SIFR */
.titleGrey {
	letter-spacing: 1.5em;
	font-size: 16px;
}

.titleGreyCenter {
	letter-spacing: 1.31em;
	text-align:center;
	font-size: 16px;
}

.titleLargeGrey { letter-spacing: 1.5em; }

.titleBlue { letter-spacing: 1.5em; }

.titleLargeBlue {
	overflow:hidden;
	letter-spacing: 1.5em;
}

.selectedVideoTitle {
	overflow:hidden;
	letter-spacing: 1.0em;	
}

.titleLargeOrangeBold { }

.headerLinks { letter-spacing:1px; }

.mainMenu { font-size: 15px; }

.sIFR-active .titleGrey {
	font-family: verdana;
	visibility: hidden;
	text-align:center;
}

.sIFR-active .selectedVideoTitle {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .titleGreyCenter {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .titleLargeGrey {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .titleBlue {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .titleLargeBlue {
	font-family: verdana;
	visibility: hidden;
	letter-spacing:8px;
}

.sIFR-active .titleLargeOrangeBold {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .mainMenu {
	font-family: verdana;
	visibility: hidden;
}

.sIFR-active .headerLinks {
	font-family: verdana;
	visibility: hidden;
}

a.showMePLZ .justatip {
	display:none;
	position:absolute;
	z-index:1000;
*margin:0 0 0 -0px;
}

a.showMePLZ:hover .justatip {
	display:block;
	text-decoration:none;
}

.justatip {
	width:183px;
	position:absolute;
	margin:-100px 0 0 155px;
	color:#000;
}

.jatArrow {
	background:url(../images/jatArrow.png) no-repeat;
	position:absolute;
	display:block;
	width:18px;
	height:29px;
	margin:20px 0 0 0;
*margin: 10px 0 0 -8px;
}

.jatTop {
	background:url(../images/jatTop.png) no-repeat;
	height:11px;
	display:block;
	width:167px;
	float:right;
}

.jatBottom {
	background:url(../images/jatBot.png) no-repeat;
	height:11px;
	display:block;
	width:167px;
	float:right;
	clear:both;
}

.jatM {
	width:147px;
	background:url(../images/jatM.png) repeat-y;
	float:right;
	padding:0 10px 0 10px;
	min-height:50px;
}
/* gg updates */

#selectedDescription a{
	color: #0069aa;
	text-decoration:none;
	background-image: url(../images/iconPaper.gif);
	line-height: 18px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
}
#selectedDescription a:hover{ text-decoration: underline; }