/* Used for screen media only */

/* Centre the site, fixed width */
body {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 75%;
    background-position: left top;
    background-image: url(../images/background-circles.jpg);
    background-repeat: no-repeat;
    background-color: #E5DFED;
}
* body {
    text-align: center;
}
h1 {
    font-size: 200%;
    line-height: 100%;
}
h2 {
    font-size: 150%;
    line-height: 100%;
}
h3 {
    font-size: 120%;
    line-height: 100%;
}
h1 a, h2 a, h3 a, h4 a {
    text-decoration: none;
}
div#sizer {
    background-color: #ffffff;
    text-align: left;
    width: 83em;
    margin: 0 auto;
    border: solid #bbbbbb;
    border-width: 0 1px 1px 1px;
}

/* Masthead */
div#masthead {
    clear: both;
    border-bottom: 3px solid #eeeeee;
    text-align: left;
    padding:  0;
    position: relative;
    height: 113px;
}
div#masthead img.iema-main-logo {
    border: none;
    left: 0px;
    top: 0px;
    position: absolute;
}
div#masthead img.defra-main-logo {
    border: none;
    float: right;
}
div#masthead div#ems-header-banner {
    position: absolute;
    top: 36px;
    right: 10px;
    text-align: right;
}
div#masthead h1 {
    color: #003A8F;
    padding: 15px 0 0 0;
    margin: 0;
    font-size: 250%;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-align: center;
}
div#masthead img.main-logo-print {
    display: none;
}


/* Top menu */
div#top-menu {
    /* background-color: #ffffff; */
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid transparent; /* Stops the contents from breaking out */
    width: 100%;
}
div#top-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div#top-menu ul li {
    float: right;
    display: block;
}
div#top-menu ul, div#top-menu ul a {
    color: #444444;
	text-transform: uppercase;
    text-decoration: none;
    /* font-family: Arial, Helvetica, sans-serif; */
}
div#top-menu ul li a {
    vertical-align: middle;
    display: block;
    /* Move the anchor down a pixel to cover the menu block bottom border */
    position: relative;
    top: 1px;
}

/*
Backgrounds are handled like this:
- Anchors have a background colour plus the top-left image.
- spans have the top-right image.
This applies to both the current and the hover tabs.
Tag structure is <li class="current|"><a href=""><span>Tab Text</span></a></li>
Coloured backgrounds always go with either the current tab, or the hover tab; all
other tabs remain invisible (that could well change).
Corner images always go with background colours.
*/
div#top-menu ul li.current a {
    /* background: left top url(../images/selected-tab-tl.gif) no-repeat #EDEDED; */
    background-color: #999999;
    color: #ffffff;
}
div#top-menu ul li span {
    vertical-align: middle;
    display: block;
    padding: 0.5em 1em;
}
div#top-menu ul li.current a span {
    /* background: right top url(../images/selected-tab-tr.gif) no-repeat; */
    background-color: #999999;
}
div#top-menu ul li a:hover {
    /* background: left top url(../images/selected-tab-tl.gif) no-repeat #EDEDED; */
    background-color: #999999;
    color: #ffffff;
}
div#top-menu ul li a:hover span {
    /* background: right top url(../images/selected-tab-tr.gif) no-repeat; */
    background-color: #999999;
}


/* Side menu */
div.fixed1-side-menu {
    margin: 0 0 1em 0;
    background-color: #eeeeee;
}
div.fixed1-side-menu-inner {
    padding: 0.5em;
}
div.fixed1-side-menu ul {
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style-type: none;
}
div.fixed1-side-menu ul li {
    line-height: 150%;
    margin-bottom: 0.25em;
    padding: 0;
}
div.fixed1-side-menu ul li li {
    margin-left: 1em;
}
div.fixed1-side-menu a {
    text-decoration: none;
    color: #333333;
}
/* Note: we add the class to the anchor just for IE, otherwise we
could have got away with the "li.current > a" selector */
div.fixed1-side-menu li.current a.current {
    color: #000000;
    font-weight: bold;
}
div.fixed1-side-menu li a:hover {
    color: #F62407;
}



/* Main block - everything below the header stuff */
/* Blocks that sit in here must have a top border to ensure vertical margins collapse */
div#main-block {
    padding: 1.5em 0 0 0;
}
div#main-block table {
    border-collapse: collapse;
    border-style: solid;
    border-color: #757F8B;
    border-width: 0px;
    margin: 1em 0;
}
div#main-block th {
    color: #55627A;
    background-color: #DED6E5;
}
div#main-block tfoot {
    font-weight: bold;
    background-color: #cdd5f8;
}

/* Just bottom border for the page footer (which goes right across the page) and no content */
#footer_block {
    clear: both;
    position: relative;
    border-bottom: 4px solid #EE8001;
    margin: 0;
    padding: 0;
}


/**
 * CUSTOM STYLES
 */
/* Other global styles */
a {
    color: #333366;
    text-decoration: none;
}
a:link:hover, a:visited:hover {
    color: #F12600;
    text-decoration: underline;
}
a img {
    border: none;
}
div.hr {
    height: 0px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #ffffff;
    font-size: 1px; /* For IE6 - gets the div as small as possible */
    line-height: 0;
}


/* Footer links, which go at the bottom of block 1 */
div#footer_links {
    margin: 1em 0 0 0;
    padding: 0.5em 0.5em 1em;
    color: #aaaaaa;
    text-align: center;
    clear: both;
}
div#footer_links a {
    text-decoration: none;
    color: #aaaaaa;
    margin-left: 1em;
    margin-right: 1em;
}
div#footer_links a:hover {
    text-decoration: underline;
    color: #CC0000;
}


/* General styles in the main content area */
#block_1_wrapper {}
#block_1 {}
#block_1_padding {
    padding: 1px 20px;
}
#block_1 h1, #block_1 h2, #block_1 h3 {
    color: #333333;
    font-weight: bold;
}
#block_1 h1 {
    margin: 0.3em 0 1em 0;
}
#block_1 h2, #block_1 h3 {
    margin: 1.5em 0 0.3em 0;
}
#block_1, #block_1 p {
    color: #333333;
    line-height: 140%;
}
#block_1 p {
    margin: 1em 0;
    padding: 0;
}
#block_1 ul {
    margin: 1em 0 1em 1em;
    list-style-position: inside;
    padding: 0;
}
#block_1 ul li {
    margin: 0.5em 0 0.5em 1em;
    padding: 0;
}
#block_1 table td p {
    margin: 0;
}
#block_1 table td, 
#block_1 table th {
    padding: 0.3em 0.5em;
}


/* General styles for left-hand column */
#block_2 {
}
#block_2_padding {
    padding: 1px 0 1px 1em;
}
#block_2 h3 {
    font-size: 110%;
}
#block_2_padding .xar-block-head, #block_2_padding .xar-block-body {
    padding: 0;
    margin: 0;
}
#block_2_padding .xar-block-head h3 {
    padding: 0 0 0.5em 0;
    margin: 0.5em 0 0 0;
    color: #333333;
    text-transform: uppercase;
}
#block_2_padding div.xar-block-foot {
    height: 0px;
    font-size: 1px; /* For IE6 - gets the div as small as possible */
    line-height: 0;
}


/* General styles for right-hand column */
#block_3 {
}
#block_3_padding {
    padding: 1px 1em 1px 0;
}
#block_3 h3 {
    font-size: 110%;
}
#block_3_padding .xar-block-head, #block_3_padding .xar-block-body {
    padding: 0;
    margin: 0;
}
#block_3_padding .xar-block-head h3 {
    padding: 0 0 0.5em 0;
    margin: 0.5em 0 0 0;
    color: #333333;
    text-transform: uppercase;
}
#block_3_padding div.xar-block-foot {
    height: 0px;
    font-size: 1px; /* For IE6 - gets the div as small as possible */
    line-height: 0;
}


/* next/previous links table for news, press releases etc. */
table.nextprev {
	width: 100%;
	border: solid #aaaaaa;
	border-width: 1px 0;
	margin: 0.5em 0;
	clear: both;
}
table.nextprev td {
	vertical-align: top;
}
table.nextprev td.prev {
	text-align: left;
	width: 40%;
}
table.nextprev td.next {
	text-align: right;
	width: 40%;
}
table.nextprev td.back {
	text-align: center;
}
table.nextprev td span {
	color: #bbbbbb;
}


/* Main Tagline - above the main page */
#main-tagline p {
    margin: 0;
    padding: 0.3em 1em;
    font-size: 160%;
    color: #8B5CB8;
    border-bottom: 3px solid #eeeeee;
    background-color: #fafafa;
    text-align: center;
    letter-spacing: 3px;
    font-weight: bold;
}

/* Home Page news feeds */
#block_1 div.ems-front-news {
    padding: 1em 0;
}
#block_1 div.ems-front-news h3 {
   margin: 0.4em 0 0 0;
   font-size: 170%;
   border-bottom: 1px solid #e0e0e0;
   padding: 0 0 0.3em 0;
}
#block_1 div.ems-front-news h3 a {
    color: #333333;
}
#block_1 div.ems-front-news h4 {
    font-size: 100%;
    margin: 0.5em 0 0.2em 0;
    padding: 0;
}
#block_1 div.ems-front-news span.totalwords {
    font-size: 85%;
    color: #333333;
}
#block_1 div.ems-front-news ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#block_1 div.ems-front-news ul li {
    list-style-type: none;
    list-style-position: outside;
    margin: 0.5em 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
}
#block_1 div.ems-front-news p {
    margin-top: 0;
}


/* Home Page RSS Blocks */
#block_1 div.homeblock {
    width: 48%;
}
#block_1 div.homeblock a {
    text-decoration: none;
}
#block_1 div.homeblock h3 {
    margin: 0.5em 0;
}
#block_1 div.homeblock ul {
    list-style-type: none;
    padding: 0;
    margin: 0.5em 0;
}
#block_1 div.homeblock ul li {
    padding: 0 0 0 1.5em;
    margin: 0.7em 0;
    background-image: url(../images/homeblock-bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    list-style-position: outside;
    line-height: 150%;
}
#block_1 div.homeblock div.readmore {
    margin: 0.5em 0;
    padding: 0;
}
#block_1 div.homeblock div.readmore a {
    font-weight: bold;
}
#block_1 div.homeblock-inner {
    padding: 0.5em;
}
#block_1 div.homeblock-jobs {
    background-color: #EEEEEE;
    float: left;
}
#block_1 div.homeblock-events {
    background-color: #DCD0E8;
    float: right;
}


/* Home page new to EMS block */
#block_1 div.newtoems {
    float: right;
    width: 196px;
    height: 263px;
    /*background-image: url(../images/newtoems.jpg);
    background-repeat: no-repeat;
    background-position: top right;*/
    padding: 1px;
    margin-left: 40px;
}
#block_1 div.newtoems p {
    color: #ffffff;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
    margin: 15px 5px 0;
}
#block_1 div.newtoems p a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 180px;
    height: 253px;
}
#block_1 div.newtoems p a span.clickhere {
    font-size: 70%;
    color: #000000;
}


/* Left Hand Logos */
div.tabwrapper div.tabmenu {
    border-bottom-color: #EEEEEE;
}
div.tabwrapper div.tabmenu ul li a {
    border-color: #EEEEEE;
}
div.tabwrapper div.tabmenu ul li a.active {
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
div.tabwrapper div.tabmenu ul li a img {
    border: 1px solid #CCCCCC;
}
div.tabwrapper div.tabcontent div {
    padding: 10px;
    border-color: #EEEEEE;
}
div.tabwrapper div.tabcontent div a {
    text-decoration: none;
}
div.tabwrapper div.tabcontent div p {
    margin: 0 0 6px 0;
}
div.tabwrapper div.tabcontent div ul {
    margin-top: 6px;
    margin-bottom: 6px;
}
div.tabwrapper div.tabcontent div.active {
    border-color: #EEEEEE;
    background-color: #EEEEEE;
}

/* LA Network pages */

div.news-item-networkmeetings {
    margin: 1em 0;
    padding: 0;
    border: 1px solid #aaaaaa;
}
div.news-item-networkmeetings div.news-header {
    padding: 0;
    margin: 0;
}
#block_1 div.news-item-networkmeetings div.news-header h3 {
    margin: 0;
    padding: 0.5em;
    background-color: #B796DA;
    color: #ffffff;
    line-height: 150%;
}
/* Lighter background for past events */
#block_1 div.news-item-networkmeetings div.news-header div.past-event h3 {
    background-color: #E5DFED;
    color: #666666;
}
#block_1 div.news-item-networkmeetings div.news-header h3 a {
    font-size: 130%;
}
div.news-item-networkmeetings div.news-body, div.news-item-networkmeetings div.news-footer {
    padding: 0.5em;
}


/* Icons for inspection bodies page */
.inspection-body-icons {
    margin: 1em 0;
    padding: 0.5em 0;
    border-top: 2px dotted #aaaaaa;
    border-bottom: 2px dotted #aaaaaa;
}
.inspection-body-icons a {
    padding: 1px;
    border: 2px solid #ffffff;
    margin: 0;
    display: block:
    width: 80px;
    height: 80px;
    float: left;
}
.inspection-body-icons a:hover {
    border-color: #8B5CB8;
}