/* ===================================================================== */
/* =============================== Style =============================== */
/* ===================================================================== */

/* ==================== 
- HTML5 Boilerplate
- Main Layout
- Sub Layout
- General
- Forms & Buttons
- Hides & Fixes
- Media:Mobile
- Media:Print
   ====================
*/

/* ==================== HTML5 Boilerplate ==================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 62.5%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
ul, ol { list-style: none; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; /*vertical-align: middle;*/ }

svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ==================== Main Layout ==================== */
body {
background: #2478c0;
}
#wrapper {
background: #508dd6 url(/images/bg-wrapper.gif) repeat-x bottom left;
}
#site-container {
width: 1002px;
margin: 0 auto;
position: relative;
}
header {
width: 958px;
height: 106px;
margin: 0 auto;
background: #005da9 url(/images/bg-header.gif) no-repeat top left;
position: relative;
}
#breadcrumbs {
width: 918px;/*958px-padding*/
margin: 0 auto;
background: #b2c9e7;
/*padding: 14px 20px 8px 20px;*/

/*added after breadcrumb height change request*/
height: 17px;
padding: 8px 20px 0 20px;
margin: 0 0 0 22px;
}
#page-image {
width: 1002px;
height: 122px;
position: relative;
box-shadow: 0px 1px 4px #555;
overflow: hidden;
}
#home #page-image {
height: 216px;
}
#content-container {
width: 958px;
margin: 0 auto;
background: #fff  url(/images/bg-sidebar.png) repeat-y 0 0;
border-bottom: 5px solid #f37736;
}
.one-column #content-container {
background: #fff;
}
footer {
width: 958px;
margin: 0 auto;
background: url(/images/bg-footer.png) no-repeat top center;
padding: 20px 0 30px 0;
}

/* ==================== Sub Layout ==================== */
/* -------------------- Header -------------------- */
.need-help {
position: absolute;
top: 60px;
right: 30px;
width: 270px;
}

/* -------------------- Page Image -------------------- */
#home-slider {
position: relative;
}
.slides_container {
width: 1002px;
height: 216px;
/*box-shadow: 0px 1px 4px #555;*/
}
.slides_container .slide {
width: 1002px;
height: 216px;
display: block;
position: relative;
}
#search-container {
width: 310px;
position: absolute;
top: 54px;
right: 45px;
z-index: 11;
}
#home #search-container {
top: 135px;
}

/* -------------------- Content -------------------- */
aside {
float: left;
width: 264px;
}
.aside-section {
padding: 15px 20px;
border-top: 1px solid #fff;
}
aside .aside-section:first-child {
border-top: 0;
padding: 25px 20px 15px 20px;
}
aside .aside-section:first-child a {
text-decoration: none;
}
aside .aside-section:first-child img {
position: relative;
top: 5px;
}
.aside-section.twitter {
background: url(/images/bg-sidebar2.png) repeat-y 0 0;
}
#content {
float: left;
width: 644px;/*694px-padding*/
padding: 25px;
font-size: 12px;
}
#home #content {
float: left;
width: 670px;/*694px-padding*/
padding: 12px;
}
.one-column #content {
padding: 35px;
width: 888px;
}
#content-home {
background: url(/images/bg-content.png) no-repeat 0 0;
padding: 15px;
min-height: 337px;
}
#home-tabs {
border-bottom: 1px solid #cfdfee;
padding-bottom: 20px;
}
#home-media {
padding-top: 5px;
margin-bottom: 25px;
}
#home-links {
background: url(/images/home-blue-glow.png) no-repeat top center;
padding-top: 35px;
text-align: center;
}

/* -------------------- Footer -------------------- */
.footer-left {
float: left;
width: 600px;
}
.footer-right {
float: right;
width: 350px;
}
.footer-copyright {
float: left;
padding-top: 10px;
}
.additional-links {
width: 262px;
float: left;
border-right: 1px solid #5093cd;
margin-right: 35px;
}

/* ==================== Navigation ==================== */
#global-nav {
position: absolute;
top: 30px;
right: 30px;
}
#global-nav ul li {
float: left;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #77a9d2;
}
#global-nav ul li:first-child {
margin-left: 0;
padding-left: 0;
border-left: 0;
}
#global-nav ul li.social {
margin-left: 20px;
padding-left: 0;
border-left: 0;
position: relative;
top: -4px;
}
#global-nav ul li a {
color: #fff;
font-size: 1.1em;
text-decoration: none;
}
#global-nav ul li a:hover {
text-decoration: underline;
}
#main-nav {
width: 1002px;
background: #f37736;
position: relative;
z-index: 2000;
}
#main-nav ul {
display: block;
padding: 0 0 0 76px;
}
#main-nav ul li {
float: left;
margin-left: 20px;
/*position: relative;*/
}
#main-nav ul li:first-child {
margin-left: 0;
}
#main-nav ul li a {
display: inline-block;
background: url(/images/nav-arrow.png) no-repeat 0 18px;
padding: 13px 0 13px 13px;
font-family: PlayBold, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #fff;
text-decoration: none;
text-shadow: 0px 1px 2px #ab4e22;
}
.nav-shadow-left {
position: absolute;
top: -17px;
left: 0;
width: 22px;
height: 17px;
background: url(/images/bg-nav-left.png) no-repeat 0 0;
}
.nav-shadow-right {
position: absolute;
top: -17px;
right: 0;
width: 22px;
height: 17px;
background: url(/images/bg-nav-right.png) no-repeat 0 0;
}
#main-nav ul li div.subnav {
visibility: hidden;
position: absolute;
top: 43px;
left: 75px;
z-index: 1000;
width: 778px;
background-color: #bdd2e6;
background-image: linear-gradient(bottom, #bdd2e6 4%, #f7f7f8 52%);
background-image: -o-linear-gradient(bottom, #bdd2e6 4%, #f7f7f8 52%);
background-image: -moz-linear-gradient(bottom, #bdd2e6 4%, #f7f7f8 52%);
background-image: -webkit-linear-gradient(bottom, #bdd2e6 4%, #f7f7f8 52%);
background-image: -ms-linear-gradient(bottom, #bdd2e6 4%, #f7f7f8 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, #bdd2e6),
color-stop(0.52, #f7f7f8)
);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f7f7f8,EndColorStr=#bdd2e6);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f7f7f8,EndColorStr=#bdd2e6)";
box-shadow: 0 1px 5px #666;
padding: 25px 40px 40px 40px;
}
/*#main-nav ul li div.subnav {
visibility: hidden;
}*/
.subnav-content {
position: relative;
float: left;
width: 500px;
margin-right: 25px;
}
.subnav img {
float: right;
border: 2px solid #fff;
box-shadow: 0px 0px 4px #999;
}
.subnav h2 {
font-size: 24px;
font-weight: normal;
color: #000;
margin-bottom: 10px;
}
.subnav p {
font-size: 13px;
color: #000;
line-height: 18px;
}
#main-nav ul li div ul {
display: block;
padding: 0;
}
#main-nav ul li div ul li {
float: none;
margin: 0;
padding-top: 10px;
}
#main-nav ul li div ul li:first-child {
padding-top: 0;
}
#main-nav ul li div ul li a {
display: block;
background: url(/images/bullet-aside.png) no-repeat 0 2px;
padding: 0 0 0 14px;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
text-decoration: none;
text-shadow: none;
}
#main-nav ul li div ul li a:hover {
text-decoration: underline;
}
.subnav-list {
padding: 13px 0;
}
.subnav-content .subnav-bottom-p {
border-top: 1px solid #9cabb7;
padding-top: 9px;
}
#main-nav ul li div .subnav-content .subnav-bottom-p a {
display: inline-block;
background: none;
padding: 0;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: #000;
text-decoration: none;
text-shadow: none;
}
#main-nav ul li div .subnav-content .subnav-bottom-p a:hover {
text-decoration: underline;
}

/* ==================== General ==================== */
/* -------------------- Header -------------------- */

.logo {
position: absolute;
top: 40px;
left: 30px;
}
.need-help h3 {
display: inline-block;
float: left;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
margin-right: 10px;
}
.need-help h3 a {
color: #fff;
text-decoration: none;
}
.need-help p {
float: right;
font-size: 12px;
color: #fff;
}

/* -------------------- Breadcrumbs -------------------- */
#breadcrumbs ul li {
float: left;
margin-left: 5px;
}
#breadcrumbs ul li:first-child {
margin-left: 0;
}
#breadcrumbs ul li a {
display: inline-block;
font-size: 1.2em;
line-height: 1em;
color: #000;
text-decoration: none;
background: url(/images/breadcrumbs-arrow.png) no-repeat 0 0;
padding-left: 14px;
}
#breadcrumbs ul li:first-child a {
background: none;
padding-left: 0;
}
#breadcrumbs ul li a:hover {
text-decoration: underline;
}

/* -------------------- Page Image -------------------- */
.featured-image {
position: absolute;
top: 0;
left: 0;
height: 122px;
width: 1002px;
}
ul.pagination {
position: absolute;
top: 102px;
right: 45px;
z-index: 100;
}
ul.pagination li {
float: left;
margin-left: 3px;
}
ul.pagination li a {
display: inline-block;
background: #005daa;
color: #fff;
font-size: 1.1em;
font-weight: bold;
line-height: 1em;
text-decoration: none;
padding: 8px 10px;
}
ul.pagination li.current a {
background: #518dd6;
}
.slide {
display: none;
}
.slide img {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.slide-content {
position: absolute;
top: 75px;
left: 338px;
width: 675px;
z-index: 11;
}
.slide-content h2 {
font-family: PlayBold, Verdana, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
color: #fff;
line-height: 40px;
text-shadow: 0px 1px 4px #222;
}
.slide-content h2 a {
color: #fff;
text-decoration: none;
}
.slide-content p {
width: 335px;
font-family: PlayRegular, Verdana, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
color: #fff;
text-shadow: 0px 1px 4px #222;
}
.search-field {
position: relative;
width: 304px;/*310px-padding*/
background: #fff;
padding: 3px;
border-radius: 3px;
box-shadow: 0px 1px 4px #222;
margin-bottom: 5px;
}
.search-input-container {
border: 2px solid #dcdcdc;
border-radius: 3px;
}
.search-field input[type=text] {
width: 256px;/*270px-padding*/
padding: 7px;
font-size: 14px;
color: #666;
border: 0;
background: #fff;
}
.search-field input#search-submit {
display: inline-block;
width: 25px;
height: 21px;
background: url(/images/btn-search.jpg) no-repeat 0 0;
border: 0;
text-indent: -999em;
font-size: 0;
line-height: 0;
cursor: pointer;
position: absolute;
top: 10px;
right: 8px;
}
#search-container p {
text-align: right;
}
#search-container p a {
font-family: PlayRegular, Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #fff;
text-shadow: 0px 1px 4px #222;
text-decoration: none;
}

/* -------------------- Content -------------------- */
#content p {
font-size: 12px;
line-height: 16px;
margin-bottom: 15px;
}
#content h1 {
font-family: MyriadProRegular, Arial, sans-serif;
font-size: 26px;
font-weight: normal;
color: #f37736;
background: url(/images/h1-arrow.png) no-repeat 0 8px;
padding-left: 12px;
margin: 0 0 5px -12px;
}
#content h3 {
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
}
.aside-section h2 {
font-family: MyriadProRegular, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #222;
margin-bottom: 8px;
}
.aside-section p {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 14px;
color: #000;
}
.logo-511 {
float: right;
width: 126px;
margin: 0 0 0 10px;
text-align: center;
position: relative;
top: -8px;
right: -8px;
}
.aside-section ul li {
padding-top: 8px;
}
.aside-section ul li:first-child {
padding-top: 0;
}
.aside-section ul li a {
display: block;
background: url(/images/bullet-aside.png) no-repeat 0 1px;
padding-left: 14px;
font-size: 11px;
color: #000;
text-decoration: none;
}
.aside-section ul li a:hover {
text-decoration: underline;
}
.aside-section.twitter h2 {
margin-bottom: 0;
}
.aside-section.twitter a {
color: #000;
text-decoration: none;
}
.aside-section.twitter a:hover {
text-decoration: underline;
}
.tweet {
background: #fff;
position: relative;
padding: 15px;
border-radius: 8px;
margin: 10px 0 5px 0;
}
.tweet img {
position: absolute;
bottom: -14px;
left: 20px;
}
.aside-section.twitter .tweet p {
overflow-x:hidden;
}
.aside-section.twitter .tweet a {
color: #2478c0;
text-decoration: none;
}
.aside-section.twitter .tweet a:hover {
text-decoration: underline;
}
.aside-section .posted-time {
background: url(/images/twitter-bird.png) no-repeat 0 0;
padding: 0 0 0 50px;
margin-left: 42px;
font-size: 11px;
line-height: 26px;
color: #085ea6;
}
.tabs-menu li {
float: left;
margin-right: 1px;
}
.tabs-menu li a {
font-family: MyriadProRegular, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 18px;
color: #fff;
text-decoration: none;
border-top: 1px solid #f37736;
padding: 10px 15px;
background-color: #f37736;
background-image: linear-gradient(bottom, #f37736 4%, #f69968 52%);
background-image: -o-linear-gradient(bottom, #f37736 4%, #f69968 52%);
background-image: -moz-linear-gradient(bottom, #f37736 4%, #f69968 52%);
background-image: -webkit-linear-gradient(bottom, #f37736 4%, #f69968 52%);
background-image: -ms-linear-gradient(bottom, #f37736 4%, #f69968 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, #f37736),
color-stop(0.52, #f69968)
);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f69968,EndColorStr=#f37736);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f69968,EndColorStr=#f37736)";
display: inline-block;
position: relative;
outline: none;
}
.tabs-menu li a.current {
font-family: MyriadProRegular, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 18px;
color: #fff;
text-decoration: none;
border-top: 1px solid #085ea6;
padding: 10px 15px;
background-color: #095fa6;
background-image: linear-gradient(bottom, #095fa6 4%, #4586bc 52%);
background-image: -o-linear-gradient(bottom, #095fa6 4%, #4586bc 52%);
background-image: -moz-linear-gradient(bottom, #095fa6 4%, #4586bc 52%);
background-image: -webkit-linear-gradient(bottom, #095fa6 4%, #4586bc 52%);
background-image: -ms-linear-gradient(bottom, #095fa6 4%, #4586bc 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, #095fa6),
color-stop(0.52, #4586bc)
);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4586bc,EndColorStr=#095fa6);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4586bc,EndColorStr=#095fa6)";
display: inline-block;
}
.tabs-menu li a span {
display: none;
}
.tabs-menu li a.current span {
display: block;
background: url(/images/indicator-blue.png) no-repeat center bottom;
height: 6px;
width: 12px;
position: absolute;
bottom: -1px;
left: 43%;
z-index: 10;
}
.tabbed-content {
background: url(/images/bg-tab-content.png) no-repeat 0 0;
min-height: 135px;
padding: 20px 20px 20px 233px;
position: relative;
}
.tabbed-content img {
border: 2px solid #fff;
box-shadow: 0px 0px 6px #a5b6c4;
position: absolute;
top: 20px;
left: 20px;
}
.tabbed-content ul {
padding-top: 10px;
}
.tabbed-content ul li {
padding-top: 10px;
}
.tabbed-content ul li:first-child {
padding-top: 0;
}
.tabbed-content ul li a {
display: block;
background: url(/images/bullet-aside.png) no-repeat 0 2px;
padding-left: 14px;
font-size: 12px;
color: #000;
text-decoration: none;
}
.tabbed-content ul li a:hover {
text-decoration: underline;
}
.tabbed-content .listCol1,
.tabbed-content .listCol2 {
width: 183px;
float: left;
}
.photos {
width: 300px;
float: left;
}
.videos {
width: 334px;
text-align: right;
float: right;
}
.photos ul li {
width: 138px;
height: 92px;
float: left;
display: inline-block;
margin: 0 8px 8px 0;
}
.lt-ie8 .photos ul li {
width: 132px;
height: 88px;
}
.photos ul li span {
border: 2px solid #fff;
box-shadow: 0px 0px 4px #999;
/*width: 132px; 7-2-2013: forces images to be the same width and height as the box
height: 88px;*/
width: inherit;
height: inherit;
overflow: hidden;
display: block;
}
.photos ul li a {
width: inherit;
height: inherit;
}
.photos ul li img {
max-width: 132px; 
width: inherit; /* 7-2-2013: forces images to be the same width and height as the box*/
height: inherit;
}
.videos iframe{
border: 2px solid #fff;
box-shadow: 0px 0px 4px #999;
margin-bottom: 10px;
}
.videos embed {
border: 2px solid #fff;
box-shadow: 0px 0px 4px #999;
margin-bottom: 10px;
}
.photos h3,
.videos h3 {
font-size: 12px;
font-weight: normal;
padding: 10px 0;
text-align: right;
}
.photos h3 a,
.videos h3 a {
color: #000;
text-decoration: none;
background: url(/images/bullet-aside.png) no-repeat 100% 2px;
padding-right: 12px;
display: inline-block;
}
.photos h3 a {
margin-right: 20px;
}
.photos h3 a:hover,
.videos h3 a:hover {
text-decoration: underline;
}
.video-p {
text-align: left;
font-size: 12px;
line-height: 16px;
}
#home-links a {
margin-left: 30px;
}
#home-links a:first-child {
margin-left: 0;
}
#home-media h3 {
font-size: 12px;
}
.content-top-section {
position: relative;
padding: 15px 250px 20px 15px;
border-bottom: 1px solid #c2d7e9;
margin-bottom: 30px;
}
.content-top-section img {
border: 2px solid #fff;
box-shadow: 0px 0px 6px #a5b6c4;
position: absolute;
top: 15px;
right: 30px;
}
.content-top-section p a {
color: #222;
text-decoration: none;
}
.content-top-section p a:hover {
text-decoration: underline;
}
.column {
float: left;
width: 300px;
margin-right: 20px;
}
.column.first {
margin-right: 40px;
}
/* color: #085EA6; */
.content-inner a {
line-height: 16px;
}
.content-inner a:hover {
text-decoration: underline;
}
a:link{
    color: #00529B;
    font-weight: normal;
    text-decoration: underline;
}


a:visited {
    color: #7f184b;
    font-weight: normal;
    text-decoration: underline;
}


.content-inner ul,
.content-inner ol {
/*padding: 0 0 25px 0;*/
margin-left: 20px;
}
.content-inner ol {
list-style: decimal;
margin: 0 0 15px 40px;
}

.content-inner ul li {
background: url(/images/black-bullet.gif) no-repeat 0 6px;
padding-left: 10px;
color: #222;
margin-top: 8px;
}
.content-inner ol li {
color: #222;
margin-top: 8px;
}
/* color: #085EA6;*/
.content-inner ul li a,
.content-inner ol li a {
line-height: 16px;
}
.content-inner ul li a:hover,
.content-inner ol li a:hover {
text-decoration: underline;
}
.new-site-features {
padding: 15px 0 0 0;
}
.new-site-features img {
float: left;
margin: 0 40px 30px 0;
box-shadow: 0 1px 8px #999;
}
.new-site-features ul li {
margin-bottom: 25px;
}
.new-site-features ul li h2 {
margin-bottom: 5px;
font-weight: normal;
font-size: 18px;
}
#content .new-site-features ul li p {
line-height: 18px;
}
.feature {
margin-top: 35px;
padding-left: 15px;
position: relative;
}
#content-inner .feature:first-child {
margin-top: 0;
}
.feature img.bg-section {
border: 5px solid #fff;
box-shadow: 0px 1px 15px #444;
position: relative;
z-index: 1;
}
.lt-ie9 .feature img.bg-section {
border: 1px solid #aaa;
padding: 4px;
background: #fff;
}
.new-feature {
position: absolute;
z-index: 10;
}
#feature-3 {
margin-bottom: 35px;
}
#nf-1-1 {
top: 40px;
left: 762px;
}
#nf-1-2 {
top: 248px;
left: 541px;
}
#nf-1-3 {
top: 427px;
left: 184px;
}
#nf-2-1 {
top: 192px;
left: 143px;
}
#nf-2-2 {
top: 350px;
left: 361px;
}
#nf-3-1 {
top: 43px;
left: 642px;
}
#nf-3-2 {
top: 285px;
left: 290px;
}
#nf-3-3 {
top: 285px;
left: 618px;
}
.new-feature .popup {
background: url(/images/white.png) repeat;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 1px 5px #444;
width: 200px;
}
#content .popup p {
margin: 0;
padding: 0;
font-size: 13px;
}
.popup h5 {
font-size: 13px;
margin-bottom: 5px;
}
.popup img {
position: absolute;
top: 31px;
left: 14px;
}
#timestamp {
padding-top: 15px;
font-size: 11px;
}

/* -------------------- Footer -------------------- */
.footer-left h3 {
font-size: 1.2em;
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}
.footer-right h3 {
font-size: 2.1em;
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}
.footer-right p {
width: 160px;
float: left;
color: #fff;
font-size: 1em;
line-height: 1.6em;
}
.footer-copyright p {
color: #fff;
margin-bottom: 10px;
line-height: 14px;
}
.footer-left ul li {
margin-bottom: 5px;
}
.footer-left ul li a,
.footer-right a,
.footer-copyright a {
color: #fff;
font-size: 1em;
text-decoration: none;
}
.footer-left ul li a:hover,
.footer-right a:hover,
.footer-copyright a:hover {
text-decoration: underline;
}
b footer {
font-weight: normal;
}
.listCol1,
.listCol2 {
float: left;
}
.listContainer1 ul:first-child,
.listContainer2 ul:first-child,
.listContainer3 ul:first-child,
.listContainer4 ul:first-child,
.listContainer5 ul:first-child,
.listContainer6 ul:first-child,
.listContainer7 ul:first-child,
.listContainer8 ul:first-child,
.listContainer9 ul:first-child,
.listContainer10 ul:first-child {
margin-right: 20px;
}
#content-alert {
padding: 20px 15px 20px 50px;
color: #000;
position: relative;
font-size: 12px;
margin-bottom: 10px;
background-color: #ffe866;
background-image: linear-gradient(bottom, ##ffe866 4%, #ffe9b0 52%);
background-image: -o-linear-gradient(bottom, ##ffe866 4%, #ffe9b0 52%);
background-image: -moz-linear-gradient(bottom, ##ffe866 4%, #ffe9b0 52%);
background-image: -webkit-linear-gradient(bottom, ##ffe866 4%, #ffe9b0 52%);
background-image: -ms-linear-gradient(bottom, ##ffe866 4%, #ffe9b0 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, ##ffe866),
color-stop(0.52, #ffe9b0)
);
}
#content-alert strong {
font-weight: bold;
margin-right: 5px;
}
#content-alert p {
padding: 0;
margin: 0;
line-height: 19px;
font-size: 14px;
/*font-weight: bold;*/
}
#content-alert img {
position: absolute;
top: 18px;
left: 15px;
}
#content-alert a {
text-decoration:none;
color: #00529B;
}


#content-alert-news {
padding: 20px 15px 20px 50px;
color: #000;
position: relative;
font-size: 12px;
font-color:#ffffff;
margin-bottom: 10px;
background-color: #cf2c28;
background-image: linear-gradient(bottom, ##d73e3a%, #cf473a 52%);
background-image: -o-linear-gradient(bottom, ##d73e3a%, #cf473a 52%);
background-image: -moz-linear-gradient(bottom, ##d73e3a%, #cf473a 52%);
background-image: -webkit-linear-gradient(bottom, ##d73e3a%, #cf473a 52%);
background-image: -ms-linear-gradient(bottom, ##d73e3a%, #cf473a 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, ##d73e3a),
color-stop(0.52, #cf473a)
);
}
#content-alert-news strong {
font-weight: bold;
margin-right: 5px;
}
#content-alert-news p {
padding: 0;
margin: 0;
color: #ffffff;
line-height: 19px;
font-size: 14px;
/*font-weight: bold;*/
}
#content-alert-news img {
position: absolute;
top: 18px;
left: 15px;
}
#content-alert-news a {
text-decoration:none;
color: #ffffff;
}


#content-alert-Info {
padding: 20px 15px 20px 50px;
color: #000;
position: relative;
font-size: 12px;
font-color:#ffffff;
margin-bottom: 10px;
background-color: #005daa;
);
}
#content-alert-Info strong {
font-weight: bold;
margin-right: 5px;
}
#content-alert-Info p {
padding-left: 20px;
margin: 0;
color: #000;
line-height: 19px;
font-size: 14px;
/*font-weight: bold;*/
}
#content-alert-Info img {
position: absolute;
top: 0px;
left: 0px;
}
#content-alert-Info a {
text-decoration:none;
color: #000;
}

















#content-alert-weather {
padding: 20px 15px 20px 50px;
color: #000;
position: relative;
font-size: 12px;
font-color:#ffffff;
margin-bottom: 10px;
background-color: #cccccc;
);
}
#content-alert-weather strong {
font-weight: bold;
margin-right: 5px;
}
#content-alert-weather p {
padding-left: 20px;
margin: 0;
color: #000;
line-height: 19px;
font-size: 14px;
/*font-weight: bold;*/
}
#content-alert-weather img {
position: absolute;
top: 0px;
left: 0px;
}
#content-alert-weather a {
text-decoration:none;
color: #000;
}





/* ==================== IE Fixes ==================== */
.lt-ie8 .content-inner #topCopy,
.lt-ie8 .content-inner #floatLeft2 {
position: relative;
}
.lt-ie8 .content-inner #floatLeft2 img {
float: none;
}
.lt-ie8 body.one-column .content-inner img,
.lt-ie8 .content-inner #topCopy li img {
vertical-align: top!important;
float: none;
}
/*.lt-ie10 #content-alert {
padding: 20px 15px 0 50px;
}*/
/*.lt-ie8 #content-alert {
padding: 10px 15px 15px 50px;
}*/
.lt-ie8 #content-alert p {
margin-top: -3px!important;
}

/*.lt-ie10 #content-alert-news {
padding: 20px 15px 0 50px;
}*/
/*.lt-ie8 #content-alert-news {
padding: 10px 15px 15px 50px;
}*/
.lt-ie8 #content-alert-news p {
margin-top: -3px!important;
}



/*.lt-ie10 #content-alert-weather{
padding: 20px 15px 0 50px;
}*/
/*.lt-ie8 #content-alert-weather{
padding: 10px 15px 15px 50px;
}*/
.lt-ie8 #content-alert-weather p {
margin-top: -3px!important;
}






/* ==================== VDOT Legacy/Layout Fixes ==================== */
.content-inner {
position: relative;
}
#bgMain {
top: 0!important;
right: 0!important;
}
.content-inner ul {
margin-bottom: 15px;
}
.content-inner ul ul {
margin-left: 25px;
}
.content-inner ul ul li {
list-style-type: circle;
background: none;
padding-left: 0;
}

/* ==================== Forms & Buttons ==================== */

/* ==================== Fonts ==================== */
@font-face {
    font-family: 'PlayBold';
    src: url('/fonts/play-bold-webfont.eot');
    src: url('/fonts/play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/play-bold-webfont.woff') format('woff'),
         url('/fonts/play-bold-webfont.ttf') format('truetype'),
         url('/fonts/play-bold-webfont.svg#PlayBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlayRegular';
    src: url('/fonts/play-regular-webfont.eot');
    src: url('/fonts/play-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/play-regular-webfont.woff') format('woff'),
         url('/fonts/play-regular-webfont.ttf') format('truetype'),
         url('/fonts/play-regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('/fonts/myriadpro-regular.eot');
    src: url('/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/myriadpro-regular.woff') format('woff'),
         url('/fonts/myriadpro-regular.ttf') format('truetype'),
         url('/fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==================== Hides & Fixes ==================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==================== Media:Mobile ==================== */


/* ==================== Media:Print ==================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Legacy VDOT styles */
#navcontainer {
 margin-left: 5px;
 margin-left:0 \0/;
 padding-left:0 \0/; 

 }
 
#navlist {
 list-style: none;
 padding: 0;
 margin: 0;
 }
 
#navlist li {
 display: inline;
 padding: 0;
 margin: 0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:85%;
  margin-left:0 \0/;
 padding-left:0 \0/; 

 }
 
 #navlist li:first-child {
 border-left: 0;
  margin-left:0 \0/;
 padding-left:0 \0/; 

 }

 
#navlist li:first-child:before {
 content: "";
 }
 
/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
 border-left: 1px solid #f47735;
 padding: 0 0.4em 0 0.4em;
 margin: 0 0.4em 0 -0.7em;
 
/*IE 8 workaround*/
 
 margin-left:0 \0/;
 padding-left:0 \0/; 
 }
 
/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
 height: 1%;
 }
 
* html #navlist li {
 display: block;
 float: left;
 }
 
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
 border-left: 0;
 }
 
/* 460 sub nav */
#navwrapper {
 position:relative;
 width: 225px;
 padding:15px;
 margin-left:20px;
 margin-bottom:15px;
 border:#999999 solid thin;
 }
 
#navwrapper a {
 font-size:1em;
 }
 
 
 
 
/* 460_ppta sub nav */
#navwrapper2 {
 position:relative;
 width: 180px;
 padding:15px;
 margin-left:20px;
 margin-bottom:15px;
 border:#999999 solid thin;
 }
 
#navwrapper2 a {
 font-size:1em;
 }
 
#majorprojectsHeader { 
 text-indent: -5000px;
 display:block;
 background:no-repeat url();
 height: 60px;
 }
 
#notableprojectsHeader { 
 text-indent: -5000px;
 display:block;
 background:no-repeat url(/images/notable_projects.jpg);
 height: 60px;
 }
 
#clear {
 clear:both;
 }
 
.clear {
 clear:both;
 }
 
#floatRight {
 padding: 5px;
 clear:both;
 margin-left:20px;
 margin-bottom:20px;
 margin-top:0px;
 float: right;
 background-color:#FFFFFF;
 font:Arial, Helvetica, sans-serif;
 width:220px;
 }
 
#floatright li {
 list-style:none; 
 }
 
.additionalBox {
 border:#666666 thin solid;
 background-color:#D1D1D1;
 padding:10px;
 list-style-type:none;
 
 }
 
.additionalBoc li {
 }
 
#rightmenu {
 float:right;
 width:auto;
 }
 

#navwrapper2 {
position:relative;
width: 180px;
padding:15px;
margin-left:20px;
margin-bottom:15px;
border:#999999 solid thin;
}

#navwrapper2 a {
font-size:1em;
}


.rightmenu_hurricane {
 display:block;
 background:url(/images/navHurricane.jpg) no-repeat right top;
 border-style:solid;
 border-color: #999999;
 border-width:1px;
 border-left-width:5px;
 float: right;
 width: 228px;
 /* width:250px;  */
 padding: 10px;
 margin-left: 20px;
 margin-bottom: 20px;
 margin-top:auto;
 clear:both;
 }
 
.rightmenu {
 border-style:solid;
 border-color: #999999;
 border-width:1px;
 float: right;
 width: 225px;
 padding: 10px;
 margin:10px;
 border-width:1px;
 }
 

.rightmenu li {
 margin-left:-30;
 list-style-type:none;
 }
 

 
#imageAdd {
 position:relative;
 /* width:235px;  */
 float:right;
 margin-left: 20px;
 margin-bottom: 20px;
 margin-top:auto;
 margin-right:0px;
 font-size: 0.9em;
/*padding-left:5px;*/
 font-style:italic;
 }
 
#imageAdd img {
 margin-bottom:5px;
 }
 
.gallerylink a {
 background:url(/images/camera.gif) no-repeat center right;
 padding-right:18px;
 }
 
.videolink a {
 background:url(/images/video.gif) no-repeat center right;
 padding-right:18px;
 }
 
.videolist {
 background:url(/images/video.gif) no-repeat center right;
 padding-right:18px;
 }
 
.audiolink a {
 background:url(/images/audio.gif) no-repeat center right;
 padding-right:18px;
 }
 
.imageAdd {
 position:relative;
 /* width:235px;  */
 float:right;
 margin-top:20px;
 margin-left: 20px;
 margin-bottom: 20px;
 margin-top:auto;
 margin-right:0px;
 font-size: 0.9em;
 /*padding-left: 5px;*/
 font-style:italic;
 } 
 
.imageAdd img { 
margin-bottom:5px;
} 
 
.copyEmphasis {
 border-top-color:#333333;
 border-top-style:solid;
 border-top-width:1px;
 border-bottom-style:solid;
 border-bottom-width:1px;
 background-color:#E9E9E9;
 width:223px;
 float:right;
 position:relative;
 padding:15px;
 margin-bottom: 10px;
 margin-top:15px;
 margin-right:5px;
 }
 
.style2 {font-size: 79%}
 
/* NEW IPD GRAPHICS/LINKS */
#ipd_container{width:400px; height:156px; background:url(/images/ipd_header.gif) no-repeat top;}
 
#consult{float:left; background:transparent url(/images/btn_consult.gif) no-repeat left top; width:115px; height:64px; margin:55px 10px 0 0; text-indent:-9999px;}
#consult:hover{background:transparent url(/images/btn_consult.gif) no-repeat 0 -64px;}
 
#design{float:left; background:transparent url(/images/btn_design.gif) no-repeat left top; width:115px; height:64px; margin:55px 0 0 16px; text-indent:-9999px;}
#design:hover{background:transparent url(/images/btn_design.gif) no-repeat 0 -64px;}
 
#public{float:left; background:transparent url(/images/btn_public.gif) no-repeat left top; width:115px; height:64px; margin:55px 0 0 26px; text-indent:-9999px;}
#public:hover{background:transparent url(/images/btn_public.gif) no-repeat 0 -64px;}




.newFeatureItem { list-style-image: url(http://www.virginiadot.org/images/2new-exc.gif);vertical-align:bottom; }

.imageFormat img

{ border-style: solid; border-width:1px;  border-color:#000000; float: right; margin:10px; 

}


#cgForminputLeft{float:left; }

html > body #cgFormQRight{float:left;width:88%;padding-top:30px;}

#cgFormQRight{float:left;width:88%;}



.float200 {

float: left; 
width: 200px;
}

#bgMain {
background-color: #F2EDE9;
height: auto;
/*position: absolute;
right: 45px;
top: 345px;*/
width: 250px;
z-index: 1;
float: right;
margin-left: 15px;
}
/*
{
    margin-left: 40px;
    background-color: #F2EDE9;
    height: auto;
    position: relative;
    right: 20px;
    float:right;
    width: 250px;
    z-index: 1;
}
*/
#interiorText {
    margin: 10px;
}

#newH1_2 {
    background-color: #0D3692;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 5;
}
.newH1Text {
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

#content h2 {
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin-bottom: 12px;
/*margin-top: 12px;*/
}

.multiCol {
    margin-bottom: 15px;
}

#Links, #links {
float: right;
width: 275px;
}
#links2, #Links2 {
text-align: left;
width: 575px!important;
clear: both;
float: none!important;
}
#formData {
height: 27px;
left: 350px;
position: absolute;
top: 475px;
width: 458px;
z-index: 2;
}
#topCopy {
position: relative;
z-index: 100;
}
#topCopy .search-input-container {
border: 0;
}
.chromestyle2 {
font-size: 11px;
position: relative;
z-index: 10;
}
#dropmenu12 {
background: #d3d6e9;
padding: 15px;
position: absolute;
top: 50px!important;
left: 102px!important;
visibility: hidden;
z-index: 100;
}
#dropmenu13 {
background: #d3d6e9;
padding: 15px;
position: absolute;
top: 50px!important;
left: 159px!important;
visibility: hidden;
z-index: 100;
}
#note {
height: auto!important;
}

/* ==================== ContactCustomerServiceCenter.html==================== */
#title_label12 {
    display:none;
}



.imgWithBorder {
  display: block;
 border-style:solid;
 border-width:1px; margin:10px;
 
}

.imgSansBorder {
  display: block;
 border-style:solid;
 border-width:0px; margin:10px;
 

}


newsBriefs img {
	  
	  border:1px solid black;float:right; margin:10px;
	  
	  }


.col
{
    float: left;
    width: 25%;
}
.row{
    
    overflow: hidden;  /* "overflow: auto;" works just as well instead */
    width:100%;        /* Helps older versions of IE */
}