﻿/* reset */
select, input, img, p {margin:0px;padding:0px;}
img {border:none;}

/* basic layout & for home page */
html,body,form{}
body{width:1040px;margin:0px auto;background-color:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.outer-container{position:relative;margin:0 auto;}
html>body .outer-container{height:auto;min-height:100%;}
.content{background-color:#ffffff;}
.embedContent{padding-top:80px;}
.header-container{border-bottom:1px solid #cccccc;background-color:#ffffff;height:39px;}
.logo{float:left;padding:2px 0px;}
.embedLogo{position:absolute;top:10;right:220px;z-index:501;padding:0px;}
.welcomeText{float:right;padding:2px 7px 0px 0px;color:#0000ff;}
.embedWelcomeText{position:absolute;right:0;z-index:501;padding:0px;}
.topNavigation{/*margin-top:10px;height:30px;Background:transparent url('../../Images/modern/bg_navigation.png') repeat-x;*/clear:right;}
.embedTopNavigation{position:absolute;right:0;top:15px;z-index:500;width:280px;}
.topNavigation p {margin:0px;padding:7px 10px;position:absolute;top:50px;}
.topBanner{height:100px;overflow:hidden;}
div.myNav{float:left;background:transparent url(../../Images/Modern/bgnd_sel_2.jpg) repeat scroll 0 0;padding:7px;text-align:center;font-weight:bold;border-top:1px solid;border-bottom:1px solid;border-left:1px solid;}
div.myNav a{text-decoration:none;}	    
.myMenu{clear:right;height:18px;}
.content-container{position:relative;padding-top:10px;background-color:#ffffff;}
.content-container-home{position:relative;background-color:transparent;}

/* start home page */
.row-home-first{position:relative;background-color:#ffffff;}
.row-home-second{height:44px;background-color:#fcd37b;}
.row-home-third{border:1px solid #999999;background-color:#ffffff;margin-top:-1px;}
.flashbanner{width:582px;height:367px;background:#000000;float:left;}
.player-stat-wrapper{background-color:#eeeeee;float:right;clear:right;height:315px;width:288px;margin-top:40px;}
.embed-player-stat-wrapper{background-color:#eeeeee;float:right;clear:right;height:285px;margin-top:80px;width:285px;}
.player-stat{padding:5px;width:270px;}
.embedPlayer-stat{/*margin-top:80px;*/}
div.homePageButton{background:transparent url(../../images/modern/bgHomePageButton.jpg) no-repeat scroll 0 0;width:284px;
    text-align:center;height:30px;margin-top:1px;cursor:pointer;}
div.homePageButton:hover, div.homePageButton.hover{background:transparent url(../../images/modern/bgHomePageButton_roll.jpg) no-repeat scroll 0 0;}
div.homePageButton a{font-size:1.5em;color:#000000;padding:4px;text-decoration:none;display:block;width:272px;}
.most-viewed, .new-videos{height:33px;position:absolute;width:105px;cursor:pointer;top:10px;}
.most-viewed{right:110px;background:transparent url(../../Images/Modern/mostRecent-elevated.gif) no-repeat left 0px;}
.new-videos{right:0px;background:transparent url(../../Images/Modern/newVideos-elevated.gif) no-repeat left 0px;}
.elevate, .current{top:0px;height:44px;}
.sortedBy{position:absolute;width:70px;right:220px;top:15px;}
.sorted{background-position:0px 1px;}

#fillJson{margin-left:40px;margin-top:10px;}

#home-left{float:left;width:440px;}
#home-right{float:right;width:120px;height:630px;}
#home-middle{margin:0px 130px 0px 450px;}
.player{border:1px solid #ccc;text-align:center;}
.home-video-title{font-weight:bold;margin-bottom:5px;color:#02286f;}
.home-video-desc{}
.home-video-rating, .home-video-uploaded-date, .home-video-views, .home-suggest-report {float:right;margin-top:5px;text-align:center;padding:0 6px;}
.home-view-live{float:left;margin-top:5px;width:130px;text-align:center;}

.home-search-button{display:inline;}
ul.thumbs {margin:0;padding:0;}
ul.thumbs li{float:left;width:105px;height:140px;list-style:none;padding:0;margin:7px 7px 0px 0px;border:1px solid #eee;cursor:pointer;}
._thumbnailFileName{height:80px;background:#eee;}
.thumb-mouseover{border:1px solid #999999 !Important;}
ul.thumbs li div._title{font-weight:bold;padding:2px;}
div._viewCount{padding:2px;}
div._rating{padding:2px;}
.paging{margin:10px auto;padding:5px;text-align:center;clear:left;}
.page{padding:2px 5px;border:1px solid #ccc;margin:0px 1px;cursor:pointer;text-decoration:none;color:#000000;}
.page:hover{background:#000000;color:#ffffff;}
.page a {}
#divPaging a.current{background:#000000;color:#ffffff;}
/* ends home page */

#rightPan{width:600px;margin:0 auto;}

/*.bottom-container{position:absolute;bottom:0;text-align:center;width:960px;left:20px}*/
.bottom-container{text-align:center;background:transparent url(../../Images/modern/bgBottom.jpg) repeat-x scroll top left;border-top:solid 1px #cccccc;clear:both;}
.bottom-container p, .bottom-container p a {color:#000000;padding:10px 0px;text-decoration:none;}
.bottom-container p a:hover{color:#000000;text-decoration:underline;}


/* starts SchoolSignIn & changePassword*/
.fsSSI {width:600px;margin:0px auto;border:medium none;padding:0 1em 0.5em 0;}
.fsSSI legend {line-height:150%;padding:0 1em;border:1px solid #cccccc;border-width:1px 1px medium;border-style:solid solid none;margin-left:5px;background-color:#eeeeee;}
table#tblSchoolRegister td {padding:4px;}
table#tblSchoolUserRegister td {padding:4px;}
.txtStateName {margin-left:10px;}
/* endsSchoolSignIn */

/* starts what is this */
div.whatIsThis{float:right;width:240px;}
legend.whatIsThis{background-color:Black;color:White;}
.whatIsThis li {margin-bottom:1em;margin-left:2em;}
div.whatIsThis div.fswBorder {background-color:#f7f7dd;}
div.whatIsThis div.fswBorder ul {padding:0 0 0 1em;margin:0 0 0 1em;}
.columnController{margin:0 auto;width:600px;}
/* end what is this */

/* WatchLive  */
#spnTitle{background:Black;color:White;padding:4px;text-align:left;}
#recommand{float:left;width:40%;text-align:right;margin-right:5px;}
#divLink{float:right;width:40%;text-align:left;margin-left:5px;}

/* starts userManagement.aspx */
#topQuickMenu {width:100%;text-align:right;}
/* ends userManagement.aspx */

/* starts CreateTheme */
table#tblVideoUploader td {padding:4px;}
.PanTheme{position:relative;height:300px;margin:0 auto;padding:5px;border:1px solid #fff;height:100%;float:left;}
/* ends CreateTheme /*

/* starts CustomizeTheme */
.colorPallate {position:absolute;left:420px;Top:80px;visibility:hidden;text-align:center;}
.colorPallate table {border:1px solid #000000;}
.colorPallate table td {border:1px solid #ffffff;}
/* ends CustomizeTheme */

/* starts advanced search */
#groupName{background-color:#dddddd;padding:4px;}
div.mmGroupHeading{text-align:left;padding:10px 0px 0px 0px;font-weight:bold;color:Blue;}
span.mmGroupHeading{font-weight:bold;color:Blue;}
table.mmSubGroupHeading td {width:50%;text-align:left;}
table.mmSubGroupHeading td label {padding-left:5px;}
table.mmSubGroupHeading {margin-bottom:10px;background-color:#eeeeee;}
/* ends advanced search */

/* starts SSU feature guide */
.field {font-weight:bold;color:#2e6db0;}
ol {margin-left:50px;}
ol li {padding-bottom:.5em;}
.documentHeading {border-bottom:1px solid #8ea1b6;border-top:1px solid #8ea1b6;font-size:1.45em;padding:1px 5px 3px;background-color:#c1ddfc;margin-top:30px;text-transform:capitalize;}
.aTop{background:url(../../documentation/images/up.gif) no-repeat top right;height:17px;text-align:right;padding-right:20px;font-size:10px;}
#docNav{margin-left:5px;}
#docNav ul {list-style:none;margin:0 0.5em 1em;}
#docNav ul ul {margin:0 1.5em 0em;}
#docNav li {margin-bottom:.3em;}
#docNav a {text-decoration:none;}
#docNav a:hover {text-decoration:underline;}
#docNav ul ul {margin-top:.3em;}
#docNav p {margin-right:3em;}
/* ends SSU feature guide */

/* start help documents */
#helpDocuments {font-size:12px;padding:0px 20px;}
#helpDocuments h1 {border-bottom:1px solid #8ea1b6;border-right:1px solid #8ea1b6;font-size:1.45em;padding:4px 5px 5px;background-color:#c1ddfc;margin-top:30px;}
#helpDocuments h2 {font-size:16px;margin-bottom:5px;}
#helpDocuments p {line-height:1.5em;margin-bottom:1em;}
#helpDocuments p.imageCaption {font-weight:bold;}
#helpDocuments ul, ol {margin:0px;padding:0px;}
#helpDocuments ul li {margin-left:1.4em;}
#helpDocuments ol li {margin-left:2.5em;}
#helpDocuments ol li ul{margin-top:1em;}

#helpDocuments ul.toc{float:left;width:50%;}
#helpDocuments ul.toc1{float:left;width:50%;}
/*#helpDocuments ul.toc li a{font-size:16px;}*/
#helpDocuments ul.toc li, #helpDocuments ul.toc1 li{/*margin-bottom:1em;*/line-height:2.5em;}
#helpDocuments ul.toc ul, #helpDocuments ul.toc1 ul{margin-top:-0.5em;}
#helpDocuments ul.toc ul ul, #helpDocuments ul.toc1 ul ul{margin-top:0em;margin-bottom:0.5em;}
#helpDocuments ul.toc li li, #helpDocuments ul.toc1 li li{margin-left:3em;line-height:1.5em;}
#helpDocuments ul.toc li li li, #helpDocuments ul.toc1 li li li{margin-left:3em;line-height:1.2em;}
#helpDocuments ul.tof li{margin-bottom:1.4em;list-style:none;margin-left:0px;}

#helpDocuments .helpImage{padding:5px 0px 5px 5px;}

#helpDocuments p.top{text-align:right;}
/* end help documents */

/* start tool tip */
#dhtmltooltip {position: absolute;left: -300px;width:300px;border: 1px solid black;padding: 2px;background-color: #fffde8;
	visibility: hidden;z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}
#toolTipDiv {visibility: hidden;}
.ttHead {padding:5px;font-weight:bold;font-size:12px;margin:0px;font-family:verdana;background-color:#3e4d4c;color:white;}
.ttDesc {font-family:verdana;font-size:11px;padding:5px;}
.ttTable{font-family:verdana;font-size:10px;}
/* end tool tip */


/* Tableless layout */
#cContainer{width:600px;margin:0px auto;float:left;}
#sContainer{width:600px;margin:0px auto;}
#lContainer{width:800px;margin:0px auto;text-align:center;}
#pContainer{width:735px;margin:0px auto;}

.Pan{width: 100%; text-align: center; margin: 10px auto;}

div.fswBorder{border:1px solid #cccccc;padding:1em;margin:0px;}
fieldset{border:none;position:relative;}
fieldset div {margin:.8em 0;}
fieldset label{display:block;float:left;text-align:right;padding-right:10px;width:180px;}
fieldset .tinyText, .tinyText{width:75px;}
fieldset .sText{width:150px;}
fieldset .text, .text{width:300px;}
fieldset .lText{width:450px;}
fieldset div.buttons {margin:20px 0px 10px 190px;}
fieldset .instruction{font-size:10px;margin:0px 0px 0px 190px;display:block;color:#999999;}
fieldset div.rdoRow {display:block;width:100%;position:relative;}
fieldset .rdoButton {display:table;float:left;width:300px;}
fieldset .rdoButton label {display:inline;text-align:left;width:auto;float:left;padding:4px 10px 4px 0px;}
fieldset .rdoButton input {float:left;}
fieldset legend.heading {font-size:1.45em;border-top:1px solid #dac17d;border-bottom:1px solid #dac17d;
	padding:1px 5px 3px;background-color:#ffe292;text-align:left;width:100%;}
.borderTop{border-top:1px solid #ccc;}
.stopOverFlow {margin-left:190px;}


.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
 .clearfix {display:inline-block;}
 html[xmlns] .clearfix {display:block;}
 * html .clearfix {height:1%;}
 
/* common */
.title{font-weight:bold;color:#02286f;}
.floatLeft{float:left;}
.hide{display:none;}
.show{display:block;}
.Red{color:Red;}
.quite{color:#cccccc;}
.alignCenter{text-align:center;}

.smallText, .small {font-size:10px;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.show{display:block;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.Pan.bottom, .bottom.notice{margin-bottom:0px !important;}
.para {line-height:1.5em;text-align:justify;}
.padRight{padding-right:10px;}
.leading{line-height:1.4em;}
.alignJustify{text-align:justify;}
.alignLeft{text-align:left !Important;}
.alignRight{text-align:right !Important;}
.alignCenter{text-align:center;}
.capital{text-transform:capitalize;}
.clearLeft{clear:left;}
.clearBoth{clear:both;}
.fullWidth{width:auto !Important;padding-left:10px;}
/* common */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;text-align:center;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#dd0000;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.mandatory{color:Red;}
.green {color:Green;}
.message{margin:10px auto;text-align:center;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}
.hand{cursor:pointer;}
.floatRight{float:right;}
.floatLeft{float:left;}
.center{margin:0 auto;}

/*Modal Popup*/
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;border:solid 1px Grey;}
.modalPopup {background-color:#ffffdd;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:300px;}
h1.heading {font-size:1.45em;border-right:1px solid #dac17d;border-bottom:1px solid #dac17d;padding:4px 5px 5px;background-color:#ffe292;text-align:left;}
fieldset > div {margin:1em 0;}

/* start tabs */
.tab {float:right;}
div.searchPan {line-height:normal;border-bottom:1px solid #cccccc;background-color:#eeeeee;}
div.searchPan ul {margin:0;padding:10px 10px 0 50px;list-style:none;}
div.searchPan li {display:inline;margin:0;padding:0;}
div.searchPan a {float:left;background:url("../../Images/Modern/tableft4.gif") no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}
div.searchPan a span {float:left;display:block;background:url("../../Images/Modern/tabright4.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#000000;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.searchPan a span {float:none;}
/* End IE5-Mac hack */
div.searchPan a:hover span {color:#000000;}
div.searchPan a:hover {background-position:0% -42px;}
div.searchPan a:hover span {background-position:100% -42px;}
div.searchPan .current a {background-position:0% -42px;}
div.searchPan .current a span {background-position:100% -42px;}
/* ends tabs */

/* start tooltip */
#tooltip {position:absolute;z-index:3000;border:1px solid #111;background-color:#eee;padding:5px;opacity:0.85;width:200px;}
#tooltip h3, #tooltip div {margin:0;}
#tooltip h3{font-size:12px;font-weight:bold;margin-bottom:0.7em;}
/* ends tooltip */

/* start privacy, terms */
.legal {width:600px;margin:20px auto;}
.legal p{text-align:justify;line-height:18px;padding-right:10px;}
h2.heading {font-size:12px;font-weight:bold;margin:10px auto 5px;}
/* ends privacy, terms */

/* start tables */
table.tablesorter {background-color: #CDCDCD;margin:10px 0pt 15px;width:100%;text-align:left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color:#555555;border: 1px solid #cccccc;padding:4px 15px 4px 4px;color:#ffffff;}
table.tablesorter thead tr .header {background-image:url(bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table.tablesorter tbody td {color:#3D3D3D;padding:4px;background-color:#FFF;vertical-align:middle;border: 1px solid #cccccc;}
table.tablesorter tbody tr.odd td {background-color:#eeeeee;}
table.tablesorter thead tr .headerSortUp {background-image:url(asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image:url(desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color:#FFE292;color:#000000;}
/* end tables */

/* start tables - Server Side Sorting */
table.tables {background-color: #CDCDCD;margin:10px 0pt 15px;width:100%}
table.tables thead tr th, table.tables tfoot tr th {background-color:#555555;border: 1px solid #cccccc;padding:4px 15px 4px 4px;color:#ffffff;text-align:center;}
table.tables thead tr th a:link, table.tables tfoot tr th {background-color:#555555;border: 1px solid #cccccc;padding:4px 15px 4px 4px;color:#ffffff;border:none;text-decoration:none;}
table.tables tbody td {color:#3D3D3D;padding:4px;background-color:#FFF;vertical-align:middle;border: 1px solid #cccccc;}
table.tables tbody tr.odd td {background-color:#eeeeee;}
table.tables tbody tr.footer td {background-color:Gray;border:none;} 
table.tables tbody tr.footer td a:Link {background-color:Gray;border:none;text-decoration:none;color:White;} 
/* end tables */

/* start buttons */
a.button {background-color:transparent;background-image: url( '../../images/modern/btn_right.png');background-repeat:no-repeat;background-position:top right;color:#fff;
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box; /*ff*/ 
font: normal 13px arial, sans-serif;height:32px;margin-right:0px;padding-right:10px;text-decoration:none;cursor:pointer;}
a.button span {display:block;display:inline-block;display:-moz-inline-box;} 
a.button span input {background-color:transparent;background-image:url( '../../images/modern/btn.png');background-repeat:no-repeat;line-height:18px;padding:3px 0 8px 10px;cursor:pointer;border:none;color:#ffffff;}
a.button span input img{margin-left:-5px;margin-top:-2px;padding-right:5px;}
/*HOVER*/
a.button:hover {background-image:url( '../../images/modern/btn_hover_right.png');color:#fff;outline:none;}
a.button:hover span input {background-image:url( '../../images/modern/btn_hover.png');}
/* end buttons */

/*Start -> Map Matrix Gridview class*/
.mGrid{width:100%;margin:5px 0px 10px 0px;border:solid 1px #525252;}  
.mGrid tr{padding:2px;border:solid 1px #c1c1c1;color:#717171;}  
.mGrid td{padding:2px;}  
.mGrid th{padding:4px 2px;color:#ffffff;background:#424242 repeat-x top;border-left:solid 1px #525252;font-size: 0.9em;}
.mGrid checkbox{color: #fff;margin: 10px;margin-left:20px;background: #424242 url(grd_head.png) repeat-x top;border-left: solid 1px #525252;font-size: 0.9em;}
.mGrid span{font-size: 1.1em;font-weight:bold;padding: 4px;color:#3885C2;}
.mGrid label{font-size: 1 em;padding:4px;}  
/*End <- Map Matrix Gridview class*/


/* For ESN User Register Page*/
h1.lHeading, h1.sHeading {border-left:5px solid #3a63ac;padding-left:10px;border-bottom:1px dotted #3a63ac;
		background-color:#ddd;font-size:18px;display:block;margin-bottom:10px;text-align:left;}
.help{float:right;height:400px;min-height:400px;border-left:1px dashed #999999;}
div .help {padding:0px 5px 5px 15px;}
.help ol, .help ul {padding:0;margin:1em 0 0 2em;}
.help ol li, .help ul li {padding-bottom:.7em;}

/*End ESN User Register Page */


/* raja */
#header {padding:0px 5px 0px 10px;float:left;width:1025px;background-color:#ffffff;}
#headerbanner {float:right;width:468px;}
#logo {float:left;font:10px Arial, Helvetica, sans-serif;width:277px;}
#logo a {color:#0057A5;text-decoration:none;}
#logo img {float:left;border:none;}
#navigation {float:left;margin:auto;clear:both;width:100%;position:relative;padding-top:5px;margin-bottom:0px;background:#ffffff top left url(../..images/img_tabBack1.gif) repeat-x;z-index:1000;}

#nav {margin:0px;padding:0px 0px 0px 10px;float:left;font:12px Arial, Helvetica, sans-serif;height:20px;}
#nav li {margin:0px;padding:0px;list-style-type:none;float:left;background:#0057A5 top right url(../../images/img_tabSelRight_trans.gif) no-repeat;margin-right:2px;height:21px;}
/*#nav li ul {display:none;}*/
#nav li#sel ul {display:block;/*margin-bottom:*/}

#nav li a {/*border-bottom:1px solid #333;*/display:block;margin-right:4px;line-height:10px;padding:6px 4px 4px 8px !important;padding:7px 4px 7px 8px;background:top left url(../../images/img_tabSelLeft_trans.gif) no-repeat;color:#fff;text-decoration:none;}
#nav li a:hover, #nav li.sfhover a {color:#fff;border-bottom:1px solid #ccc;}
#nav li#sel a {color:#000; border-bottom:1px solid #d8d8d8;}
#nav li.sfhover {cursor:pointer;}
#nav li:hover, #nav li.sfhover {background:#333 top right url(../../images/img_tabSelRight_trans.gif) no-repeat;}
#nav li#sel {background:#d8d8d8 top right url(../../images/img_tabSelRight_trans.gif) no-repeat;}

#nav li#clr {background:#FFFFFF;}
#nav li#clr ul {display:block;/*margin-bottom:*/}
#nav li#clr a {color:#000; border-bottom:1px solid #FFFFFF;}
#nav li form {margin:0px;padding:0px;list-style-type:none;float:left;background:#FFFFFF;margin-right:2px;}

#nav li#sel ul {display:block;position:absolute;left:0px;margin-left:0px !important;margin-left:0px;margin-top:-1px;background:#ccc;width:804px;padding:6px 10px 3px 5px;border-bottom:1px solid #666;}
#nav li#sel ul li {background:none;}
#nav li#sel ul li a {background:none;z-index:100;padding:1px 0px 1px 7px;line-height:1px !important;line-height:12px; border-left:1px solid #666;color:#0057A5;text-decoration:underline;}
#nav li#sel ul li a#first {border-left:none;}
#nav li#sel ul li a#firsthigh {border-left:none;color:#000;text-decoration:none;}
#nav li#sel ul li a#high {color:#000;text-decoration:none;}

#subnav {width:1035px;list-style-position:inside;list-style-type:none;float:left;background:#d8d8d8; border-bottom:1px solid #000;font:12px Arial, Helvetica, sans-serif;line-height:18px !important;margin-bottom:2px;padding-bottom:5px;}
#subnavw {width:950px;margin:0px 0px 10px 0px;padding:2px; list-style-position:inside;list-style-type:none;float:left;background:#d8d8d8; border-bottom:1px solid #000;font:12px Arial, Helvetica, sans-serif;line-height:18px !important;}
#subnav li {float:left;text-decoration:none;margin:0px;background:none;color:#0057A5;padding-right:10px;list-style-type:none; height:18px; white-space:nowrap;}
#subnav li a {color:#003399; text-decoration:underline;border-left:1px solid #666; padding-left:10px}
#subnav li#first a{border-left:none; color:#0057A5; text-decoration: underline; padding-left:10px}
#subnav li#high a {color:#000000; background: #e9e9e9; font-size:12px; text-decoration:none; border-left:1px solid #666; padding-left:10px; padding-right:15px;}
#subnav li#firsthigh a {color:#000000;  background: #e9e9e9; font-size:12px; text-decoration:none;border-left:1px solid #666; padding-left:10px; padding-right:15px; }


#left{float:left;width:870px;}
#right{width:160px;float:left;margin-left:5px;}