.clear {
clear:both
}

#subFooter div:after,#header div:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

/* Remove border around linked images */
img {
border:0
}



.left {
float:left
}

.right {
float:right
}

a {
color:#8996A9;
text-decoration:none
}

a:hover {
text-decoration:underline
}

/* Set fixed width of central column */
#header div,#login div,#content div,#subFooter div,#footer div {
margin:0 auto;
position:relative;
width:925px
}

/* Remove fixed width for nested divs */
#header div div,#login div div,#content div div,#subFooter div div,#footer div div,#content div div {
margin:0 auto;
width:auto
}

/* Typography
-----------------------------------------------------------------------------*/
html {
font-size:76%
}

body {
font-family:"Myriad Pro", "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:1em;
margin:0;
padding:0
}

/* Headings
-----------------------------------------------------------------------------*/
#header {
background:#BCC6D0 url(../images/header_bg.jpg) repeat-x;
border-bottom:1px solid #fff;
padding:48px 0
}

#header h1 a {
color:#000;
float:left;
font-size:50px;
text-decoration:none
}

#header h1 a span {
font-size:.8em
}

h1,h2,h3,h4,ul {
margin:0
}

/* Banner
-----------------------------------------------------------------------------*/
#banner {
background:#000 url(../images/banner_bg.jpg) repeat-x;
color:#fff;
font-size:1.1em
}

#banner #image {
background:url(../images/banner_image.jpg) no-repeat center top;
padding:70px 600px 90px 0;
z-index:1
}

#banner div div {
margin:0 auto;
padding:0 0 0 80px;
position:relative;
width:325px
}

#banner * {
position:relative;
z-index:2
}

#banner h2 {
font-size:2.5em;
font-style:italic;
font-weight:400
}

/* Main Nav
-----------------------------------------------------------------------------*/
#header ul {
color:#fff;
float:right;
font-weight:400;
list-style-type:none;
padding:0
}

#header li {
float:left;
font-size:1.3em;
padding:10px 0 0 60px
}

#header li.blank {
padding-left:0
}

#header li a {
background:url(../images/button_left.png) no-repeat left top;
color:#fff;
cursor:pointer;
display:block;
height:43px;
overflow:hidden;
padding-left:27px;
text-decoration:none
}

#header li a span {
background:url(../images/button_right.png) no-repeat right top;
cursor:pointer;
display:block;
height:43px;
line-height:33px;
overflow:hidden;
padding:6px 30px 5px 7px
}

#header li a:hover {
background:url(../images/button_left.png) no-repeat 0 -43px
}

#header li a:hover span {
background:url(../images/button_right.png) no-repeat 100% -43px
}

#header li a.on,#header li a.on:hover {
background:url(../images/button_left.png) no-repeat 0 -86px
}

#header li a.on span,#header li a.on:hover span {
background:url(../images/button_right.png) no-repeat 100% -86px
}

/* Login Bar
-----------------------------------------------------------------------------*/
#login {
background:url(../images/login_bg.jpg) repeat-x;
height:64px
}

.loginBar {
padding:10px 0 0 9.17em;
position:relative
}

.loginBar legend span {
color:#fff;
font-size:4em;
left:0;
position:absolute;
top:0
}

.loginBar input {
font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:1.9em;
height:auto;
margin:0 0 0 20px;
padding:5px;
vertical-align:top;
width:275px
}

.loginBar input:focus {
border:4px solid #8996A9;
padding:2px
}

.loginBar p {
float:left;
height:1%;
margin:10px 0 5px
}

.loginBar p:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden
}

.loginBar p label {
display:block;
float:left;
margin-right:30px;
width:15%
}

.loginBar button.loginbtn {
margin-left:13px
}

.loginBar button.loginbtn,a.loginbtn,#contact button.btn,a.btn {
background:url(../images/login_button.png) no-repeat;
border:none;
color:#000;
cursor:pointer;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size:.85em;
font-weight:400;
overflow:visible;
padding:12px 4px 13px 7px;
text-decoration:none;
width:77px
}

.loginBar button.loginbtn a {
color:#000
}

.loginBar button.loginbtn img,a.loginbtn img,#contact button.btn img,#contact a.btn img {
border:none;
height:16px;
margin:0 3px -3px 0;
padding:0;
width:16px
}

/* Forms
-----------------------------------------------------------------------------
 Removes fieldset borders */
fieldset {
border:1px solid transparent;
margin:0;
padding:0
}

#contact legend {
display:none
}

#contact label {
display:block
}

#contact input {
width:420px
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
background:#000 url(../images/footer_bg.jpg) repeat-x;
min-height:140px
}

#footer .footerGlow {
background:url(../images/footer_glow.png) no-repeat;
left:100px;
padding:62.5px 357.5px;
position:absolute;
top:0;
z-index:0
}

#footer ul {
color:#363a42;
float:left;
font-size:.8em;
font-weight:400;
list-style-type:none;
margin-top:45px;
padding:0;
position:relative;
top:9px;
z-index:1
}

#footer li {
float:left;
font-size:1.3em;
padding:10px
}

#footer li a {
color:#363a42;
margin-right:20px;
text-decoration:none
}

#footer li a:hover {
color:#8996A9
}

#footer span {
color:#363a42;
margin-top:57px;
padding-top:8px;
position:absolute;
right:0;
top:0;
z-index:1
}

#footer p.right {
border-top:1px solid #363a42;
color:#363a42;
padding-top:10px;
text-align:right;
width:925px;
z-index:1
}


