/*************************************************


    Egmont Group
    August 10, 2009
    by 76design




***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/160% 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background:#f4f4f4 url(../images/bg.jpg) 36% 0 no-repeat;
    color: #3e3e3e;
    }

BODY {
    margin: 0px;
    padding: 0 0 15px 0;
    text-align: center;
    font-size: 1.4em;
    }

a{
    color: #3e3e3e; }
a:hover{
    color: #0e5e90; }


p{
    margin: .75em 0;
    }

.flash-msg{
    border: solid 1px #ded17c;
    background: #fff4ae;
    padding: 4px;
    }


.rss{
    text-decoration: none;
    font-weight: bold;
    float: right;
    line-height: 2em;
    color: #ec9138;
    }



table{
    margin-bottom: 1em;
    font-size: .9em;
    border: solid 1px #ccc;
    border-bottom: none;
    border-right: none;
    }
th{
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 7px 10px 4px;
    background: #eee;
    font-weight: bold;
    }
td{
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 4px;
    }



h1{
    color: #166ca9;
    font-weight: bold;
    margin: 0 0 1em 0;
    font-size: 1.7em;
    }
h2{
    color: #166ca9;
    font-weight: normal;
    font-size: 1.4em;
    margin: 1em 0 .5em 0;
    }
h3{
    color: #4293CA;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
    margin: 1em  0 .75em 0;
    }
h4{
    color: #666;
    font-weight: normal;
    font-size: 1.2em;
    margin: .5em 0;
    }
h5{
    font-size: 1.1em;
    margin-top: 1.5em;

    }


#home h2{
    color: #166ca9;
    font-weight: bold;
    margin: 0 0 .25em 0;
    font-size: 1.7em;
    }
#home h3{
    color: #166ca9;
    font-weight: bold;
    margin: 0 0 .25em 0;
    font-size: 1.3em;
    font-style: normal;
    }


#map-viewlist{
    font-size: .8em;
    background: #dfeefd;
    }
#map-viewlist a{
    display: block;
    padding: 3px;
    color: #176daa;
    border: solid 1px #a7c5dd;
    text-align: center;
    font-weight: bold;
    }
#map-viewlist a:hover{
    background: #a7c5dd;
    }



/***************************************************
    WRAPPER
     */
#wrapper {
    width:820px;
    margin: 0px auto;
    text-align:left;
    }
.logo {
    margin-top: 20px;
    text-indent:-999em;
    overflow: hidden;
    width:473px;
    height:113px;
    display:block;
    background:url(../images/logo.jpg) no-repeat;
    }



/***************************************************
    HEADER
    */
#header {
    margin:0 0 20px 0;
    overflow: hidden; height: 1%;
    }

#search{
    padding: 1px;
    float: right;
    overflow: hidden;
    margin-top: -50px;
    }
#search input{
    border: solid 1px #a6ccf3;
    padding: 6px;
    color: #1a6a9f;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: block;
    float: left;
    }
#search button{
    background: none;
    padding: 3px 0 0 0;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 0 0 5px;
    height: 1%;
    overflow:hidden;
    }



/***************************************************
    MAIN MENU
    */

#topmenu {
    background: #166ca9 url(../images/topmenu.gif) 0 0 repeat-x;
    margin:14px 0 20px 0;
    padding: 4px;
    border: solid 1px #003961;
    }

#topmenu LI  {
    list-style:none;
    float:left;
    margin:0 10px 0 0;
    width:auto;

    }

#topmenu LI.selected A{
    border: solid 1px #8dd1ff;
    background: #488fd5 url(../images/topmenu-selected.gif) 0 0 repeat-x;
    }

#topmenu A {
    display:block;
    padding:6px 11px;
    margin:0;
    text-decoration:none;
    color: #fff;
    font-weight: bold;
    }
#topmenu > li a{
    border: solid 1px transparent;
    }

#topmenu A:hover{
    text-decoration: underline;
    background: #2879b9 url(../images/topmenu-hover.gif) 0 0 repeat-x;
    }

#topmenu > li a:hover{
    border-color: #4293ca;
    }


/***************************************************
    SIDEMENU

    */

 #sidemenu {
    color: #0e5e90;
    font-weight: bold;
    font-size: .9em;
    }

#sidemenu ul{
    margin: 0 0 0 2.25em;
    }

#sidemenu LI {
    margin-bottom: .35em;
    height: 1%;
    position: relative;
    vertical-align: middle;
    }

#sidemenu LI A{
    color:#5c574d;
    text-decoration:underline;
    display:block;
    font-size: .85em;
    }

#sidemenulist LI A:hover{
    color: #0e5e90;
    text-decoration: none;
    }

#sidemenulist LI.selected{
    color: #003961;
    }
#sidemenulist LI.selected A{
    color: #003961;
    text-decoration: none;
    }

/***************************************************
    COLUMNS

    */
#home #rightcolumn {
    float:left;
    width:220px;
    }

#home #leftcolumn {
    float:left;
    width:580px;
    margin:0 20px 20px 0;
    }

#leftcolumn{
    float: left;
    margin: 0 30px 30px 0;
    width: 190px;
    }

#centrecolumn {
    width:580px;
    float:left;
    margin:0 20px 20px 0;
    line-height: 135%;
    }
#centrecolumn.wide{
    margin-left: 18px;
    }

#centrecolumn ul,
#centrecolumn ol{
    line-height: 130%;
    margin: 2em 3em 2em 3.5em;
    }
#centrecolumn ul ul{
    margin-top: .5em;
    }

#centrecolumn li{
    margin-bottom: .5em;
    }


/***************************************************
    SIDEBAR
    */

.box,
.box-blue{
    position: relative;
    background: #fff;
    border-bottom: solid 1px #e1e1e0;
    margin-bottom: 20px;
    padding: 20px 12px 12px 12px;
    height: 1%;
    }

.box{
    line-height: 130%;
    }

.box-blue{
    overflow: hidden; height: 1%;
    background: #cde3f9 url(../images/bluebox-bg.gif) 0 0 repeat-x;
    border: solid 1px #bbd6f2;
    }
.box-blue a.learnmore{
    float: right;
    background: url(../images/learnmore-white.gif) 0 0 no-repeat;
    }


#rightcolumn .box-content{
    font-size: .9em;
    }
#leftcolumn .box-content{
    width: 440px;
    }

#leftcolumn a.learnmore{
    position: absolute;
    bottom: 15px;
    right: 10px;
    background: url(../images/learnmore.gif) 0 0 no-repeat;
    }
a.learnmore{
    color: #166ca9;
    display: block;
    font-size: .8em;
    width: 94px;
    height: 23px;
    font-style: italic;
    text-decoration: none;
    line-height: 24px;
    padding-left: 5px;
    }
a.learnmore:hover{
    color: #333;
    text-decoration: underline;
    }


.box#casestudy{
    background: #fff url(../images/casestudybg.jpg) 0 0 no-repeat;
    padding-top: 130px;
}
#casestudy a{
    color: #166CA9;
    }
#casestudy a:hover{
    text-decoration: none;
    }

ul.newsandevents-list{
    margin: 0;
    font-size: 1em;
    }

.newsandevents-list a{
    text-decoration: none;
    }


.newsandevents-list a:hover{
    text-decoration: underline;
    }

ul.newsandevents-list li{
    position: relative; /* ie6 */
    list-style: none;
    border-bottom: solid 1px #e0e0df;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    }
ul.newsandevents-list li.event{
    background: url(../images/icon-event.gif) 0 2px no-repeat;
    padding-left: 25px;
    }
ul.newsandevents-list li.news{
    background: url(../images/icon-news.gif) 0 2px no-repeat;
    padding-left: 25px;
    }
ul.newsandevents-list span{
    color: #166CA9;
    }


/***************************************************
    FORMS
     */

form{
    margin: 2em 0;
    }
#centrecolumn form ol{
    list-style: none;
    margin: 0;
    }
form li{
    margin-bottom: .75em;
    clear: left
    }
label {
    display: block;
    float: left;
    width: 125px;
    color: #0E5E90;
    }
form li input{
    border: solid 1px #0E5E90;
    width: 200px;
    padding: 3px;
    color: #666;
    }
form li textarea{
    border: solid 1px #0E5E90;
    width: 350px;
    height: 150px;
    padding: 3px;
    color: #666;
    font: 1em helvetica, arial, sans-serif;
    }
#buttons{
    margin-left: 125px;
    }

form .submit{
    background: #166CA9;
    color: #fff;
    font-weight: bold;
    width: auto;
    border: 1px solid #003961;
    padding: 4px 12px;
    margin-top: 20px;
    }


form p.description{
    font-size: 90%;
        }

    #centrecolumn ul.errorlist{
        border: solid 1px #c03323;
        padding: 10px;
        margin: 10px 0;
        list-style: none;
        background: #fff;
        }
    #centrecolumn ul.errorlist ul{
        margin: 0;
        list-style: none;
        }
    #centrecolumn .errorlist li{
        margin: 0 0 0 0;
        border-bottom: dotted 1px #ccc;
        }
    #centrecolumn .errorlist li li{
        border-bottom: none;
        }
    .errorlist b{
        background: url(../images/icon-error.gif) 0 0 no-repeat;
        color: #c03323;
        padding-left:20px;
        }
    .errorlist ul li{
        border-bottom: none;
        margin: 0;
        padding: 0 0 6px 0;
        }
    #centrecolumn .errorlist .errors{
        margin-left: 20px;
        }




a.document{
    display: block;
    background: #f4f4f4 url(../images/icon-doc.gif) 5px 50% no-repeat;
    padding: 5px;
    padding-left: 32px;

    text-decoration: none;
    border: solid 1px #ccc;
   /* color: #0E5E90;*/
   margin-bottom: .75em;
}
a.document:hover{
    text-decoration: underline;
    border: solid 1px #0E5E90;
}


/***************************************************
    NEWS
     */
 #centrecolumn ul#news-years,
 #centrecolumn #news-months,
 #centrecolumn #events-years,
  #centrecolumn ul.filter-links{
    font-weight: bold;
    margin: 0;
    padding: 3px;
    list-style: none;
    border: solid 1px #ccc;
    overflow: hidden; height: 1%;
    font-size: 110%;
    background: #fff;
    }
 #centrecolumn #events-years li,
 #centrecolumn #news-years li,
 #centrecolumn #news-months li,
  #centrecolumn ul.filter-links li{
    margin: 0;
    padding: 0;
    float: left;
    }
#news-years a,
#news-months a,
#events-years a,
 #centrecolumn ul.filter-links a{
    text-decoration: none;
    display: block;
    margin: 0 4px;
    padding: 2px 4px;
    border: solid 1px #fff;
    }
#news-months a:hover,
#news-years a:hover,
#events-years a:hover,
 #centrecolumn ul.filter-links a:hover{
    background: #ccc;
    color: #333;
    border: solid 1px #aaa
    }

#news-months .selected a,
#news-years .selected a,
#events-years .selected a,
 #centrecolumn ul.filter-links .selected a{
    background: #4293CA;
    color: #fff;
    border: solid 1px #2879B9
}

#centrecolumn #news-months{
    background: none;
    border-top: none;
    font-size: 80%;
    }

.news-item h4,
.news-item-summary h4,
.event h4,
.event-summary h4{
    font-size: 80%;
    margin: -8px 0 0 0;
    }

.news-item-summary,
.event-summary{
    border-bottom: solid 2px #ccc;
    }



/***************************************************
    EGMONT LIBRARY
    */

#opt_in-element{
    margin: 0 0 1em 0;
    overflow: hidden; height: 1%;
    }
#opt_in-element label,
#opt_in-element input{
    width: auto;
    }
#opt_in-yes,
#opt_in-no{
    margin-left: 10px;
    }
#opt_in-element .required{
    display: block;
    width: 100%;
    }

#captcha-element label{
    margin-top: 1em;
    width: auto;
    float: none;
    }
#captcha-element img{
    margin: 5px 0;
    }



/***************************************************
    FIU List
    */
.fiu-item{
    margin: .75em 0;
    background: #f4f4f4 url(../images/icon-globe.jpg) 5px 7px no-repeat;
    padding: 5px;
    padding-left: 32px;
    text-decoration: none;
    border: solid 1px #ccc;
    line-height: 1.25em;
    }
.fiu-item strong{
    display: block;
    font-size: 80%;
    color: #666
    }




/***************************************************
    SEARCH FORM (Search Page)
     */

    .module-search label em{
        display: none;
        }

    .module-search form{
        background: #fff;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        text-align: center;
        }
    .module-search form li{
        display: inline;

        }
    .module-search li input{
        padding: 4px 3px;

        }
    .module-search form label{
        display: inline;
        float: none;
        clear: none;
        width: auto;
        margin-right: 25px;
        }
    .module-search fieldset{
        margin: 0;
        padding: 0 0 20px 0
        }

     #moduleid-search-results .document h3{
        background: url(../images/icon-doc.gif) 0 0 no-repeat;
        padding: 0 0 0 24px;
        }
     #moduleid-search-results .news h3{
        background: url(../images/icon-news.gif) 0 0 no-repeat;
        padding: 0 0 0 24px;
        }
     #moduleid-search-results .event h3{
        background: url(../images/icon-event.gif) 0 0 no-repeat;
        padding: 0 0 0 24px;
        }



    #moduleid-search-results h3 a{
        color: #4293CA;
        }
    #moduleid-search-results h3 a:hover{
        text-decoration: none;
        }
    #moduleid-search-results .search-result {
        border-bottom: solid 2px #ccc;
    }
    .module-search li input.submit{ /* ie6+7 renders form button a little weird, doesn't affect other browsers */
        line-height: 1;
    }
    .module-search input.submit:hover{
        background: #4293CA;
        cursor: pointer;
        }


/***************************************************
    Logged In
     */
#user-menu{
    float: right;
    font-size: .8em;
    border-bottom: solid 1px #ccc;
    padding: 0 0 4px 0;
    margin-top: 20px;
    }

#user-menu .user-name{
    color: #003961;
    padding: 0 5px 0 0;
    }

#user-menu a{
    padding: 0 5px;
    text-decoration: none;
    }
#user-menu a:hover{
    text-decoration: underline;
    }
#user-nav-logout{
    font-weight: bold;
    }


/***************************************************
    FOOTER
     */

     .clear{
        clear: both;
        }

#footer {
    background: #e6e6e6;
    padding: 12px;
    overflow: hidden;
    font-size: .8em;
    color: #454545;
    }
#footer a{
    color: #454545;
    }
#footer a:hover{
    color: #488fd5;
    text-decoration: none;
    }

#footer P{
    margin: 0;
    }

#footer P.copyright {
    float:right;
    }