body {
margin: 0;
padding: 0;
font-size: 1.2em;
font-family: sans, sans-serif;
 background: #EDF0F3;


}

#header {
height: 170px;
min-width: 1100px;
background: url(images/header-new.png) repeat-x;

}

#header-bar {
height: 170px;
position: absolute;
width: 100%;

}

* html #header-bar {
width: 100%;

}

.small {
font-size: 0.8em;

}

h1 {
font-family: Arial;
margin: 0px 0px 0px 320px;
color: #001849;
font-size: 1.7em;
position: absolute;
z-index: 100;
top: 55px;
text-shadow: 1px 2px 1px #ABABAB;

}

h1 span {
display: block;

}

h1 span.small {
text-shadow: 1px 2px 1px #ABABAB;

}

#logo {
display: block;
position: relative;
top: 14px;
height: 155px;
float: left;
margin-left: 70px;

}

#wordmark {
display: block;
position: relative;
float: left;
margin: -28px 0px 0px 59px;
padding-bottom: 12px;
font-size: 1.3em;
font-family: Arial;
font-weight: 900;
color: #001849;
text-decoration: none;
text-shadow: 1px 2px 1px #999999;
}

#wordmark:hover {
color: #0000CC;
text-decoration: underline;

}

#top-bar {
min-width:1000px;
background: transparent url('images/main-menu.png') repeat-x bottom left;
margin: 0;
height: 56px;

}

.top-bar-content {
font-weight: 600;
line-height: 54px;
clear: both;
height: 56px;
text-shadow: 0px 1px 0px rgba(256, 256, 256, 0.7);

}

.top-bar-content ul {
margin: 0px 0px 0px 280px;
min-width: 1000px;
width: 1000px;

}

.top-bar-content ul li {
position: relative;
list-style: none;
padding: 0px 10px 0px 2px;

}

.top-bar-content ul.horizontal li {
float: left;
width: auto;
margin: 0;
line-height: 48px;

}

.top-bar-content ul.horizontal li:hover {
margin: 0;
height: auto;
background-color: #E2E6EA;
border-right: 1px solid #92A2B2;
border-left: 1px solid #92A2B2;
border-top: 1px solid #E3EBF0;
border-bottom: 1px solid #FFFFFF;
box-shadow: inset 0px 4px 8px 2px #B5C2CF;
-moz-box-shadow: inset 0px 4px 8px 2px #B5C2CF;

}

.top-bar-content ul li a {
font-size: 1em;
color: #001849;
text-decoration: none;

}

.top-bar-content ul li a:hover {
color: #0000CC;
text-shadow: none;
}

#tempbox {
margin: -1px 0px 10px -10px; 
padding: 9px 8px 4px 4px;
width: 260px;
background: transparent;
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 0px #000000;
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 0px #000000;


}

#skip {
margin: 30px 44px 0px 0px;
position: relative;
float: right;
}

#wrapper {
padding-top: 20px;
padding-left: 280px;

}

#s-menu {
float: left;
margin-left: -320px;
padding: 0px 14px 40px 14px;
margin-top: -6px;
position: absolute;
width: 250px;
background-color: #FFFFFF;
border: 1px solid #CCD1DB;
border-top-left-radius: 24px;
-moz-border-radius-topleft: 24px;
}

#s-menu p {
margin: 20px 0px 0px 0px;
text-align: center;
}

* html #s-menu {
margin-left: -131px;

}

#content {
float: right;
padding: 5px 20px 10px 30px;
color: #001849;
background: #FFFFFF;
line-height: 1.25em;
width: 95%;
position: relative;
border-top: 1px solid #CCD1DB;
border-bottom: 0px solid #CCD1DB;
border-left: 1px solid #CCD1DB;
border-right: 1px solid #CCD1DB;
}

#content img {
max-width: 100%;
height: auto;
width: auto;

}

#content img.left,
#content img.right {
max-width: none;

}

#content p,
#content ul {
clear: both;

}



h2 {
font-size: 1.4em;
line-height: 1.3em;

}

h3 {
font-size: 1.3em;
line-height: 1.3em;

}

img + h2 {
margin: 50px auto;
max-width: 100%;

}

a:link {
color: #0045d0;

}

a:link:hover {
color: #008000;
text-decoration: underline

}

a:link:active {
color: #FF0000;
text-decoration: underline

}

a:visited {
color: #0045d0;

}

a:visited:hover {
color: #008000;
text-decoration: underline

}

a:visited:active {
color: #FF0000;
text-decoration: underline

}

.left {
float: left;
margin: 10px;

}

.right {
float: right;
margin: 10px;

}

hr {
border-top: 1px dotted #001849;
border-right: 1px dotted #001849;
border-bottom: 1px dotted #001849;
border-left: 1px dotted #001849;
clear: both;
opacity: 0.2;

}

br {
clear: both;

}

img {
border: 0;

}

.clear {
clear: both;

}

#footer {
float: right;
margin: 0px 0px 20px 0px;
padding: 5px 20px 10px 30px;
width: 95%;
position: relative;
clear: both;
background-color: #FFFFFF;
font-family: Arial;
font-size: 1.0em;
color: #001849;
line-height: 26px;
border-top: 0px solid #CCD1DB;
border-bottom: 1px solid #CCD1DB;
border-left: 1px solid #CCD1DB;
border-right: 1px solid #CCD1DB;
}

.footer-p {
margin: -10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
border: 0px solid #CCD1DB;

}


* html #footer {
margin-left: -6px;

}

.footer_link {
clear: both;
margin: 0px auto;
padding: 1px;

}

.left_f {
float: left;
margin-left: 35px;
width: 325px;
text-align: left;

}

.right_f {
float: right;
margin-left: 10px;
margin-right: -8px;
width: 275px;
text-align: left;

}

ul.circle {
list-style-type: circle

}

#footer hr {
border-top: 1px solid #4b5c7e;
border-right: 0px dotted #4b5c7e;
border-bottom: 0px dotted #4b5c7e;
border-left: 0px dotted #4b5c7e;
clear: both;

}

#q {
width:220px;
height:32px;
margin: 14px 0px 4px 10px;
padding: 1px 1px 0px 8px;\
background: url('images/search-2.png') repeat-x;
box-shadow: inset 0px 1px 2px 0px #000000, 0px 1px 0px 1px #FFFFFF;
-moz-box-shadow: inset 0px 1px 2px 0px #000000, 0px 1px 0px 1px #FFFFFF;
font-size: 1.1em;
font-family: Arial;
color: #001748;
border: 0;

}


#g {
width: 36px;
height: 34px;
padding: 0px 4px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -43px;
background: transparent;
font-size: 1em;
font-family: Arial;
color: #0000CC;
border: 0;

}

#g:hover {
color: #0000CC;
text-decoration: underline;
font-size: 1.1em;

}

.center {
text-align: center;
margin: 0 auto;

}

#bigbuttons {
margin-left: 0px;
padding-left: 0px;

}

#bigbuttons  ul{
margin-left: 0px;
padding-left: 0px;

}

#bigbuttons li {
padding: 0px 2px 0px 2px;
list-style: none;
display: inline;

}





@media print {
* {
background-image: none !important;

}

#wrapper {
padding: 0 !important;
margin: 0  !important;

}

#menu {
display: none !important;

}

#footer {
padding: 0 !important;
margin: 0  !important;

}
}
