﻿body 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #000;
    font-weight: normal;
    font-variant: normal;
    margin-top: 0;
    background-image: url('images/home-background.gif');
    background-repeat: repeat;
    padding: 0;
}

#bg
{
    background-color: #fff;
    width: 780px;
    position: relative;
    margin: auto;
    overflow: hidden;
}

/* START width 100% test */
#bgtest
{
    background-color: #fff;
    width: 100%;
    position: relative;
    margin: auto;
    overflow: hidden;
    min-width: 790px;    
}

*html #bgtest
{
    width: expression((document.documentElement.clientWidth < 790?790 :
    document.documentElement.clientWidth) + "px"); 
}

#repeatbg
{
    background-image: url('images/repeatbg.gif');
    background-repeat: repeat-x; 
    margin-right: 120px;
   
}

#repeatbg div
{
    float: left; 
    
}

#rightbox
{
    float: right;
    width: 120px;
    height: 90px;
 
}
/* END width 100% test */

html
{
    overflow-y: scroll !important;
}

img
{
    border-width: 0; 
}

.noscript
{
    color: #fff;   
    font-weight: bold;
    font-size: 1.2em;
    background-color: #cc0000;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 2px;
}

h1
{
    font-size: 1.3em;
    color: #336600;   
}


h2	
{
	font-size: 1.1em;
	font-weight: 800;
	margin-bottom: 8pt; 
	margin-top: 0pt; 
}

.wtitle
{
     position: absolute;
     visibility: hidden;
     left: 10px;
     letter-spacing : 1px; 
}

.auto
{
    margin: auto;    
    
}

.mainmenu
{
     position: absolute;
     left: 110px;
     top: 69px;
     color: #FFCC33;
     text-align: left;
     letter-spacing: 1px;  
     width: 100%; 
     z-index: 815;
}

.footmenu
{
    *padding-top: 5px;    
}

.mainmenu a:link, .mainmenu a:active, .footmenu a:link, .footmenu a:active
{
    padding-left: 2px;
    padding-right: 4px;
    color: #FFCC33;
    font-weight: bold;
}

.mainmenu a:visited, .footmenu a:visited
{
    padding-left: 2px;
    padding-right: 4px;
    color: #FFCC33;
    font-weight: bold;
}

.mainmenu a:hover, .footmenu a:hover
{
   font-weight: bold;
    color: #FFFFFF;
}

table td
{
    vertical-align: top;    
}

.w2
{
    width: 2%;    
}

.w8
{
    width: 8%;    
}

.w13
{
    width: 13%;    
}

.w16
{
    width: 16%;    
}

.w18
{
    width: 18%;    
}

.w71
{
    width: 71%;    
}

.w97
{
    width: 97%;    
}

.w100
{
    width: 100%;    
}

.normalFont
{
	font: normal normal normal 12px/16px arial, helvetica, sans-serif;
}

.normalLink, .normalLinkAlert
{
 	background: Transparent;
	font-size: 1em;
	border: 0;
	margin: 0;
	cursor: pointer;
}

.normalLink
{
    color: #003399; 
    padding: 0;  
}

.normalLinkAlert
{
    font-weight: bold; 
    color: #000000; 
    padding: 2px 10px;
}

.normalLinkAlert:hover
{
     color: #666666;
    
}

a:link	
{
	color:	#003399;
}

a:visited	
{
	color:	#666;
}

a:active	
{
	color:	#000;
}

a:hover, .normalLink:hover
{
	color:	#006600;
}

.secondary a:link
{ 
    color: #FFFFFF;
}
.secondary a:visited
{ 
    color: #CCCCCC;
}
.secondary a:hover
{
     color: #FFCC33;
}
.secondary a:active
{ 
    color: #FFFFFF;
}

.mymenu a:link
{ 
    color: #003399;
}
.mymenu a:visited
{ 
    color: #666;
}
.mymenu a:hover 
{
     color: #006600;
}
.mymenu a:active
{ 
    color: #000;
}

.mymenu a:link, .mymenu a:visited, .mymenu a:hover, .mymenu a:active
{
    font-weight: bold;    
}

.sitemap
{
    font-weight: bold;
    margin-left: 30px; 
    text-align: left;
}

.secondary ul
{
    margin-top: 12px; 
    margin-bottom: 12px;   
}

.secondary li
{
    padding-top: 3px;    
}

.center, .travelimage
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignRight
{
    float: right;
}

.alignRightIE .blmap
{
    text-align: center;
    margin: 0;   
}

.headblock /* keep page layout when image is disabled */
{
    height: 90px;
    background: #fff;    
}

.toppart
{
    padding-top: 3px;
}

*html .toppart
{
    margin-top: -3px;    
}

.footer
{
    text-align:center;
    padding-top: 10px;
    padding-bottom: 30px;
    background-color: #003399;
    color: #FFCC33;
}    

.footer .socialMedia
{
    padding-left: 10px;   
    padding-bottom: 10px;     
}

.socialMedia
{
    display: inline-block;
    *display: inline;
    padding: 2px;     
}

.white, .whiteblack
{
    color: #fff;
}

.bllong
{
    background: 0 100% no-repeat #003399; 
    width: 100%;
    letter-spacing: 1px;
}

.brlong
{
    background: 100% 100% no-repeat;
}

.tllong
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trlong
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.blhelp
{
    background: 0 100% no-repeat #003399; 
    width: 100%;
    letter-spacing: 1px;
}

.brhelp
{
    background: 100% 100% no-repeat;
}

.tlhelp
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trhelp
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.blmap 
{
    background: 0 100% no-repeat #003399; 
    width: 430px;
    margin: auto;
    letter-spacing: 1px;
}

.brmap 
{
    background: 100% 100% no-repeat;
}

.tlmap 
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trmap 
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.bl1
{
    background: url(images/bl1.gif) 0 100% no-repeat #003399; 
    width: 407px;
    letter-spacing: 1px;
    height: 100%;
}

.br1
{
    background: url(images/br1.gif) 100% 100% no-repeat;
}

.tl1
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.tr1
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding:  5px;
}

.quicklinkpad
{
    padding:   14px 8px 14px 9px;
}

*html .quicklinkpad
{
    padding: 13px 10px 12px 10px;
}

.white
{
    color: #ffffff;
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
.yui-navset .yui-nav li 
{
    margin:0 0.5em 0 0; /* horizontal tabs */
}

.yui-nav,.yui-nav li
{
    margin:0;padding:0;
    list-style:none;
    }
.yui-navset li em
{
    font-style:normal;
    }
.yui-navset
{
    position:relative;zoom:1;
    }
.yui-navset .yui-content
{
    zoom:1;
    }
.yui-navset .yui-nav li 
{
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline;
    vertical-align:bottom;
    cursor:pointer;
    zoom:1;
    }
.yui-navset .yui-nav a
{
    position:relative;
    }
.yui-navset .yui-nav li a 
{
    display:block;
    display:inline-block;
    vertical-align:bottom;
    zoom:1;
}

.yui-navset .yui-nav li a em 
{
    display:block;
}
.yui-skin-sam .yui-navset .yui-nav 
{                                                     
    /* protect nested tabviews from other orientations */ 
    border-top:solid 1px #003399;   /* color between tab list and content */ 
    background-color: #003399; 
    Xposition:relative;
    zoom:1;
    }
.yui-skin-sam .yui-navset .yui-nav li 
{
    margin:0 0 0 0.16em; /* space between tabs */ 
    padding:1px 0 0 0;      /* gecko: make room for overflow */ 
    zoom:1;
    }
.yui-skin-sam .yui-navset .yui-nav .selected 
{
    margin:0 0 -1px 0.16em;   /* for overlap */ 
    }
.yui-skin-sam .yui-navset .yui-nav a 
{
    background-color:#ccc;
    border:solid #ccc;
    border-width:0 1px;
    color:#000;
    font-weight: bold;
    position:relative;
    text-decoration:none;
    }
.yui-skin-sam .yui-navset .yui-nav a em 
{
    border:solid #ccc;
    border-width:1px 0 0;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right:0; bottom:0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
    }
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus /* no focus effect for selected */ ,.yui-skin-sam .yui-navset .yui-nav .selected a:hover /* no hover effect for selected */ 
{
    background-color: #fff;   /* selected tab background */
    color:#000;
    font-weight: bold;
    }
.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{
    background-color: #bfdaff;  /* selected tab background */
    outline:0;
    }
.yui-skin-sam .yui-navset .yui-nav .selected a em
{
    padding:0.35em 0.75em; /* raise selected tab */ 
    }
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em
{
    border-color:#ccc; /* selected tab border color */
    }
.yui-skin-sam .yui-navset .yui-content
{
    background:#fff; /* content background color */ 
    }
.yui-skin-sam .yui-navset .yui-content 
{
    border-top:1px solid #999; /* content border */
    border-bottom:1px solid #ccc;
    padding:0.25em 0.5em;  /* content padding */ 
}

.alert
{
    /*padding-right: 5px;*/
    text-align: left;
}

.viewalert
{
    padding-right: 10px;
    text-align: right;
}

.alertborder td
{
   vertical-align: top;
   border-bottom: solid 1px #003399;
   color: #ff0000;
   padding-bottom: 4px;
}
   
/* Alert Scroll */

#pscroller
{
	
	text-align: left;
	/*margin-left: -30px;*/
	height: 45px;
	line-height: 15px; /* shows 3 lines for alerts in chrome */
	font-weight: bold;
}

*html #pscroller
{
    padding-right: 20px; 
    top: 0; 
}
    
.alertpad, .padsubheaderlink
{
    padding-left: 10px;
}

*html .scroll
{
    margin-top: 0;    
}

.trafficbg
{
    color: #000;
    border: solid 1px #ccc;
    width: 97%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

div.trafficbg ul.yui-nav span
{
	white-space: nowrap;
}
    
.tabpad
{
    position: absolute;
    top: 6px;
    left: 610px;
    text-align: center;
}

.moveright
{
    text-align: right;
}

.moveleftbold, .fontbold
{
    font-weight: bold;
}

.padbottom
{
    padding-bottom: 10px;    
}

.questionpad
{
    padding-bottom: 5px;    
}

.answer
{
    margin-left: 10px;    
}

.floatL
{
    float: left;    
}

.floatR 
{
    float: right;    
}

.linkwidth
{
    width: 100%;  
    font-size: 1.2em;
    color: #336600;
   
}

.alertcolor
{
    background-color: #ece9e9;        
}

.handcursor
{
    cursor:pointer;
}

.printer
{
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;    
}

.travelimage
{
    padding-left: 5px;
}

.padtop10
{
    padding-top: 10px;    
}

.linkboxinfo
{
    background: #fff;
}

.smallfont div
{
    font-size: smaller;    
}

.icongroup1
{
    padding-top: 5px;
    padding-left: 5px;
}

.btnprint
{
    display: none;    
}

.linkboxinfo li
{
    padding-bottom: 10px;
}

.content
{
    top: 4px;  
    padding-bottom: 15px;  
}

td.mymenu 
{
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

td.mymenu 
{
    padding: 15px;
}

.profilepad
{
    padding-top: 20px;
}

.profilepad
{
    text-align: center; 
}

.tablespace
{
    padding-left: 5px;
    padding-right: 5px;
}

.moveleft, .moveleftbold
{
    text-align: left;    
}

.smallcol
{
    text-align: left; 
    padding-right: 20px;
}

p
{
    margin-left: 10px;
}

.minheight
{
    min-height: 260px; 
}

*html .minheight
{
    height: 260px;    
}

.linkq
{
    margin-left: -10px;  
}
   
.ddlregions
{
    position: absolute;
    margin-top: -25px;   
    margin-left: 3px;
    *position: relative;
    *top: -4px;
}

/* IE7 and below*/
*:first-child+html .ddlregions
{
   /* top: 447px; */
}

*html .ddlregions
{
    /*top: 450px; 
    left: -115px; */
}

.imgvalign 
{
    vertical-align: middle;   
}

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
} 
