﻿/* WTU Master CSS - December 08, 2008 Version 1.0 */
html {
height: 100%;
width:100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
width:100%;
background-color:#F0F0F0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height:62.5%;
}

/* START MASTER PAGE TOP SECTION */
#wtuTopContainer {
width:930px;
}
#wtuTopContainer #topLogo {
float:left;
width:170px;
height:91px;
vertical-align:top;
}
#wtuTopContainer #topSection {
float:right;
width:760px;
background-color:#FFFFFF;
text-align:center;
}

/* START MASTER PAGE TOP NAVIGATION AND MAIN NAVIGATION */
#topNavContainer {
width:700px;
margin:0px auto;
}
#topNavFloatLeft {
float:left;
}
#languageBar {
height:26px;
float:left;
padding-top: .4em;
padding-right: .25em;
padding-bottom: .4em;
padding-left: .25em;
margin:0px;
text-align:left;
}
#languageBar a:link {
height:26px;
text-align:left;
padding-top: .5em;
padding-right: .25em;
padding-bottom: .4em;
padding-left: .25em;
text-decoration:none;
font-size:1.3em;
color:#333333;
font-weight:bold;
}
#languageBar a:visited {
height:26px;
text-align:left;
padding-top: .5em;
padding-right: .25em;
padding-bottom: .4em;
padding-left: .25em;
text-decoration:none;
font-size:1.3em;
color:#333333;
font-weight:bold;
}
#languageBar a:hover {
height:26px;
text-align:left;
padding-top: .5em;
padding-right: .25em;
padding-bottom: .4em;
padding-left: .25em;
text-decoration:none;
background-color:#FF6600;
font-size:1.3em;
color:#FFFFFF;
font-weight:bold;
}
.topNavLevelOne {
text-align:left;
}
.topNavLevelOne a:link {
height:26px;
text-align:left;
padding:4px 5px;
text-decoration:none;
font-size:0.8em;
color:#333333;
font-weight:bold;
}
.topNavLevelOne a:visited {
height:26px;
text-align:left;
padding:4px 5px;
text-decoration:none;
font-size:0.8em;
color:#333333;
font-weight:bold;
}
.topNavLevelOne a:hover {
height:26px;
text-align:left;
padding:4px 5px;
text-decoration:none;
background-color:#FF6600;
font-size:0.8em;
color:#FFFFFF;
font-weight:bold;
}
.topNavLevelTwo {
position:relative;
height:24px;
width:170px;
background-image:url('/Style%20Library/en/top_nav/btn_BgTopNav.gif');
background-repeat:repeat-y;
margin-top:1px;
text-align:left;
}
.topNavLevelTwoPad {
padding-top:3px;
padding-bottom:3px;
}
.topNavLevelTwo a:link {
width:170px;
height:auto;
text-align:left;
text-decoration:none;
font-size:0.8em;
color:#292A7A;
font-weight:bold;
position:relative;
top:0px;
left:5px;
}
.topNavLevelTwo a:visited {
width:170px;
height:auto;
text-align:left;
text-decoration:none;
font-size:0.8em;
color:#292A7A;
font-weight:bold;
position:relative;
top:0px;
left:5px;
}
.topNavLevelTwo a:hover {
width:170px;
height:auto;
text-align:left;
text-decoration:none;
font-size:0.8em;
color:#FF6600;
font-weight:bold;
position:relative;
top:0px;
left:5px;
}
.mainNavStaticNormal {
}
.mainNavStaticNormal a {
color:#292A7A;
}
.mainNavStaticNormal .mainNavLevelOne {
background-image:url('/Style%20Library/en/main_nav/mainNav_bg.gif');
}
.mainNavStaticSelected {
}
.mainNavStaticSelected a {
color:#FFF;
}
.mainNavStaticSelected .mainNavLevelOne {
background-color:#FF6600;
background-image:none;
}
.mainNavStaticHover a {
color:#FF6600;
}
.mainNavStaticHover .mainNavLevelOne {
background-image:url('/Style%20Library/en/main_nav/mainNav_bg.gif');
}
.mainNavLevelOne {
width:138px;
height:40px;
text-align:left;
display:block;
}
.mainNavLevelOne a:link {
width:138px;
height:40px;
text-align:left;
padding-top:4px;
text-decoration:none;
font-size:0.8em;
font-weight:bold;
display:table;
}
.mainNavLevelOne a:visited {
width:138px;
height:40px;
text-align:left;
padding-top:4px;
text-decoration:none;
font-size:0.8em;
font-weight:bold;
}
.mainNavLevelOne a:hover {
width:138px;
height:40px;
text-align:left;
padding-top:4px;
text-decoration:none;
font-size:0.8em;
font-weight:bold;
}
/* START MASTER PAGE BREADCRUMB */
#breadcrumb {
width:700px;
margin:0px auto;
font-size:1.1em;
color:#8F8F8F;
}
#breadcrumb a:link {
color:#292A7A;
text-decoration:none;
}
#breadcrumb a:visited {
color:#292A7A;
text-decoration:none;
}
#breadcrumb a:hover {
color:#FF6600;
text-decoration:none;
}

/* START PAGE LAYOUT SUB NAVIGATION */
#flyout_top {
width: 170px;
height:13px;
background-image:url('/Style%20Library/en/sub_nav/subBgTopBorder.gif');
background-repeat:no-repeat;
}
#flyout_mid {
width: 170px;
height:auto;
background-image:url('/Style%20Library/en/sub_nav/subBgMiddle.gif');
background-repeat:repeat-y;
}
#flyout_bot {
width: 170px;
height:15px;
background-image:url('/Style%20Library/en/sub_nav/subBgBotBorder.gif');
background-repeat:no-repeat;
}
#flyout_content {
width:150px;
margin-left:20px;
}
#subNavContainer {
list-style:none;
margin:0px;
padding:0px;
}
#subNavContainer li {
width:150px;
height:26px;
background-image:url('/Style%20Library/en/sub_nav/subNav_bg.gif');
margin-bottom:2px;
}
#subNavContainer li#twoLines {
width:150px;
height:40px;
background-image:url('/Style%20Library/en/sub_nav/subNav_bg.gif');
margin-bottom:2px;
}
#subNavContainer li#threeLines {
width:150px;
height:54px;
background-image:url('/Style%20Library/en/sub_nav/subNav_bg.gif');
margin-bottom:2px;
}
#subNavContainer li h2 {
margin:0px;
padding:0px;
padding-left:7px;
padding-top:3px;
font-size:1.1em;
line-height:1.4em;
color:#FFFFFF;
}
#subNavContainer li#subNavTitleOneLines {
width:150px;
height:28px;
background-image:url('/Style%20Library/en/sub_nav/subNav_bg_blue.gif');
margin-bottom:2px;
padding-left:7px;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
}
#subNavContainer li#subNavTitleTwoLines {
width:150px;
height:40px;
background-image:url('/Style%20Library/en/sub_nav/subNav_bg_blue.gif');
margin-bottom:2px;
padding-left:7px;
padding-top:3px;
color:#FFFFFF;
font-weight:bold;
}
#subNavContainer li#subNavTitleOneLines a:link {
color:#FFFFFF;
text-decoration:none;
}
#subNavContainer li#subNavTitleOneLines a:visited {
color:#FFFFFF;
text-decoration:none;
}
#subNavContainer li#subNavTitleOneLines a:hover {
color:#FF6600;
text-decoration:none;
}
#subNavContainer li#subNavTitleTwoLines a:link {
color:#FFFFFF;
text-decoration:none;
}
#subNavContainer li#subNavTitleTwoLines a:visited {
color:#FFFFFF;
text-decoration:none;
}
#subNavContainer li#subNavTitleTwoLines a:hover {
color:#FF6600;
text-decoration:none;
}
#subNavContainer li h2 a:link {
color:#292A7A;
text-decoration:none;
}
#subNavContainer li h2 a:visited {
color:#292A7A;
text-decoration:none;
}
#subNavContainer li h2 a:hover {
color:#FF6600;
text-decoration:none;
}

/* START WTU CONTAINER */
#wtuContainer {
width:100%;
height:auto;
text-align:center;
}
#wtuContainer #wtuContentContainer {
margin:0 auto;
width:980px;
height:auto;
background-image:url('/Style%20Library/en/common/bgShadow.gif');
text-align:left;
}

/* START PAGE LAYOUT CONTAINER */
#leftSideBar {
width:170px;
float:left;
}
#pageLayoutContainer {
width:760px;
background-color:#FFFFFF;
float:left;
text-align:center;
}
#mainWindow {
width:700px;
margin:0px auto;
}
#pageLayoutContainer #mainWindow #headerContainer {
width:698px;
height:auto;
}

/* START PAGE LAYOUT HOMEPAGE */
#flashContainer478 {
width:478px;
margin:0px;
padding:0px;
margin-right:1px;
float:left;
}
#rightSideBox {
width:220px;
margin:0px;
padding:0px;
float:left;
}
#spotlight {}
#spotlight a:link {
color:#FFFFFF;
text-decoration:none;
}
#spotlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
#spotlight a:hover {
color:#FF6600;
text-decoration:none;
}
#grBoxContainer {
width:700px;
}
.grBox {
width:220px;
height:152px;
background-color:#E4F1CC;
}
.grBoxRightSide {
width:220px;
background-color:#E4F1CC;
font-size:1.0em;
color:#666666;
padding:8px;
}
.grBoxRightSide ul {
margin:0px;
margin-left:18px;
padding:0px;
}
.grBoxRightSide a:link {
text-decoration:none;
font-weight:bold;
}
.grBoxRightSide a:visited {
text-decoration:none;
font-weight:bold;
}
.grBoxRightSide a:hover {
color:#FF6600;
text-decoration:none;
}
.orBoxRightSide {
width:220px;
background-color:#FFEDCC;
font-size:1.0em;
color:#666666;
padding:8px;
}
.orBoxRightSide ul {
margin:0px;
margin-left:18px;
padding:0px;
}
.orBoxRightSide a:link {
text-decoration:none;
font-weight:bold;
}
.orBoxRightSide a:visited {
text-decoration:none;
font-weight:bold;
}
.orBoxRightSide a:hover {
color:#FF6600;
text-decoration:none;
}
.blBoxRightSide {
width:220px;
background-color:#B5D5F3;
font-size:1.0em;
color:#666666;
padding:8px;
}
.blBoxRightSide ul {
margin:0px;
margin-left:18px;
padding:0px;
}
.blBoxRightSide a:link {
text-decoration:none;
font-weight:bold;
}
.blBoxRightSide a:visited {
text-decoration:none;
font-weight:bold;
}
.blBoxRightSide a:hover {
color:#FF6600;
text-decoration:none;
}
/* START PAGELAYOUT CENTER CONTENT */
#mainContainer468 {
width:468px;
height:auto;
float:left;
}
#rightSideBox2 {
width:220px;
height:auto;
float:left;
}

/* START PAGELAYOUT MAIN LAYOUT */
#mainContainer700 {
width:700px;
height:auto;
}
/* START PAGELAYOUT CENTER CONTENT */
#mainContainer468 {
width:468px;
height:auto;
float:left;
padding-right:10px;
}
/* START MAIN CONTENT */
#main_content {
font-size:1.0em;
line-height:1.6em;
color:#666666;
}
#main_content h1 {
font-size:1.636em;
color:#292A7A;
}
#main_content h2 {
font-size:1.181em;
color:#292A7A;
}
#main_content h3 {}
#main_content h4 {}
#main_content p {
font-size:1.0em;
}
#main_content input, select, th, td, li {
font-size:1.0em;
}
#main_content a:link {
color:#333333;
font-weight:bold;
text-decoration:none;
}
#main_content2 a:link {
color:#292a7a;
font-weight:bold;
text-decoration:underline;
}

#main_content a:visited {
color:#333333;
font-weight:bold;
text-decoration:none;
}
#main_content a:hover {
color:#FF6600;
font-weight:bold;
text-decoration:none;
}

/* START CAPTION */
#main_content .caption_text {
font-size:1.0em;
color:#666666;
padding:8px;
background-color:#E7E7E7;
}
#main_content .caption_text ul {
margin:0px;
margin-left:18px;
padding:0px;
}
#main_content .caption_text a:link {
color:#666666;
text-decoration:none;
font-weight:bold;
}
#main_content .caption_text a:visited {
color:#666666;
text-decoration:none;
font-weight:bold;
}
#main_content .caption_text a:hover {
color:#FF6600;
text-decoration:none;
}

/* FOOTER AREA START */
#footer {
width:760px;
background-color:#FFFFFF;
float:left;
font-size:1em;
line-height:1.3;
}
#footerLeftSide {
float:left;
width:170px;
height:91px;
}
#footer #footer_content {
padding:10px 31px;
color:#8F8F8F;
}
#footer #footer_content a:link {
color:#333333;
text-decoration:none;
}
#footer #footer_content a:visited {
color:#333333;
text-decoration:none;
}
#footer #footer_content a:hover {
color:#FF6600;
text-decoration:none;
}
