/*control panel*/
.ControlPanel{background:#EFEFEF;border:#AAA solid;border-width:0 0 1px 0;}
.ControlPanel img{margin:10px 5px 0px;}
.ControlPanel td td td td img{margin:0px;}
.ControlPanel div{width:1px;height:100px;background:#AAA;}
.ControlPanel td.SubHead{background:#AAA;}
.ControlPanel .SubHead{font-size:13px;color:#333;font-weight:bold;padding:5px 0;}
.ControlPanel td td td .SubHead{background:transparent;color:#333;font-size:11px;font-weight:normal;}
.ControlPanel a.CommandButton{font-size:10px;font-weight:normal;}

/*js alert*/
.alert {
	background: #FFFADF url(/images/yellow-warning.gif) center no-repeat;
	width:1000px;
	margin:0 auto;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 50px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

/*page*/
html,body{
    background:#FFF;
    margin:0 auto;
    padding:0;
    height:100%;
    text-align:center;
    background:url(bg.jpg) no-repeat top;
    background-attachment: fixed;
    width: 1000px;
}

#skinwrapper{
    width:1000px !important;
    background:;
    border:0px dashed #ff9900;
    margin:0 auto;
    text-align:left;
}
#skinlogo{
     height:145px;
     padding:0;
     margin:0 auto;
     border:0px dashed #00ff24;
     width:1000px;
     margin-bottom:0px;
}
#LoginUserContainer{
     text-align:right;
     width:1000px;
     height:auto;
     border:0px dashed #ff6600;
     padding:0px 10px 5px 0;
     margin-top:0px;
}
#TopLinksBar{
     text-align:right;
     width:1000px;
     height:44px;
     border:0px dashed #ffcc66;
     padding:0px;
     margin-top:-145px;
     background:url(TopLinks.png) no-repeat top right;
}
/*top menubar*/
dl#TopLinks{float:right;margin: 0; padding: 0; background: transparent ;width: 476px;height: 44px; position: relative;}

dt#TLJoin{ margin: 0; padding: 0; position: absolute; font-size: 85%; }
dd#TLJoin{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd#TLJoin a{text-decoration: none; }
dd#TLJoin a span{ display: none; }
dd#TLJoin a:hover span{display: none;}
dd#TLJoin{ top: 0px; left: 46px; }
dd#TLJoin a{ position: absolute; width: 106px; height: 42px;}
dd#TLJoin a:hover{ position: absolute; background: url(/portals/_default/skins/USPA/TopLinks.png) -46px -45px no-repeat; }

dt#TLPara{ margin: 0; padding: 0; position: absolute; font-size: 85%; }
dd#TLPara{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd#TLPara a{text-decoration: none; }
dd#TLPara a span{ display: none; }
dd#TLPara a:hover span{display: none;}
dd#TLPara{ top: 0px; left: 154px; }
dd#TLPara a{ position: absolute; width: 108px; height: 42px;}
dd#TLPara a:hover{ position: absolute; background: url(/portals/_default/skins/USPA/TopLinks.png) -152px -44px no-repeat; }

dt#TLShop{ margin: 0; padding: 0; position: absolute; font-size: 85%; }
dd#TLShop{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd#TLShop a{text-decoration: none; }
dd#TLShop a span{ display: none; }
dd#TLShop a:hover span{display: none;}
dd#TLShop{ top: 0px; left: 260px; }
dd#TLShop a{ position: absolute; width: 60px ; height: 42px;}
dd#TLShop a:hover{ position: absolute; background: url(/portals/_default/skins/USPA/TopLinks.png) -260px -44px no-repeat; }

dt#TLSIM{ margin: 0; padding: 0; position: absolute; font-size: 85%; }
dd#TLSIM{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd#TLSIM a{text-decoration: none; }
dd#TLSIM a span{ display: none; }
dd#TLSIM a:hover span{display: none;}
dd#TLSIM{ top: 0px; left: 321px; }
dd#TLSIM a{ position: absolute; width: 50px; height: 42px;}
dd#TLSIM a:hover{ position: absolute; background: transparent url(/portals/_default/skins/USPA/TopLinks.png) -321px -44px no-repeat; }

dt#TLDZ{ margin: 0; padding: 0; position: absolute; font-size: 85%; }
dd#TLDZ{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd#TLDZ a{text-decoration: none; }
dd#TLDZ a span{ display: none; }
dd#TLDZ a:hover span{display: none;}
dd#TLDZ{ top: 0px; left: 370px; }
dd#TLDZ a{ position: absolute; width: 105px; height: 42px;}
dd#TLDZ a:hover{ position: absolute; background: transparent url(/portals/_default/skins/USPA/TopLinks.png) -370px -44px no-repeat; }
/*end top menubar*/

#menuwrapper {
    background-color:#444;
    width:1000px !important;
    margin-top:90px;
    margin-bottom:10px;
    border:2px solid #666;
    align:center;
}    


#topbar {
    height:50px;
    width:; 
    background:;
    border:0px dashed #00FFFF;
    color:#333;
    line-height:50px;
    margin-bottom:0px;
    padding:0;
}  
#breadcrumb{
    float:left;
    padding:0;
    line-height:26px;
    height:26px;
    font-size:0.9em;
    color:#333;
}
#POLbreadcrumb{
    float:left;
    padding-left:25px;
    line-height:26px;
    height:26px;
    font-size:0.9em;
    color:#333;
}
#breadcrumb span.arrow{color:#333;cursor:default;font-size:1em;}
#POLbreadcrumb span.arrow{color:#333;cursor:default;font-size:1em;}
#sitesearch{float:right;}
#sitesearch input{color:#666;}
.gsc-control form.gsc-search-box {display : none;}
#searchForm {width : 210px; height:40px;padding:0;margin:0;}
#rightSearchControl div.gs-visibleUrl-long {display : block;}
.gsc-webResult div.gs-visibleUrl-short {display : none;}
.gsc-control { width : 100%; padding:0 10px; background-color:#f5f5f5;}

#skinfooter{
    margin:0 auto;
    text-align:center;
    padding:10px 0;
    border:2px solid #c0c0c0;
    background-color:#fff;
    width:1000px;
    line-height:1.5em;
    margin-top:0;
    clear:both;
}

.OnTheWeb
{
    padding:0 0 15px 0;
    background-color:#fff;
    margin-bottom:10px;
    width:1000px;
}
.OnTheWeb h4
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    color:#ff6600;
    font-weight:bolder;
    text-align:left;
    padding:10px 0 0 15px;
    
}

.OnTheWeb ul{
	padding:0;
	margin:0 auto;
	list-style:none;
	background:#fff;
	border:solid 0px #ff6600;
}

.OnTheWeb ul li{
	display:inline;
	width:130px;
	height:50px;
	text-align:left;
	background:#fff;
	margin:0 auto;
	padding:15px 0;
	border:solid 0px green;
}

.OnTheWeb ul li a, .OnTheWeb ul li a:hover{padding:25px 66px ;text-decoration:none;}
.OnTheWeb ul li.Blog{background: url("/portals/0/icons/badge_blog.png") no-repeat left center}
.OnTheWeb ul li.Facebook{background:  url("/portals/0/icons/badge_facebook.png") no-repeat left center}
.OnTheWeb ul li.RSS{background:  url("/portals/0/icons/badge_rss.png") no-repeat left center}
.OnTheWeb ul li.Twitter{background: url("/portals/0/icons/badge_twitter.png") no-repeat left center}
.OnTheWeb ul li.YouTube{background: url("/Portals/0/Icons/badge_youtube.png") no-repeat left center}
.OnTheWeb ul li.MySpace{background: url("/Portals/0/Icons/badge_myspace.png") no-repeat left center}
.OnTheWeb ul li.LinkedIn{background: url("/Portals/0/Icons/badge_linkedin.png") no-repeat left center}
.OnTheWeb div.clear{overflow:hidden}


/*panes*/
#NavTop{width:1000px;margin:0 auto;background:url(NavTop.png) no-repeat;height:26px;}
#NavMid{width:1000px;margin:0 auto;background:url(NavMid.png) repeat;}
#panes{width:945px;margin-left:20px;border:0px dashed #FF6600;}
#NavBot{width:1000px;margin:0 auto;background:url(NavBot.png) no-repeat;height:26px;padding-bottom:20px;}
#POLpanes{width:1000px;margin: 0 auto;}
.LeftPane{width:195px;padding:0; padding-right:55px;border:0px dashed #FFFF00;}
#BannerPane{width:690px;padding:0;border:0px dashed #cc3300;}
.ContentPane{width:;padding:0;border:0px dashed #00FF00;}
.RightPane{width:200px;padding:0 0 0 25px;float:right;border:0px dashed #FF66FF;}
#MainTabContentPane{width:330px;padding:0 10px 0 0 ;border:0px dashed #FF66FF;}
#MainTabRightPane{width:330px;padding:0 0 0 10px;border:0px dashed #00FF00;}
.POLBannerPane{padding:0 ;}
.POLContentPane{width:380px;padding:0 ;}
.POLRightPane{width:580px;padding:0 0 0 40px;}
#HomeBottomContainer{width: 1000px; height: 245px;margin:0 auto; text-align: center;background:url(/Portals/0/HomePageBoxes.png) no-repeat;position:relative;bottom:60px;overflow:hidden;margin-bottom:-75px;}
#HomeJoin{ width: 350px; float: left; text-align: center;}
#HomeContact{width: 350px; float: right; text-align: center;}
.PaneClear {width:1000px; clear:both; margin:0 auto;}
#PaneRow3 {}

/*pager*/
.PagerPanel {margin:3px 0;border:0px dashed #FF0099;}
.pager {color:#666;font-weight:bold;padding:2px 7px;text-align:center;}
a.pager:link{color:#003366;text-decoration:none;font-weight:bold;border:solid 1px #FFF;}
a.pager:visited{color:#336699;text-decoration:none;font-weight:bold;border:solid 1px #FFF;}
a.pager:hover{color:#CC3300;text-decoration:underline;font-weight:bold;border:solid 1px #CC3300;}
a.pager:active{color:#003366;font-weight:bold;border:solid 1px #FFF;}

/*glossary alpha list*/
ul#alpha {padding: 0;margin: 0;list-style-type: none;width: 100%;color: #fff;background-color: ;font-weight:bold;line-height:1.8em;}
ul#alpha li { display: inline; }
ul#alpha li a {width:;color: #fff;background-color: #036;padding:0.5em 0.3em;text-decoration: none;}
ul#alpha li a:hover{background-color: #369;color: #fff;}

/*social networking links*/
.digg  {padding:5px;}
img.digg {vertical-align:middle;}
a.digg:link, a.digg:visited, a.digg:hover, a.digg:active{text-decoration:none;}

/*drop shadow effect*/
.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0;
  }

/*links & buttons*/
a:link{color:#003366;text-decoration:none;}
a:visited{color:#336699;text-decoration:none;}
a:hover{color:#CC3300;text-decoration:underline;}
a:active{color:#003366;text-decoration:underline;}

a.topbarlinks,.topbarlinks{font-size:0.9em;color:#003366;}
a.topbarlinks:link{color:#003366;text-decoration:underline;}
a.topbarlinks:visited{color:#336699;text-decoration:underline;}
a.topbarlinks:hover{color:#CC3300;text-decoration:none;}
a.topbarlinks:active{color:#003366;text-decoration:none;}

a.skinfooter:link{color:#555;text-decoration:none;font-size:11px;}
a.skinfooter:visited{color:#336699;text-decoration:none;font-size:11px;}
a.skinfooter:hover{color:#CC3300;text-decoration:underline;font-size:11px;}
a.skinfooter:active{color:#CC3300;text-decoration:underline;font-size:11px;}

a.subhead:link{color:#003366;text-decoration:none;}
a.subhead:visited{color:#003366;text-decoration:none;}
a.subhead:hover{color:#003366;text-decoration:underline;}
a.subhead:active{color:#003366;text-decoration:underline;}

a.head:link{color:#003366;text-decoration:none;}
a.head:visited{color:#003366;text-decoration:none;}
a.head:hover{color:#CC3300;text-decoration:none;}
a.head:active{color:#CC3300;text-decoration:none;}

/*text*/
.normal,.body,.NormalTextBox,div,span,p,td,th,li,a{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333;}
.normalgrey{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666;}
.skinfooter{font-size:11px;color:#555;}
.head{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;color:#003366;}
.h1{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;color:#003366;}
.subhead{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;font-weight:bold;color:#003366;}
.h2{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;font-weight:bold;color:#003366;}
.title{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#003366;}
.h3{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#003366;}
.greyital{color: #666666;font-style: italic; }
.caption{font-size:0.8em;color: #666666;}
.simhead {font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;color:#003366;}
.simtext {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333;}
.simtextbold1 {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333; font-weight: bold;}
.simsub1 {font-family: Arial, Helvetica, sans-serif;font-size: 9pt; font-weight: bolder; color: #ffffff;}
.simsub2 {font-family: Arial, Helvetica, sans-serif;font-size: 1.1em; color: #003366; font-weight: bold;}
.simtextundl {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-style: italic;color:#333;}
.simsmallcaps {font-variant: small-caps;font-weight:bold;border-bottom:1px solid black;}
.simcaps { text-transform:uppercase; font-weight:bold; width:100%; border-bottom:1px solid black;}

/*lists*/
.OL LI   {list-style-type: upper-alpha;}

/* this is the clipping region for the menu. its width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
}

/* this is the main container for the menu itself. its width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 99999;
}

.transMenu.top .items {
	border-top: none;
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. Its left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	width: 2px;
	position: absolute;
	z-index: 3;
	top: 3px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. Its top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute;
	z-index: 1;
	left: 3px;
	height: 2px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
/* each TR.item is one menu item */
.transMenu .item{
	margin: 0px;
	border: none;
	display: block; /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	font-size:0.9em;
	font-weight:bold;
	cursor: pointer;
	cursor: hand;
}

.transMenu .item td {
	font-size:0.9em;
	color: #FFF;
}

.transMenu .item.hover {
	background:url(tabbarslice.gif) repeat;
}

.transMenu .item.hover td {
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in its place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left: 10px;
}

/* Added classes by Khanh - 050629 */
.transMenu .item#active {
	background:url(tabbarslice.gif) repeat;
	color: #FFF!important;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}

.transMenu .item#active.hover {
	color: #FFF;
}


/* For first level menu.*/
#wrap {
	margin: 0px;
	padding: 0px;
}

#menu {
	margin: 0px;
	padding: 0px;
}

#menu td {
	text-align: left;
}

#mbttransmenu {
	
}

a.mainlevel-trans:link, a.mainlevel-trans:visited {
	background:url(tabselslice.gif) repeat;
	clear: both;
	margin: 1px 2px;
	display: block;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
	line-height: 25px;
	text-align: center;
	font-size:1.3em;
	padding: 0px;
	font-weight:bold; 
	width:163px;
}

a.mainlevel-trans:hover {
	background:url(tabbarslice.gif) repeat;
	text-decoration: none;
	color: #FFF;
	font-size:1.3em;
	text-decoration: none;
	font-weight:bold; 
    line-height:25px;
}

a.mainlevel_active-trans, a.mainlevel_active-trans:active {
	clear: both;
	width: auto;
	margin: 0;
	display: block;
	white-space: nowrap;
	background-color:#FF6600;
	color: #000;
	font-size:2em;
	text-decoration: none;
	font-weight:bold; 
    line-height:25px;
}

a.mainlevel_active-trans:hover {
	color: #000;
}

/* End added */

/*left navigation*/
.TabList{margin-left:-30px;margin-top:15px;}
.TabList ul {margin:0 auto;}
.TabList li {font-size:1.05em;margin:0 auto;list-style:none;}
.LinkIcon {}
.TabList li li {}
.TabList li li li{}
.TabList li a {}
select.TabList {}
#NavTabsContainer {vertical-align:top;padding:25px 0 0 0;}
#NavTabs a {text-decoration:none;color:#FFF;/*width:200px;line-height:1.5em;*/;font-weight:normal;}
#NavTabs a:hover {color:#CC3300;/*background-color:#777;*/}
#NavTabs .Level0 {padding-top:5px;padding-bottom:5px;font-size:1.05em;}
#NavTabs .Level1 {padding-left:0px;padding-top:2px;padding-bottom:2px;font-size:12px;}
#NavTabs .Level2 {padding-left:15px;padding-top:1px;padding-bottom:1px;font-size:95%;}
#NavTabs .Level3 {padding-left:30px;padding-top:1px;padding-bottom:1px;font-size:85%;}
#NavTabs .SelectedTab a {color:#FF6600;font-weight:bold;/*background-color:#777;*/}
#NavTabs .DisabledTab {color:#999;font-weight:lighter;}

/*Video TanAFFIAD */
.container{
	width:100%;
	border:0px dashed #FF0099;
	height:;
        clear:both;
	}
.vidcontainer{
	width:325px;
	float:left;
	border:0px dashed #565656;
	}
.listcontainer{
	 float:right;
	 width:325px;
	 border:0px dashed #FF6600;
	 }
.list{
	margin:0;
	padding:5px ;
	text-align: justify;  
	text-decoration: none; 
	color:#003366; 
	text-align: left;
	font-weight:bold;
	font-size:15px;
	padding:2px 0 2px 10px;
	background: #ccc; 
	}
.Def{text-align: left;
	color:#333;
	background:#fff;
	font-size:13px;
	margin-left:15px;
	padding:5px 0 15px 0;
	}
span#tip{
	padding:3px 10px 3px 10px; 
	font-size:0.8em; 
	width:;
	}
/*End Video*/

/*USPA hover tables*/
#USPAtable
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 15px;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
}
#USPAtable th
{
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	padding: 10px 8px;
	border-bottom: 2px solid #666;
	vertical-align:bottom;
}
#USPAtable td
{
	border-bottom: 1px solid #ccc;
	color: #333;
	padding: 6px 8px;
}
#USPAtable tbody tr:hover td
{
	color: #333;
	background: #ebebeb;
}

/*Home page image boxes*/
.HomePanel
{
    border: 0pt none ;
    overflow: hidden;
    width: 790px;
    height: 290px;
    }
.HPanelImg
{
    width: 800px;
    height: 290px;
    float: left;
}
.HPanelText
{
    padding: 5px;
    overflow: hidden;
    width: 325px;
    float: right;
    position: relative;
    bottom: 220px;
    height: auto;
    text-align: justify;
    }