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

* 
{
	margin: 0px;
	padding: 0px;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px auto;
	color: #808080;
	line-height: 18px;
}

#allWrap 
{
	margin: 0px auto;
	width: 100%;
	border-collapse: collapse;
}

/* Outer Content Left hand-side Shadow */
#leftShadow 
{
	width: 3%;
	margin-left: 18px;
	background-image: url(../images/leftShadow.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

/* Outer Content Right hand-side Shadow */
#rightShadow 
{
	width: 3%;
	margin-right: 18px;
	background-image: url(../images/rightShadow.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

/* Image Foldback Clip */
#foldback 
{
	display: block;
	position: absolute;
	background-image: url(../images/foldbackClip.jpg);
	background-position: right;
	background-repeat: no-repeat;
	/*width: 85%;*/
	width: 855px;
	height: 70px;
	top: 105px;
	padding-right: 20px;
}

/* content wrap */
#contentWrap 
{
	width: 100%;
}

/* Common Style For Top Content Wrap and Bottom Content Wrap Images */
#topContentWrap, #bottomContentWrap
{
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
}

/* top content wrap */
#topContentWrap 
{
	background-image: url(../images/insideTopShadow.jpg);
	margin: 7px 15px 0px 15px;
}

/* bottom content wrap */
#bottomContentWrap
{
	background-image: url(../images/insideBottomShadow.jpg);
	margin: 0px 15px 7px 15px;
}

/* Common Style For Left Top Corner, Right Top Corner, Left Bottom Corner and Right Bottom Corner Images */
#leftTop, #rightTop, #leftBottom, #rightBottom
{
	background-repeat: repeat-y;
	width: 20px;
	height: 20px;
}

/* Left Corner Top Image */
#leftTop 
{
	background-image: url(../images/leftTopCorner.jpg);
	background-position: right;
}

/* Right Corner Top Image */
#rightTop
{
	background-image: url(../images/rightTopCorner.jpg);
	background-position: left;
	float: right;
}

/* Right Corner Bottom Image */
#rightBottom 
{
	background-image: url(../images/rightBottomCorner.jpg);
	background-position: left;
	float: right;
}

/* Left Corner Bottom Image */
#leftBottom 
{
	background-image: url(../images/leftBottomCorner.jpg);
	background-position: right;
}

/* Common Style For Right-hand side middle and Left-hand side middle Images */
#leftMiddle, #rightMiddle
{
	background-position: left top;
	background-repeat: repeat-y;
	width: 20px;
}

/* Right-hand side middle Image */
#leftMiddle 
{
	background-image: url(../images/leftMiddle.jpg);
}

/* Left-hand side middle Image */
#rightMiddle 
{
	background-image: url(../images/rightMiddle.jpg);
}

/* Common Style For Left-hand side paper clip and Right-hand side paper clip Images */
#leftClip, #rightClip
{
	background-repeat: no-repeat;
	width: 53px;
	height: 35px;
	top: 260px;
	margin-top: 0px;
	position: absolute;
}

/* Right-hand side paper clip Image */
#leftClip 
{
	background-image: url(../images/leftClip.png);
	background-position: right top;
	margin-left: -14px;
}

/* Left-hand side paper clip Image */
#rightClip 
{
	background-image: url(../images/rightClip.png);
	background-position: left top;
	margin-left: -19px;
}

/*************************************************** Begin Header Section ***************************************************/
#header 
{
	height: 140px;
	width: 955px;
	clear: both;
	background-image: url(../images/headerShadow.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#header a, #header a:link
{
	color: #808080;
	text-decoration: none;
}

#header a:hover
{
	color: #F7931E;
}

/* Sky Channel 8 Logo */
#logo 
{
	position: absolute;
	padding: 0px;
	top: 35px;
	margin-left: 25px;
}

#logo img
{
	border: none;
	width: 330px;
}

#logo a:hover, #logo a:focus, #logo a:active 
{
	background-image: url(../images/logoHover.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 75px;
	display: block;
	top: 35px;
}

#logo a:hover img, #logo a:focus img, #logo a:active img 
{
	background: transparent;
	visibility: hidden;
}
/* End Create hover effect*/

/* Log out Button and Print Button - Located at header section */
#loginBt, #printBt
{
	clear: both;
	position: absolute;
	/*right: 75px;*/
	margin: 0px;
	padding: 0px;
	height: 30px;
	line-height: normal;
	background-position: center;
	background-repeat: no-repeat;
}

#loginBt
{
	/*right: 60px;*/
	margin-left: 835px;
	width: 90px;
	background-image: url(../images/loginBt.jpg);
}

#printBt
{
	/*right: 160px;*/
	margin-left: 710px;
	width: 110px;
	background-image: url(../images/printBt.jpg);
}

#loginBt p, #printBt p
{
	margin: 3px 0px 0px 30px;
	font-size: 11px;
	font-weight: bold;
}

#printBt p
{
	margin-left: 35px;
}

/* Search Bar - located at header section */
#searchBar
{
	clear: both;
	position: absolute;
	/*right: 60px;*/
	margin-left: 555px;
	top: 40px;
	width: 370px;
	height: 60px;
	background-image: url(../images/searchBar.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#searchBar p
{
	margin: 23px 0px 0px 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

#searchBar form
{
	width: 280px;
	float: right;
	margin-top: -18px;
}

/* search field - enter text field located at header section */
.inputTxt
{
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Form Button */
.inputBtn
{
	font-size: 10px;
	margin-left: 20px;
	height: auto;
	background-color: #F7931E;
	color: #FFFFFF;
	padding: 1px 10px 1px 2px;
	font-weight: bold;
	background-image: url(../images/triangle.png);
	background-repeat: no-repeat;
	background-position: 28px center;
}

/*************************************************** End Header Section ***************************************************/


/*************************************************** Begin Menu Section ***************************************************/
#mainMenu
{
	background-image: url(../images/menuBg.jpg);
	background-position: left;
	background-repeat: repeat-x;
	height: 40px;
	/*width: 100%;*/
	width: 955px;
}

#menuItem 
{
	margin-top: 5px;
	position: absolute;
	text-decoration: none;
	white-space: nowrap;
	z-index: 2;
	height: 28px;
}

#menuItem ul#nav
{
	display: block;
	margin: 0px 100px 0px 30px;
	padding: 7px 0px 6px 0px;
	font-weight: bold;
	width: 820px;
}

#menuItem li
{
	float: left;
	position: relative;
	margin: 0px 5px;
	list-style-type: none;
}

#menuItem ul li.firstBt
{
	height: 29px;
	color: #F7931E;
	margin: 0px 10px 0px 0px;
	
}

#menuItem ul li.firstBt a
{
	padding: 12px 15px 10px 15px;
	text-decoration: none;
	background-image: url(../images/firstBt.jpg);
	background-position: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #F7931E;
	position: relative;
	white-space: nowrap;
	width: 100%;
	
}

/*************************************************** End Menu Section ***************************************************/


/**************************************** Begin Page Path and Time Clock Section ****************************************/
#pagePathandTime 
{
	background-image: url(../images/pagePathBg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 30px;
	line-height: normal;
}

#pagePathandTime p 
{
	padding-top: 4px;
	margin-left: 30px;
	font-size: 10px;
}

#pagePathandTime p#pagePath
{
	width: 50%;
}

#pagePathandTime p#displayTime
{
	float: right;
	text-align: right;
	width: 45%;
	margin-top: -17px;
	margin-right: 30px;
}

/**************************************** End Page Path and Time Clock Section ****************************************/


/*************************************************** Begin Content Section ***************************************************/
#content 
{
	margin: 0px 15px;
	font-size: 12px;
}

#content table 
{
	width: 100%;
	border-collapse: collapse;
}

/* Banner located inside Content Section */
#contentBanner
{
	background-image: url(../images/contentImageBg.jpg);
	background-position: center;
	background-repeat: repeat-x;
	height: 170px;
	width: auto;
	margin-top: 20px;
	clear: both;
}

#bannerImage
{
	top: 239px;
	/*right: 90px;*/
	margin-left: 415px;
	position: absolute;
	z-index: 1;
}

#contentBanner p
{
	margin: 0px 0px 0px 48px;
	padding-top: 12px;
	width: 355px;
	text-align: justify;
}

#contentBanner p.bannerTitle
{
	padding-top: 25px;
	text-align: center;
	font-weight: bold;
}

/* Links Style For inside contentBanner Section */
#contentBanner a, #contentBanner a:link, #contentBanner a:visited, #contentBanner a:hover /* a-firefox / a:link-ie */
{
	color: #808080;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 40px;
	float: right;
}

#contentBanner a:hover
{
	color: #F7931E;
	background-image: url(../images/arrowHover.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
}

/* primaryContent Information located inside content section and under content Banner section */
#primaryContentInfo
{
	margin-top: 30px;
	width: 65%;
	text-align: justify;
	border: 1px solid #CCCCCC;
	padding-bottom: 2px;
}

#primaryContentInfo table td
{
	border-collapse: collapse;
}

/* sideContent Information located inside content section and behide primaryContent section */
#sideContentInfo
{
	margin-top: 30px;
	float: right;
	width: 32%;
	border: 1px solid #CCCCCC;
}

#sideContentInfo table
{
	border-collapse: collapse;
	margin: 0px;
}

#sideContentInfo .contentDescription table td.noBottomBorder
{
	border-bottom: none;
	text-align: center;
}

#sideContentInfo table .contentTitle img
{
	float: left;
	top: 465px;
	margin: 3px 0px 0px 15px;
	padding: 0px;
}

#sideContentInfo table .contentDescription table
{
	width: auto;
	border-collapse: collapse;
	margin: 0px 10px;
}

#sideContentInfo table .contentDescription table td
{
	border-bottom: 1px dashed #CCCCCC;
	padding: 9px 0px;
}

#sideContentInfo table td.contentTitle p
{
	text-align: left;
	margin-left: 40px;
}

#sideContentInfo table .contentDescription ul
{
	list-style-type: none;
	margin: 0px 0px 0px 15px;
}

#sideContentInfo table .contentDescription ul li
{
	margin-top: 10px;
}

#sideContentInfo table .contentDescription ul li.firstList
{
	margin-top: 0px;
}
/*************************************************** End Content Section ***************************************************/


/*************************************************** Begin Gap Section ***************************************************/

/* Shadow Gap Line Between Content and Footer Sections */
#gap 
{
	height: 15px;
	background-image: url(../images/gapShadow.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
/*************************************************** Begin Gap Section ***************************************************/


/*************************************************** Begin Footer Section ***************************************************/
#footer
{
	height: 50px;
	width: 955px;
	color: #777777;
	background-image: url(../images/footerShadow.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

#footer a, #footer a:link
{
	color: #808080;
	text-decoration: none;
}

#footer a:hover
{
	color: #F7931E;
}

#footer ul 
{
	list-style-type: none;
	padding-top: 9px;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	line-height: normal;
}

#footer li 
{
	display: inline;
	padding: 0px 3px 0px 5px;
	border-left: 1px solid #C2C2C2;
}

#footer ul li.noLeftBorder 
{
	border-left: none;
}

/* YONG Logo - located at footer section */
#yonglogo
{
	display: inline;
	float: right;
	margin: 7px 15px 0px 0px;
}

#yonglogo img
{
	border: none;
}
/*************************************************** End Footer Section ***************************************************/



/*************************************************** Begin Common Styles ***************************************************/
/* content title style */
.contentTitle
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 7px 0px;
	background-image: url(../images/contentTitleShadow.jpg);
	background-position: left 27px;
	background-repeat: repeat-x;
}

/* light gray color text */
.lightGrayText
{
	color: #CCCCCC;
}

/* organ color text*/
.organText
{
	color: #F7931E;
}

/* content description style */
.contentDescription table, .contentDescription p
{
	margin: 10px 15px;
}

.contentDescription table td
{
	vertical-align: top;
}


.prveBt
{
	margin-right: 10px;
}

.nextBt
{
	margin-left: 10px;
}

/*************************************************** End Common Styles ***************************************************/