@charset "UTF-8";
/* CSS Document */
body{
background-image: url(../images/backgrounds/bg-body.jpg);
background-position: top;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #006699;
font-size: 12px;
text-align: center;
line-height: 1.25em;
}

a {
outline: none;
color: #006699;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

#main-wrapper-home{
width: 1102px;
background-image: url(../images/backgrounds/bg-side-shading.png);
background-position: top;
background-repeat: repeat-y;
}

#main-wrapper{
width: 1102px;
background-image: url(../images/backgrounds/bg-side-shading-content.png);
background-position: top;
background-repeat: repeat-y;
}

#left-inner-wrapper{
width: 1063px;
float: left;
}

#left{
width: 39px;
height: 100%;
float: left;
}

#right{
width: 39px;
height: 100%
float: right;
}

#inner-wrapper-home{
background-image: url(../images/backgrounds/bg-wrapper.jpg);
background-position: top;
background-repeat: no-repeat;
width: 1024px;
float: right;
text-align: left;
}

#inner-wrapper{
background-image: url(../images/backgrounds/bg-wrapper-content.jpg);
background-position: top;
background-repeat: no-repeat;
width: 1024px;
float: right;
text-align: left;
}

#header-logo{
float: left;
width: 281px;
}

#header-nav{
float: right;
width: 266px;
text-align: right;
padding-right: 21px;
}

#top-links{
text-align: right;
height: 36px;
list-style: none;
list-style-type: none;
}

#top-links li{
float: left;
list-style: none;
list-style-type: none;
}

#search{
padding-top: 31px;
}

#text-switch{
padding-top: 13px;
padding-right: 13px;
color: #000000;
font-size: 12px;
}

#hmenu {
_text-align: right;
width: 807px;
height: 29px;
padding: 0px;
margin: auto;
margin-left: 217px;
}

/* Fix IE. Hide from IE Mac \*/
* html #hmenu ul li { float: left; }
* html #hmenu ul li a { height: 1%; }
* html #hmenu ul{ width: 1%; }
/* End */ 

#hmenu ul {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
list-style-type: none;
list-style-position: outside;
}

#hmenu ul li{
float: left;
margin: 0px;
padding: 0px;
_width: 1%; /*IE6 HACK*/
}

#hmenu a{
display: block;
margin: 0px;
padding: 0px;
}

#hmenu a:hover {
 /* to insist on a redraw */
background-position: 1%;
}

#hmenu li{
float: left;
position: relative;
}

#hmenu ul ul
{
position: absolute;
top: 0;
left: -14px;
}

#hmenu ul li ul {
position: absolute;
z-index: 1000;
top: 29px;
left: -14px;
width: 253px;
}

#hmenu ul li ul li{
left: 0px;
border-bottom: thin;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
text-align: left;
height: 20.25px;
background-color: #B0D9EE;
text-align: left;
padding-left: 15px;
padding-top: 11px;
}

#hmenu ul li ul li a{
font-size: 12px;
text-decoration: none;
color: #003366;
}

#hmenu ul li ul li a:hover{
text-decoration: none;
color: #FFFFFF;
}


div#hmenu ul li ul,
div#hmenu ul li:hover ul li ul,
div#hmenu ul li ul:hover ul li{
display: none;
}

div#hmenu ul li:hover ul,
div#hmenu ul ul li:hover ul,
div#hmenu ul ul ul li:hover ul{
display: block;
}

#hmenu ul li ul li{
float: left; 
width: 100%; 
}

#hmenu ul li a{
height: 100%;
}

#left-nav-column{
float: left;
width: 238px;
}

#bubble-padding{
width: 172px;
position: relative;
margin-top: -16px;
}

#bubble{
width: 172px;
position: relative;
margin-top: -4px;
background-image: url(../images/backgrounds/bg-bubble.jpg);
background-repeat: repeat-y;
background-position: top;
text-align: center;
}

#content-home{
background-image: url(../images/backgrounds/bg-content-top-curve.jpg);
background-position: top;
background-repeat: no-repeat;
float: right;
width: 786px;
}

#content{
float: right;
width: 786px;
background-color: #FFFFFF;
background-image: url(../images/backgrounds/bg-content-with-top-curve.jpg);
background-repeat: no-repeat;
}

#content-wrapper{
padding-top: 28px;
padding-left: 32px;
padding-right: 75px;
}

#content-wrapper-home{
background-image: url(../images/backgrounds/bg-content.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #FFFFFF;
padding-top: 30px;
padding-left: 32px; 
}

#content-left-column{
width: 310px;
float: left;
padding-right: 43px;
padding-top: 29px;
}

#content-right-column{
width: 315px;
float: right;
padding-top: 29px;
padding-right: 84px;
}

#left-nav{
width: 217px;
padding-top: 5px;
margin-top: 2px;
float: left;
}

#left-nav ul{
list-style-position: outside;
position: relative;
margin:0;
padding:0;
list-style-type:none;
}

#left-nav li{
padding: 16px;
list-style: none;
list-style-type: none;
}

#left-nav li:hover{
background-color: #ACD7ED;
}

#left-nav li li:hover{
background-color: #9DCEE9}

#left-nav li a{
font-size: 14px;
text-transform: uppercase;
color: #003366;
text-decoration: none;
}

#left-nav ul li ul{
list-style-position: outside;
position: relative;
margin:0;
padding:0;
padding-top: 5px;
list-style-type:none;
}

#left-nav li li{
vertical-align: middle;
padding: 0px;
list-style: none;
list-style-type: none;
}

#left-nav li li a{
font-size: 12px;
text-transform: none;
color: #003366;
text-decoration: none;
}

#column{
float: right;
height: 780px;
width: 21px;
padding: 0px;
margin: auto;
background-image: url(../images/backgrounds/bg-left-column.jpg);
background-position: top;
background-repeat: repeat-x;
}

#footer-home{
float: right;
color: #99CCFF;
font-size: 10px;
text-align: right;
padding-top: 20px;
padding-right: 259px;
}

#footer-home a{
text-decoration: none;
color: #99CCFF;
}

#footer-home a:hover{
color: #FFFFFF;
}

#footer{
color: #99CCFF;
font-size: 10px;
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
vertical-align: text-bottom;
}

#footer a{
text-decoration: none;
color: #99CCFF;
}

#footer a:hover{
color: #006699;
}

.main-title{
color: #999966;
font-size: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: lighter;
}

.main-subtitle{
color: #999966;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: lighter;
}

.grey-text{
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: none;
}

.sub-title{
text-transform: uppercase;
font-weight: bold;
}