/* Structural Elements */
body {
    text-align: center;
    padding:0;
    margin:0;
}
ul#topNav {
   height: 62px;
}

#mainNav {
    margin-bottom:45px;
}
#page {
    width:890px;

    height:100%;
    min-height:733px;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    padding-top:25px;
}
#content {
    width:650px;
    float:right;
    padding-bottom:40px;
    min-height:400px;
}
.internal #content {
    width:890px;
}
#sidebar .highlightText {
    padding:15px 20px 17px 20px;
    min-height:40px;
    _min-height:80px;
}
#innerContent {
    padding:27px 30px 20px 30px;
}

#logo {
    float:left;
}
#content h2 {
    margin:0;
}
#sidebar {
    width: 230px;
}
#footer {
    padding:15px 1px 50px 0;
    text-align:right;
    clear:both;
}

#hpBackground #logo {
    margin-bottom:20px;
}
#hpBackground #content {
    width:700px;
    float:none;
    padding-left:152px;   
}
.homeLink {
    width:120px;
    padding-right:100px;
    float:left;
}

/* Typography and colors */
body {
    font-size: 74.5%;
    color: #eee;
    background-color: #0A2342;
}
body,
#content h2,
#content h3,
#content h4,
#content p.large,
.footnote,
.homeLink a,
ul.nav {
    font-family: Helvetica,Arial,Sans-Serif;
    font-weight:normal;
}
#content,
#sidebar .highlightText {
    font-family:Century, Times New Roman, serif;
    font-size:130%;
    color: #7FCCFF;
    background-color:#1C6899;
}

#sidebar .highlightText {
    color:#fff;
    border-top:10px solid #036;
}

#content p, 
#content ul,
#content ol {
    line-height:1.4em;
}
#content h2 {
    font-size:36px;
    color:#fff;
    line-height:1.1em;
    padding-bottom:0px;
}

#content h3,
#content h4 {
    margin:0 0 3px 0;
    padding:0 0 0 1px;
    font-size:135%;
}
#content h4 {
    color:#fff;
}

#content hr {
    height:0;
    border-top:0;
    border-bottom:1px solid #7AC8F9;
}
#content a,
#content a:visited {
    color:#D2E9F7;
}
/* homepage typography */
#hpBackground #content {
    background-color:transparent;
    color:#fff;
}
#content p.large {
    font-size:140%;
    color:#9ff;
    line-height:1em;
}
.footnote {
    color:#7AC8FE;
    font-size:70%
}

#background {
    padding:0px 10px;
    background-image: url(images/bg_gradient.jpg);
    background-repeat:repeat-x;

}
#hpBackground {
    background-image: url(images/bg_bridge_home4.jpg);
    background-repeat:no-repeat;
    background-position:center 300px;
    height:820px;
    width:100%;
}
#hpBackground #hpGradient {
    width:100%;
    height:251px;
    background-image: url(images/bg_gradient_home.jpg);
    background-repeat:repeat-x;
}

#hpBackground #logo {
    float:none;
}

/* internal page stuff */
.internal .highlightText  {
    background-color:#036;
    color:#2dd;
    font-size:85%;
}
.dropshadow div {background-color:#001123; padding-top:1px;}
.dropshadow div div{background-color:#00162C;}
.dropshadow div div div{background-color:#001C39;}
.dropshadow div div div div{background-color:#002448;}
.dropshadow div div div div div{background-color:#002A54;}
.dropshadow div div div div div div{background-color:#002F5E;padding:5px 10px;}

.internal #innerContent {
    padding-top:55px;
}
.rightSideBar {
    margin:30px 20px 20px 40px;
    width:370px;
    _width:330px;
    float:right;
    padding:15px 20px 40px 20px;
    color:#036;
    background-color:#5399C3;
}
.rightSideBar a {
    color:#006 !important;
}
#innerContent form label {
    display:block;
    width:120px;
    float:left;
}

#innerContent form input,
#innerContent form textarea,
#innerContent form select {
    display:block;
    width:300px;
}
#innerContent form .button,
#innerContent form .checkbox {
    display:inline;
    clear:both;
    width:auto;
}

/* Navigation elements */
ul.nav {
    margin: 2px 0 0;
    padding: 0;
    list-style-type: none;
}
#sidebar ul,
#content ul.drawer {
    position:absolute;
    left:-500px;
    max-width:500px;
    overflow:hidden;
}
#sidebar ul {
    max-width:230px;
}
#sidebar ul.open,
#content ul.open {
    position:relative;
    left:0;
}
#mainNav, #topNav {
    text-transform:uppercase;
}
#sidebar h5,
#content h5 {
    padding:1px 8px 2px 8px;
    margin:2px 0 0 0;
    text-transform:uppercase;

    font-size:100%;
    font-weight:bold;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    cursor:pointer;
    background-image:url(images/arrow_right.gif);
    background-repeat:no-repeat;
    
}
#sidebar h5.open,
#content h5.open {
    background-image:url(images/arrow_down.gif);
    background-repeat:no-repeat;
}
#sidebar h5,
#sidebar h5.open {
    background-position:213px 4px;
}
#content h5,
#content h5.open {
    font-family:Helvetica,Arial,sans-serif;
    font-size:80%;
    background-position:573px 4px;
}
ul.horizontal {
    text-align:right;
}
ul.horizontal li {
    display: inline;
}
ul.vertical a {
    display:block;
    padding:3px 10px 3px 10px;
}
ul.horizontal a {
    padding:5px 10px;
}
ul.nav li {
    font-size:95%;
    padding:0;
    margin:0;

    
}
/* typography and colors for navigation */
ul.nav li a,
.homeLink a,
h4 a,
#content a.more-link {
    text-decoration: none;
    color: #fff;
}
#sidebar ul.nav li {
    background-color:#0A2341;
}

#sidebar ul.nav li a {
    background-color: #0A2341;
    color:#A1BBDE;
}
#sidebar h5,
#content h5 {
    background-color:#036;
    color:#2dd;
}

ul.nav li a:hover, 
ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current_page_ancestor a,
.homeLink a:hover {
    color: #F98C09 !important;
}