@import url("/apps/js/polls/polls-pack.css");

body {
background: url(/pics/background.png) 0 0 repeat-x #ffffca;
text-align: center;
margin: 12px 0 12px 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}

.relative {
position: relative;
}

div#wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
/* background: #fff;*/
}

/* Header */
div#header {
clear: both;
}
div#header h1 {
margin: 0;
padding: 0;
margin: 0 0 3px 0;
}
div#header h1 a {
display: block;
width: 760px;
height: 0;
overflow: hidden;
padding-top: 204px;
background: url('/pics/header.jpg') no-repeat;
}

div#headerTop {
width: 760px;
/* height: 31px;*/
background: url('/pics/marquee_bg.gif') repeat-x;

}

div#headerTop div#marquee {
width: 585px;
/* height: 20px;*/
float: left;

color: #000;

width: 635px;

line-height: 25px;

padding: 0 3px 0 3px;
width: 629px;
}

div#headerTop a#chinesetab {
display: block;
width: 125px;
height: 0;
overflow: hidden;
padding-top: 25px;
background: url(/pics/chinesetab.png) 0 0 no-repeat;
float: left;
display: inline;
}
div#headerTop div#translate {
width: 165px;
height: 20px;
float: left;
padding-top: 4px;
}

/* [BEGIN NAVIGATION] */

/* Navigation text */

div#menu ul li a span {
position: absolute;
left: -9999px;
top: 0;
z-index: 0;
}

/* Main menu container */

div#menu {
width: 100%;
background: url('/pics/topnav_bg.gif') repeat-x;
float: left;
height: 32px;
}

div#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
z-index: 999;
}

/* Top Nav List (IE requires defined width and height to float the first list) and Anchor widths, heights, and background images */

div#menu ul.topNavHeight, div#menu ul.topNavHeight li a.topNavHeight {
height: 32px;
}

div#menu ul#top1, div#menu ul#top1 li a#topNav1 { width: 114px; background: url('/pics/topNav1.gif') no-repeat; }
div#menu ul#top2, div#menu ul#top2 li a#topNav2 { width: 107px; background: url('/pics/topNav2.gif') no-repeat; }
div#menu ul#top3, div#menu ul#top3 li a#topNav3 { width: 120px; background: url('/pics/topNav3.gif') no-repeat; }
div#menu ul#top4, div#menu ul#top4 li a#topNav4 { width: 107px; background: url('/pics/topNav4.gif') no-repeat; }
div#menu ul#top5, div#menu ul#top5 li a#topNav5 { width: 98px; background: url('/pics/topNav5.gif') no-repeat; }
div#menu ul#top6, div#menu ul#top6 li a#topNav6 { width: 80px; background: url('/pics/topNav6.gif') no-repeat; }
div#menu ul#top7, div#menu ul#top7 li a#topNav7 { width: 134px; background: url('/pics/topNav7.gif') no-repeat; }

/* Top Nav Rollovers */

div#menu ul#top1 li.over a#topNav1, div#menu ul#top1 li:hover a#topNav1 { background: url('/pics/topNav1f2.gif') no-repeat; }
div#menu ul#top2 li.over a#topNav2, div#menu ul#top2 li:hover a#topNav2 { background: url('/pics/topNav2f2.gif') no-repeat; }
div#menu ul#top3 li.over a#topNav3, div#menu ul#top3 li:hover a#topNav3 { background: url('/pics/topNav3f2.gif') no-repeat; }
div#menu ul#top4 li.over a#topNav4, div#menu ul#top4 li:hover a#topNav4 { background: url('/pics/topNav4f2.gif') no-repeat; }
div#menu ul#top5 li.over a#topNav5, div#menu ul#top5 li:hover a#topNav5 { background: url('/pics/topNav5f2.gif') no-repeat; }
div#menu ul#top6 li.over a#topNav6, div#menu ul#top6 li:hover a#topNav6 { background: url('/pics/topNav6f2.gif') no-repeat; }
div#menu ul#top7 li.over a#topNav7, div#menu ul#top7 li:hover a#topNav7 { background: url('/pics/topNav7f2.gif') no-repeat; }

/* Horizontal navigation colors */

div#menu a {
font: 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
color: #000;
background: #ffc600;
text-decoration: none;
}

/* Horizontal navigation rollover colors */

div#menu a:hover {
color: #FFFFFF;
background: #0071fd;
}

/* Padding and line Height for first level drop down */

div#menu ul li ul li a {
line-height: 18pt;
padding: 0 0 0 8px;
}

/* First and second dropdown color */

div#menu ul li:hover ul li a, div#menu ul li ul li:hover ul a,
div#menu ul li.over ul li a, div#menu ul li ul li.over ul a {
color: #FFF;
background: #900202;
text-align: left;
}

/* Retain first level rollover color (so color stays when you hover to second level) and second level rollover colors */

div#menu ul li ul li:hover a, div#menu ul li ul li:hover ul a:hover,
div#menu ul li ul li.over a, div#menu ul li ul li.over ul a:hover {
background-color: #ffde07;
color: #000;
}

/* Positions navigation items */

div#menu li {
position: relative;
}

/* Positions and sets width of first level drop down */

div#menu ul ul {
position: absolute;
z-index: 500;
width: 162px;
}

/* Positions second level drop down; Width is inherited from first level drop down */

div#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/* Hide Menus */

div#menu ul ul,
div#menu ul a:hover ul ul, div#menu ul ul a:hover ul ul,
div#menu ul li.over ul ul, div#menu ul ul li.over ul ul {
display: none;
}

/* Reveal Menus */

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul,
div#menu ul li.over ul, div#menu ul ul li.over ul, div#menu ul ul ul li.over ul {
display: block;
}

/* [BEGIN IE FIXES] */
/* Asterisk denotes IE fixes */

div#menu ul li {
*float: left;
*width: 100%;
}

div#menu ul li a {
*height: 1%;
}


/* [END IE FIXES] */

/* [END NAVIGATION] */

/* Content and Content Index */

.contentIndex {
text-align: left;
background: #fff;
width: 760px;
min-height: 400px;
height: auto!important;
height: 400px;
}

.content {
text-align: left;
background: #fff;
width: 744px;
padding: 8px;
min-height: 400px;
height: auto!important;
height: 400px;
}

#leftColumn {
width: 300px;
padding: 15px 0 15px 13px;
float: left;
}

#rightColumn {
width: 445px;
padding: 15px 0 15px 2px;
float: right;
}

#quickLinksHeader h2 {
width: 0;
height: 0;
background: url('/pics/quicklinks_top.gif') no-repeat;
padding: 0 0 17px 289px;
margin: 0;
overflow: hidden;
}

#quickLinks {
width: 289px;
background: url('/pics/quicklinks_bg.gif') repeat-y;
padding: 0;
margin: 0;
}

#quickLinks ul {
list-style: none;
margin: 0;
padding: 0;
}

#quickLinks a {
width: 0;
height: 0;
text-decoration: none;
padding: 0 0 33px 289px;
margin: 0;
display: block;
overflow: hidden;
color: #FFF;
font: 12px Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}

#quickLinks a#midNav1 { background: url('/pics/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 { background: url('/pics/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 { background: url('/pics/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/midnav4.gif') no-repeat; }

#quickLinks a:hover#midNav1 { background: url('/pics/midnav1f2.gif') no-repeat; }
#quickLinks a:hover#midNav2 { background: url('/pics/midnav2f2.gif') no-repeat; }
#quickLinks a:hover#midNav3 { background: url('/pics/midnav3f2.gif') no-repeat; }
#quickLinks a:hover#midNav4 { background: url('/pics/midnav4f2.gif') no-repeat; }

#quickLinksBottom {
width: 298px;
height: 13px;
background: url('/pics/quicklinks_bottom.gif') no-repeat;
padding: 0;
margin: 0;
}

#search {
width: 264px;
height: 25px;
padding: 14px 0 0 25px;
background: url('/pics/search_bg.gif') no-repeat;
text-align: center;
}

#search_round {
width: 208px;
height: 21px;
padding-left: 5px;
background: url('/pics/search_round.gif') no-repeat;
}

#newsContainer {
width: 299px;
min-height: 355px;
height: auto!important;
height: 355px;
background: url('/pics/news_bg.gif') no-repeat bottom right;
}

#eventsContainer, #linksContainer {
width: 289px;
min-height: 218px;
height: auto!important;
height: 218px;
background: url('/pics/left_section_bg.gif') repeat-y left top;
}

#newsContainer, #bulletinContainer {
width: 435px;
min-height: 218px;
height: auto!important;
height: 218px;
background: url('/pics/right_section_bg.gif') repeat-y left top;
}

#principalsContainer {
width: 435px;
min-height: 119px;
height: auto!important;
height: 119px;
background: url('/pics/principals_bg.gif') repeat-y left top;
}

.leftSectionBottom {
width: 289px;
height: 23px;
background: url('/pics/left_section_bottom.gif') no-repeat;
}

.rightSectionBottom {
width: 435px;
height: 18px;
background: url('/pics/right_section_bottom.gif') no-repeat;
}

.newsSectionBottom {
width: 435px;
height: 93px;
background: url('/pics/news_bottom.gif') no-repeat;
}

.linksSectionBottom {
width: 289x;
height: 102px;
background: url('/pics/selected_links_bottom.gif') no-repeat;
}

.overlay1 {
width: 435px;
height: 202px;
position: absolute;
behavior: url('/apps/shared/iepngfix.htc');
}

.overlay2 {
width: 289px;
height: 173px;
position: absolute;
behavior: url('/apps/shared/iepngfix.htc');
}

.HPEvents, .HPLinks {
width: 286px;
padding: 0;
margin: 0;
color: #000;
}

.HPNews, .HPBBMessages {
width: 435px;
padding: 0;
margin: 0;
color: #000;
}

.HPNews a, .HPNews a:active, .HPNews a:link, .HPEvents a, .HPEvents a:active, .HPEvents a:link,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link, .HPLinks a, .HPLinks a:active, .HPLinks a:link {
color: #a00101;
}

.HPNews #l, .HPEvents #l, .HPBBMessages #l, .HPLinks #l {
padding-top: 6px;
}

.pageTitle {
display: block;
width: 719px;
height: 33px;
padding: 12px 0 0 25px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #8F0100;
font-size: 14px;
font-weight: bold;
background: url('/pics/PageTitle.gif') no-repeat left top;
text-transform:uppercase;
}

/* Footer */

div#footer {
width: 760px;
height: 91px;
margin: 0 auto;
text-align: left;
background: url('/pics/footer.jpg') no-repeat;
}

.HPQuickPoll h2 {
    width: 435px;       /* header width  */
    padding-top: 46px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #10296B;   /* results bar color */
}


/***  Optional  ***/
.HPQuickPoll {
     width: 435px;
     background: url(/pics/bg_index_right_bottom.gif) no-repeat bottom;
}

/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
	margin:0 auto;
	width:70%;
}

.HPQuickPoll .question {
    padding: 9px;
    margin: 0;
}

/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
    background: url("/pics/right_section_bg.gif") repeat-y scroll left top transparent;
    padding-bottom: 5px;
}