/* ------ option2 --------------------- */
div#social_menu {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 10px 10px 5px #888888;
    display: none;
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 25px;
    width: 300px;
    z-index: 10;
}
li.socialButton {
    position: relative;
}
/* new style for social button */
div#headerwrapper a.button {
padding: 4px 7px;
border-radius: 4px;
color: #fff;
background: #032555;
background: -moz-linear-gradient(top, #1a558d, #032555);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a558d), color-stop(100%,#032555));
background: -webkit-linear-gradient(top, #1a558d 0%,#032555 100%);
} 			  
/* SITE BACKGROUND */
body div#sitewrapper {background: #f7f7f7; border: none;}

/* TOP BAR */
body div#headerwrapper {background: #f7f7f7;}
body div#header {padding-top: 10px; padding-bottom: 10px;}
body div#headerwrapper a {color: #073f6f;}

/* TITLE */
body div#title {padding-top: 15px; padding-bottom: 15px; text-align: center; background: #e2e2e2; border: none; display: block;}
body div#title h1 a {color: #000; font-size: 36px;}
body div#title h1 a span {text-transform: uppercase; font-style: normal; font-size: 36px; color: #000;}


/* SEAL */
body div#seal a {background: url('./images/seal2.png') top left no-repeat; border-right: none;top:55px; left:440px;}

/* NAV BAR */
body div#navigation ul li a {font-family: Arial; border-right: none;}
body div#navigation {
background: #032555;
background: -moz-linear-gradient(top, #1a558d, #032555);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a558d), color-stop(100%,#032555));
background: -webkit-linear-gradient(top, #1a558d 0%,#032555 100%);
border-radius: 0;
}

/* NAV ACTIONS */
body div#navigation a.button {
border: none;
background: #4584BE;
background: -moz-linear-gradient(top, #4584BE, #2B557C);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4584BE), color-stop(100%,#2B557C));
background: -webkit-linear-gradient(top, #4584BE 0%,#2B557C 100%);
border-radius: 4px;
padding: 7px;
}

/* BREADCRUMB */
body div#breadcrumb ul li a {color: #073f6f; font-family: Arial; font-style: normal;}
body div#subheader {background: #e2e2e2;}

/* SIDE NAV */
body div#sidenav ul li a.first {color: #33669d;}
body div#sidenav ul li a {color: #777; padding: 5px;}
body div#sidenav ul li a.selected {color: #000; background: none;}

/* PAGE CONTENT */
body div#pagecontent h1 {color: #a41212; font-weight: normal;}
body div#pagecontent h2 {color: #a41212; border-color: #ccc;}
body div#pagecontent a {color: #33669d;}
body div#pagecontent a:hover {
    text-decoration: underline;
}
body div#secondarycolumn h2 {color: #666;}
body div#secondarycolumn a {color: #33669d;}

/* HERO */
body div#hero {border-bottom: 10px solid #073f6f; border-color: #3b85ad;}
body div#hero h1 {color: #fff; text-shadow: 1px 1px #000;}
body div#hero h2 {color: #333; text-shadow: 0px; font-style: normal; font-family: Arial; margin-bottom: 7px;}
body div#hero p {color: #fff; text-shadow: 1px 1px #000; font-size: 18px; line-height: 24px; width: 280px;}
body div#hero a {color: #2e6da4; text-shadow: 0px;}
body div#hero a.morelinks {background: #4584be; color: #fff; font-style: normal; font-family: Arial; border-radius: 5px; padding: 5px 8px; text-decoration: none; margin-top: 5px; font-weight: normal;}

body div#inlineimage {display: none;}
body div#calltoaction {width: 500px; margin-left: 30px;}
body div#additionalcontent {width: 310px; margin-left: 20px;}

/* HERO ACTION */
body.option4a div#hero a.action {
color: #fff;
background: #880000;
background: -moz-linear-gradient(top, #ad1818, #880000);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad1818), color-stop(100%,#880000));
background: -webkit-linear-gradient(top, #ad1818 0%,#880000 100%);
padding: 10px 40px;
}

ul#Index_Page_Signpost_and_Promotions_Slideshow li {
background-color: transparent;
}

/* DIVIDER */
body div#dividerwrapper {background: #f7f7f7;}


/* FOOTER */
body div#footerwrapper {background: #f7f7f7; margin-bottom: 40px;}
body div#footer {background: #e2e2e2; border: none; border-top: none;}
body div#footer a, body.option4a div#footer a.first {color: #000;}
body div#footer ul {padding-left: 8px; padding-right: 8px;}

/*PROJECT MENU*/
div#header div#projectMenuDiv {
    float: none;
    position: relative;
    top: -25px;
}
@media screen and (min-width:200px) and (max-width: 480px){
body div#header { padding-bottom: 0px;}
body div#flabarLoginDialogWrapper{width:100%;}
}