/* Reset ************************************************/
/* Don't edit the contents of the reset as it no longer forms it's function - any changes required should be added to the relevant section of the stylesheet */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit; font-size: 100%;
    font-style: inherit; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 1px; -moz-outline: 1px dotted #666 !important; -moz-outline-offset: 1px !important; }
body { line-height: 1; color: black; background: #fff; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.red { color: #cc0001; }

body{
    text-align: center;
    background: #8a8a8a url('../images/background.png') repeat-x top left;
    font-family: Arial, sans-serif;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 1.2em;
}

#home-content h2 { color: #cc0001; font-size: 1.5em; padding: 0 0 12px 0; background: none; float:none; height: auto; font-weight: 400;}

a:active, a:visited, a:link, a:hover { text-decoration: none; color: #cc0001; }
a:hover { text-decoration: underline; }

#site-container{ width: 940px; margin: 0px auto; text-align: left; }
#container{ width: 940px; float: left; background: #fff; padding-top: 10px;}

#header { float: left; width: 940px; margin-bottom: 15px; }
#header #logo { width: 188px; text-align: right; float: left; margin-left: 20px}
#header img{ margin: 10px 0 0 0; float: left;}
#header span.tagline { font-size: 0.8em; color: #686868; float: left; width: 195px;}

#header #top-nav{ float: right; margin-bottom: 20px; }
#header #top-nav ul li {float: left; padding: 0 10px 0 10px; border-right: 1px solid #cc0001;}
#header #top-nav ul li.last {border-right: 0; padding-right: 20px;}
#header #top-nav ul li a {color: #000;}

#header #top-contact {float: right; clear: right; padding-right: 20px}
#header #top-contact p { color: #cc0001; text-align: right; font-size: 0.8em;}
#header #top-contact p span.left { color: #000; width: 75px; display: block; float: left; text-align: left;}
#header #top-contact p span.my { width: 66px; }
#header #top-contact p.email {margin-top: 5px; margin-bottom: 5px;}
#header #top-contact p a {color: #000; font-size: 1.6em; font-weight: 400;}

#main-menu { width: 940px; float: left; background: #8a8a8a url('../images/top-menu.png') repeat-x top left; }
#main-menu ul#menu{ float: left; width: 940px; height: 56px;}
#main-menu ul#menu li {width: 180px; float: left; text-align: center; padding: 20px 0 0 0}
#main-menu ul#menu li.ends {width: 200px;}
#main-menu ul#menu li a {color: #686868; font-weight: 400; font-size: 1.2em;}

#main-menu ul.submenu{
    display: none;
    position: absolute;
    z-index: 10;
    
    margin: 18px 0 0 0;
    padding: 0 0 0 2px;
    
}
#main-menu ul#menu li ul.submenu li {
    width: auto;
    float: none;
    padding: 8px;
    text-align: left;
    font-size: 0.7em;
    border-bottom: solid 1px #fff;
    
    background: #c4c4c4;
    min-width: 160px;
}
#main-menu ul#menu li ul.submenu li.first { border-top: solid 1px #fff; }
#main-menu ul#menu li ul.submenu li.last { border-bottom: 0;}
#main-menu ul#menu li ul.submenu li a {color: #686868;}

#hero {position: relative; float: left; width: 940px; height: 234px; overflow: hidden;}
#hero ul, #hero li { margin: 0; width: 940px; height: 234px; list-style: none; float: left; display: block}
#hero li { float: left; z-index: 1; position: absolute;}

#hero #btns{ z-index: 5; position: relative; float: right; margin: -20px 10px 0 0;}

#featured { width: 940px; float: left; }
#featured ul{
    background: url('../images/featured.png') no-repeat top left;
    width: 892px;
    height: 123px;
    clear: both;
    margin: 15px 0 15px 24px;
}
#featured ul li{
    float: left;
    width: 265px;
    height: 90px;
    overflow: hidden;
    padding: 15px;
    font-size: 0.9em;
    
}
#featured ul li.middle{ width: 270px; }
#featured ul li .text {float: left; width: 185px;}
#featured ul li .images {width: 80px; float: right;}
#featured ul li h3{ float: left; color: #cc0001; font-size: 1.2em; margin-bottom: 5px;}
#featured ul li p { float: left; font-family: 'Lato', Arial, sans-serif; font-weight: 400; font-size: 1.1em;} 
#featured ul li img { float: right; padding: 15px 0 0  0;}

#home-content{ float: left; width: 612px; padding: 24px; margin-bottom: 20px;}
#home-content #images { float: right; width: 100px; padding: 35px 0 0 0;}
#home-content #copy { float: left; width: 612px; font-size: 0.9em;}
#home-content img {width: 100px; padding: 0 0 30px 0;}
#home-content p{ padding: 0 10px 10px 0;}

#twitter { float: right; width: 235px; padding: 0 24px 0 20px; border-left: #ccc dashed 1px; margin: 10px 0 10px 0;}
#twitter ul li { float: left; width: 235px; padding: 0 0 15px 0;}
#twitter ul li img {float: left; width: 40px; padding: 0 10px 0 0;}
#twitter p{font-size: 0.8em; padding-left: 50px;}
#twitter h3 { color: #cc0001; font-family: 'Lato', Arial, sans-serif; font-size: 1em; padding: 0 0 0 0px; float: left;}
#twitter a.social { float: right; padding: 0 0 10px 5px;}
#footer {
    width: 840px;
    height: 196px;
    padding: 30px 50px 0 50px;
    float: left;
    background: #c02026 url('../images/footer-background.png') repeat-x top left;
}
hr.dotted { border: none; border-bottom: dashed 1px #fff; height: 1px; width: 840px; float: left;}
#footer h4 {font-size: 1.5em; color: #fff; float: left; font-family: Arial, sans-serif; font-weight: 300;}
#footer span.tagline {float: left; color: #fff; font-size: 1em; padding:7px 0 0 20px; font-style: italic;}
#footer ul { width: 165px; float: left; padding: 10px 0 0 0;}
#footer ul li { padding: 0 0 5px 0; font-size: 0.8em;}
#footer ul li.first {font-size: 1.2em; padding-bottom: 10px; color: #fff;}
#footer ul li a {color: #fff;}

#sub-footer { width: 940px; float: left;}
#sub-footer ul {width: 940px; float: left; height: 100px; padding: 10px 0 10px 0;}
#sub-footer ul li { float: left; width: 188px; text-align: center;}


/*** content page ***/
#breadcrumb { width: 930px; float: left; padding: 5px 0 5px 10px; font-size: 0.7em;}
#breadcrumb ul li {color: #cc0001; float: left; padding: 2px;}
#breadcrumb ul li a {color: #686868;}

#side-menu { float: left; width: 190px; padding: 0 0 0 10px; min-height: 100px;}

#side-menu ul li {background: #f3f0f0; margin: 3px 0 0 0; font-size: 0.8em; padding: 3px 0 3px 8px;}
#side-menu ul li a { color: #686868; }
#side-menu ul li.selected a{ color: #cc0001;}

h2 {background: url('../images/h-bg.png') repeat-x ; float: right;  height: 23px; color: #fff; padding: 6px 0 0 12px; width: 708px; font-family: 'Lato', Arial, sans-serif; font-size: 1.2em;}
#content {float: left; width: 550px; padding: 20px; color: #686868; font-size: 0.9em; min-height: 150px}
#content p {padding: 0 0 15px 0;}
#content h3 { font-size: 1.2em; color: #cc0001; padding: 0 0 10px 0;}
#content h3.highlight { background: url('../images/h-bg.png') repeat-x top; height: 22px; color: #fff; font-family: 'Lato', Arial, sans-serif; font-weight: 300; font-size: 1em; padding: 4px 0 0 12px; margin: 0 0 15px 0;}
#content h4 { font-size: 1em; color: #cc0001; padding: 0 0 5px 0;}
#content ul {list-style: circle; padding: 0 0 10px 15px;}
#content ul li{ padding: 0 0 5px 0; font-size: 0.9em;}
#content .section {padding: 0 0 15px 0;}

#content form{ width: 550px;  margin: 0 0 0 150px;}
#content form label { float: left; width: 550px; }
#content form input {float: left; clear: both; width: 200px;}
#content form input.submit { width: auto; }
#side-pod { float: right; width: 140px; background: #f3f0f0; margin: 20px 0 0 0;}
#side-pod h3 {background: url('../images/sidebar-h.png') repeat-x; height: 22px; color: #fff; font-family: 'Lato', Arial, sans-serif; font-size: 0.8em; padding: 0 0 0 5px;}
#side-pod a.btn {
    background: url('../images/button.png') no-repeat top left;
    width: 109px;
    height: 24px;
    display: block;
    padding: 5px 0 0 10px;
    margin: 5px 0 10px 10px;
    font-family: 'Lato', Arial, sans-serif;
}
#side-pod ul.documents{ margin: 5px 0 15px 0;}
#side-pod ul.documents li a {
    background: url('../images/doc-icon.png') no-repeat left;
    padding: 0 0 0 20px;
    display: block;
    font-size: 0.75em;
    margin: 0 0 5px 10px;
}

#side-pod ul.links{ margin: 5px 0 15px 0;}
#side-pod ul.links li a {
    background: url('../images/link-icon.png') no-repeat left;
    padding: 0 0 0 20px;
    display: block;
    font-size: 0.75em;
    margin: 0 0 5px 10px;
}

#side-pod a.social { float: left; width: 27px; margin: 5px 0 10px 10px;}

strong {font-weight: bold;}
div#carousel{float: left; width: 750px; height: 200px; margin: 50px 0 0 100px}
div#carousel ul li img {width: 100%;}
/*** plugins ***/
.roundabout-holder { padding: 0; height: 5em; list-style: none }
   .roundabout-moveable-item {
        height: 200px;
        width: 25em; 
        cursor: pointer;
   }
   .roundabout-in-focus { cursor: auto; }