@import url("/includes/css/reset.css");

body
{
    font-family: Arial;
    font-size: 62.5%;
    color: #79797a;
    background: #fff url('/images/bg.gif') no-repeat center top;
}

a
{
    color: #298846;
    text-decoration: none;
    cursor: pointer;
}

    a:hover
    {
        text-decoration: none;
    }

h1, h2, h3, h4, h5
{
    color: #365049;
}

h1
{
    font-size: 1.1em;
    font-weight: bold;
    color: #365049;
    text-transform: uppercase;
    padding: 0 0 0 0;
}

h2
{
    font-size: 1.4em;
    letter-spacing: -0.05em;
    line-height: 16px;
}

h3
{
    font-size: 1.1em;
    line-height: 12px;
}

    .webpart-ctr h3
    {
        font-size: 1.1em;
        color: #365049;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 0 15px 0;
    }

p
{
    width: 100%;
    font-size: 1.2em;
    float: left;
    line-height: 16px;
}
    
    p.bold
    {
        color: #020202;
    }
    
    p.large-bold
    {
        font-size: 1.3em;
        color: #020202;
        font-weight: bold;
        line-height: 16px;
    }

span
{

}

blockquote
{
    
}

fieldset { float: left; }

    fieldset dl
    {
        width: 100%;
        float: left;
        margin: 18px 0 0 0;
    }

        fieldset dd { display: none; }
            
            fieldset dd.visible
            {
                font-size: 1.2em;
                color: #000;
                line-height: 21px;
                float: left;
                display: block;
            }
        
        fieldset dt
        {
            width: 100%;
            float: left;
            margin: 0 0 11px 0;
        }

            fieldset input
            {
                height: 21px;
                font-family: Arial;
                font-size: 1.2em;
                color: #000;
                float: left;
                background: url('/images/input_l.gif') no-repeat left top;
                padding: 4px 0 0 9px;
                margin: 0;
                border: none;
            }
            
            fieldset textarea
            {
                height: 100px;
                font-family: Arial;
                font-size: 1.2em;
                color: #000;
                float: left;
                padding: 4px 0 0 9px;
                margin: 0;
                background-color: #f7f7f7;
                border: solid 1px #e3e3e3;
            }

            span.input-r
            {
                width: 5px;
                height: 25px;
                float: left;
                margin: 0;
                background: url('/images/input_r.gif') no-repeat left top;
            }
            
            dt a.submit
            {
                font-size: 1.3em;
                color: #000;
                float: right;
                margin: 7px 0 0 0;
            }
            
            span.reqd
            {
                font-size: 1.1em;
                color: red;
                float: left;
                padding: 2px 0 0 5px;
            }

/* Custom classes */
.left { float: left; }
.right { float: right !important; }
.clear { clear: both; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }

.margin-left-30 { margin-left: 30px; }

.validation
{
    font-size: 1.1em;
    color: red;
    float: left;
}

.large
{
    font-size: 1.8em;
    color: #434343;
    line-height: 20px;
}

.medium
{
    font-size: 1.3em;
    color: #434343;
    line-height: 20px;
}

.border-bottom
{
    border-bottom: solid 3px #298846;
}

.red
{
    color: red;
}

/* Page Containers */
#page-container
{
    width: 980px;
    margin: 0 auto;
}

    #header-container
    {
        width: 959px;
        height: 106px;
        float: left;
        padding: 8px 0 0 21px;
        background-color: #fff;
        position: relative;
    }
    
        #header-container img
        {
            float: left;
        }
        
        #header-right-container
        {
            width: 180px;
            height: 50px;
            float: right;
            position: relative;
        }
    
    #content-header-container
    {
        width: 980px;
        min-height: 200px;
        float: left;
        position: relative;
    }
    
        #content-header-container em
        {
            width: 100%;
            font-size: 1.8em;
            font-style: normal;
            color: #424242;
            float: left;
            line-height: 22px;
            letter-spacing: -0.03em;
        }
        
    
            #content-header-container em span
            {
                width: 100%;
                font-size: 0.8em;
                font-weight: bold;
                color: #365049;
                line-height: 18px;
                float: left;
            }
    
    #content-container
    {
        width: 940px;
        display: inline-block;
        margin: 0 20px;
        background: url('/images/column_bg.gif') repeat-y left top;
    }
    
    #home-content-container
    {
        width: 940px;
        display: inline-block;
        margin: 0 20px;
    }
    
	#home-content-container .content-4-4
        {
        	position: relative !important;
        }
    
            #home-content-container .content-4-4 h1
            {
		position:absolute;
                width: 465px;
                height: 25px;
                font-size: 1.5em;
                font-weight: normal;
                color: #fff;
                line-height: 25px;
                text-transform: none;
                left: 242px;
                top: 0;
                padding: 0 10px;
                margin: 0;
                background-color: #3d3d3d;
            }
        
        #home-content-container .news h3,
        #home-content-container .downloads h3
        {
            padding: 0 0 7px 16px;
        }
    
    #footer-container
    {
        width: 940px;
        display: inline-block;
        margin: 40px 20px;
        padding: 13px 0 0 0;
        background: url('/images/footer_bg.gif') repeat-x left top;
    }
    
        #footer-container span
        {
            font-size: 1.2em;
        }
    
        #footer-container ul
        {
            width: 650px;
            float: left;
        }
        
            #footer-container ul li
            {
                float: left;
            }
            
                #footer-container ul li span
                {
                    float: left;
                    padding: 0 7px;
                }
            
                #footer-container ul li a
                {
                    font-size: 1.2em;
                    color: #79797a;
                    float: left;
                }

/* Layout */
.content-1-4
{
    width: 196px;
    min-height: 10px;
    float: left;
    padding: 0 0 0 16px;
}

    .content-1-4 .webpart-ctr
    {
        width: 100%;
        float: left;
        padding: 0 0 21px 0;
        margin: 7px 0 11px 0;
        border-bottom: solid 3px #3d3d3d;   
    }

#content-container .content-2-4
{
    position:relative;
    width: 422px;
    min-height: 10px;
    float: left;
    padding: 0 16px;
    margin: 0 30px;
}

#home-content-container .content-2-4
{
    width: 454px;
    min-height: 10px;
    float: left;
}

#home-content-container .content-4-4
{
    width: 100%;
    float: left;
}

    .content-2-4 .webpart-ctr
    {
        width: 100%;
        float: left;
        margin: 7px 0 11px 0;
        /*border-bottom: solid 3px #3d3d3d;*/
    }

#content-container .content-4-4
{
    width: 100%;
    float: left;
}

/* Navigation */
#navigation-container
{
    width: 857px;
    height: 36px;
    float: left;
    position: absolute;
    left: 115px;
    bottom: 0;
}

    ul.navigation
    {
        width: 857px;
        float: left;
        list-style-type: none;
        padding: 0;
    }

        ul.navigation ul
        {
            height: 50px;
            list-style-type: none;
            left: 0;
            top: -999em;
            position: absolute;
            display: inline;
            padding: 10px;
            margin: 0 0 0 1px;
            overflow: hidden;
            background-color: #3d3d3d;
        }
        
        ul.navigation li
        {
            padding: 0;
            float: left;
            position: relative;
        }
        
            ul.navigation li a
            {
                font-size: 1.4em;
                color: #939393;
                line-height: 20px;
                letter-spacing: -0.03em;
                padding: 5px 9px 10px 9px;
                float: left;
                text-decoration: none;
                background: url('/images/nav_bg.gif') repeat-y left top;
            }
                
                ul.navigation li a:hover
                {
                    color: #3d3d3d;
                }
                
                ul.navigation li a.sub-nav:hover,
                ul.navigation li a.active
                {
                    color: #fff;
                    background-color: #3d3d3d;
                }

                    ul.navigation li a.active:hover
                    {
                        color: #fff;
                    }
                
                ul.navigation li a.first,
                ul.navigation ul li a
                {
                    background: none;
                }
                                    
                ul.navigation ul li
                {
                    float: left;
                }
                
                    ul.navigation ul li table
                    {
                        float: left;
                    }
                    
                        ul.navigation ul li td
                        {
                            padding: 0 5px;
                        }
               
                    ul.navigation ul li a
                    {
                        font-size: 1.1em;
                        color: #fff;
                        letter-spacing: normal;
                        float: left;
                        line-height: 16px;
                        padding: 0;
                        text-decoration: none;
                    }
                   
                        ul.navigation ul li a.active,
                        ul.navigation ul li a:hover
                        {
                            color: #12c361;
                        }
                    
            ul.navigation li:hover ul,
            body ul.navigation li.active ul,
            ul.navigation li.sfHover ul
            {
                top: -70px;
            }
            
            ul.navigation li.email-page
            {
                width: 28px;
                height: 24px;
                float: right;
                padding: 12px 0 0 15px;
                background: url('/images/nav_bg.gif') repeat-y left top;
            }

                ul.navigation li.email-page a
                {
                    width: 14px;
                    height: 10px;
                    text-indent: -5000px;
                    float: left;
                    padding: 0;
                    background: url('/images/email_off.gif') no-repeat left top;
                }

                    ul.navigation li.email-page a:hover
                    {
                        background: url('/images/email_on.gif') no-repeat left top;
                    }
                    
            ul.navigation li.print-page
            {
                width: 28px;
                height: 25px;
                text-indent: -5000px;
                float: right;
                padding: 11px 0 0 15px;
                background: url('/images/nav_bg.gif') repeat-y left top;
            }

                ul.navigation li.print-page a
                {
                    width: 13px;
                    height: 12px;
                    float: left;
                    padding: 0;
                    background: url('/images/print_off.gif') no-repeat left top;
                }

                    ul.navigation li.print-page a:hover
                    {
                        background: url('/images/print_on.gif') no-repeat left top;
                    }

/* Left Sub Navigation */
#leftsubnav ul
{
    width: 178px;
    float: left;
}

    #leftsubnav ul li
    {
        float: left;
        line-height: 18px;
    }
    
        #leftsubnav ul li a
        {
            width: 176px;
            font-size: 1.1em;
            float: left;
            color: #79797a;
            padding: 3px 0 3px 2px;
            border-top: solid 1px #dbdbdb;
            border-bottom: solid 1px #fff;
        }
    
            #leftsubnav ul li a:hover,
            #leftsubnav ul li a.active
            {
                color: #000;
                border-top: dashed 1px #12c361;
                border-bottom: solid 1px #12c361;
            }

/* Languages */
.lang-container
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}

    .lang-container ul
    {
        width: 100%;
        float: left;
    }
    
        .lang-container li
        {
            float: left;
            padding: 0 0 5px 0;
        }
        
            .lang-container li a
            {
                width: 16px;
                height: 11px;
                float: left;
                text-indent: -5000px;
                margin: 0 10px 0 0;
            }

/* Search */
#search-container
{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

    #search-container input
    {
        width: 135px;
        font-size: 1.3em;
        color: #a5a5a5;
    }
    
    #search-container a
    {
        font-size: 1.2em;
        float: left;
        padding: 5px;
    }

/* Newsletter */                
#newsletter p
{
    width: 178px;
}

    #newsletter dt
    {
        width: 176px;
    }
    
        #newsletter dt input
        {
            width: 162px;
        }
            
/* News Listing */
.news
{
    float: left;
    padding: 0 0 7px 0;
    width:726px;
}

    .news .news-item
    {
        width: 100%;
        float: left;
    }
    
        .news .news-item span.news-date
        {
            width: 100%;
            font-size: 1.1em;
            color: #365049;
            line-height: 14px;
            float: left;
        }

        .news .news-item h4 a
        {
            font-size: 1.5em;
            color: #000;
            font-weight: normal;
            line-height: 18px;
            float: left;
            padding: 0 0  7px 0;
            background: url('/images/link_bg_black.gif') repeat-x left bottom;
        }
        
        .news .news-item p
        {
            padding: 12px 0;
        }
        
    .news .seperator
    {
        padding: 12px 0 0 0;
        border-top: solid 1px #ccc;
    }
    
    .news .page-feature
    {
        width: 195px;
        padding: 0 0 0 16px;
    }
    
    .news .page-feature-btm
    {
        width: 968px;
        height: 3px;
        float: left;
        margin: 0 0 0 -30px;
        background: url('/images/news_feature_bg.gif') repeat-x top left;
    }
    
    .content-2-4 .news .page-feature
    {
        height: 180px;
        padding: 0;
        margin: 10px 0 0 0;
    }
    
    .content-2-4 .news .page-feature-alt
    {
        float: right;
    }
    
    .content-2-4 .news .page-feature-btm
    {
        display: none;
    }
    
    .content-4-4 .news .border-bottom
    {
        border: none;
    }

/* Events Ticker */
#events-ticker
{
    float:left;
    margin-top:20px;
}

#events-ticker p.no-events
{
    float:left;
    width: 194px;
}

#events-ticker h3
{
    padding:0 0 7px 16px;
    text-transform:uppercase;
}

#events-ticker #ticker {
    width:194px; 
    height:135px; /* Needs to be based on content adjusted */
    overflow:auto;
    background-color:#FFFFFF;
    padding-left:16px;
}

#events-ticker #ticker dt 
{
    padding-top:12px;
    border:1px solid #ffffff;
    border-bottom:none; 
    border-right:none;
}


#events-ticker #ticker dd 
{
    margin-left:0;
    padding:12px 0;
    background:url("/images/link_bg_black.gif") repeat-x scroll left bottom;
}

#events-ticker #ticker dd.last 
{ 
    background:url("/images/link_bg_black.gif") repeat-x scroll left bottom;
}

#events-ticker #ticker dt a
{
    color:#000000;
}

#events-ticker #ticker dt a span.news-date
{
    color:#365049;
    font-size:1.1em;
}

#events-ticker #ticker dt a span.title
{
    color:#000000;
    font-size:1.5em;
}

#events-ticker #ticker dd a
{
    color:#939393;  
    font-size:1.2em;
    line-height: 16px;
}

#events-ticker #ticker dt a,
#events-ticker #ticker dd a
{
}
    
/* Careers */
.jobs
{
    padding: 0 0 7px 0;
}

    .jobs .job-item
    {
        width: 100%;
        float: left;
    }

        .jobs .job-item h4 a
        {
            font-size: 1.5em;
            color: #000;
            font-weight: normal;
            line-height: 18px;
            float: left;
            background: url('/images/link_bg_black.gif') repeat-x left bottom;
        }
        
        .jobs .job-item p
        {
            padding: 12px 0;
        }
        
    .jobs .seperator
    {
        padding: 12px 0 0 0;
        border-top: solid 1px #ccc;
    }
    
    .jobs fieldset p,
    .jobs .validation
    {
        width: 424px;
        padding: 10px 0 0 0;
    }
    
    .jobs dl
    {
        width: 100%;
    }
    
        .jobs dd.visible
        {
            width: 150px;
        }
    
        .jobs dt
        {
            width: 250px;
        }
        
            .jobs dt input
            {
                width: 225px;
            }
        
/* Downloads */
.downloads
{
    padding: 0 0 7px 0;
}

    .downloads .download-item
    {
        width: 100%;
        float: left;
    }
    
        .downloads .download-preview
        {
            width: 100%;
            float: left;
        }
        
        .downloads .download-preview-centered
        {
            width: 100%;
            float: left;
            text-align: center;
        }
        
        .downloads .download-item a.title
        {
            font-size: 1.5em;
            color: #000;
            font-weight: normal;
            line-height: 18px;
            float: left;
            padding: 10px 0 7px 0;
            background: url('/images/link_bg_black.gif') repeat-x left bottom;
        }
        
        .downloads .download-item p
        {
            width: 100%;
            font-size: 1.1em;
            float: left;
            padding: 7px 0 0 0;
        }
        
        .downloads .download-item a.download
        {
            font-size: 1.1em;
            color: #365049;
            text-transform: uppercase;
            float: left;
            padding: 3px 0;
            margin: 10px 0 0 0;
            background: url('/images/link_bg_black.gif') repeat-x left bottom;
        }
    
    .downloads .seperator
    {
        padding: 12px 0 0 0;
        margin: 10px 0 0 0;
        border-top: solid 1px #ccc;
    }
    
    .downloads .page-feature
    {
        width: 195px;
        padding: 0 0 0 16px;
    }
    
    .downloads .page-feature-btm
    {
        width: 968px;
        height: 3px;
        float: left;
        margin: 10px 0 0 -30px;
        background: url('/images/download_feature_bg.gif') repeat-x top left;
    }
    
    .content-2-4 .downloads .page-feature
    {
        padding: 0;
    }
    
    .content-2-4 .downloads .page-feature-alt
    {
        float: right;
    }
    
    .content-2-4 .downloads .page-feature-btm
    {
        display: none;
    }

/* Contact */
.contact fieldset p,
.contact .validation
{
    width: 424px;
    padding: 10px 0 0 0;
}
    
    .contact dt
    {
        width: 250px;
    }
        
        .contact dt input,
        .contact dt textarea
        {
            width: 225px;
        }

/* Google Map */
.google-map
{
    float: left;
}

/* Search Results */
.search
{
    padding: 0 0 7px 0;
}

    .search .search-item
    {
        width: 100%;
        float: left;
    }

        .search .search-item h4 a
        {
            font-size: 1.5em;
            color: #000;
            font-weight: normal;
            line-height: 18px;
            float: left;
            background: url('/images/link_bg_black.gif') repeat-x left bottom;
        }
        
        .search .search-item p
        {
            padding: 3px 0 12px 0;
        }
        
    .search .seperator
    {
        padding: 12px 0 0 0;
        border-top: solid 1px #ccc;
    }

/* Paging */    
.paging
{
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0 0 0;
}

    .paging a
    {
        font-size: 1.5em;
        color: #000;
        font-weight: normal;
        line-height: 18px;
        margin: 0 2px;
        background: url('/images/link_bg_black.gif') repeat-x left bottom;
    }

        .paging a.active
        {
            font-weight: bold;
        }

/* Editable Content classes */
.editcontent-2-2
{
    width: 100%;
    float: left;
    padding: 15px 0 0 0;
}

.editcontent-1-2
{
    width: 196px;
    float: left;
    padding: 15px 0 0 0;
}

    .editcontent-2-2 h1
    {
        font-size: 1.5em;
        color: #FFFFFF;
        line-height: 16px;
	width:453px;
	line-height:25px;
	position:absolute;
	top:0;
	left:0;
	padding:0 16px;
	background-color:#3D3D3D;
        text-transform:none !important;
    }
    
    .editcontent-2-2 img,
    .editcontent-1-2 img
    {
        float: left;
    }
    
    .editcontent-2-2 ul.bullet-list
    {
        float: left;
    }

        .editcontent-2-2 ul.bullet-list li
        {
            font-size: 1.1em;
            line-height: 18px;
            padding: 0 0 0 15px;
            background: url('/images/bullet.gif') no-repeat left top;
        }

    .editcontent-2-2 p.bullet-list-header
    {
        line-height: 18px;
    }

    .editcontent-2-2 blockquote
    {
        font-size: 1.8em;
        color: #000;
        line-height: 20px;
        float: left;
        padding: 20px 0 5px 0;
        margin: 15px 0 0 0;
        background: url('/images/quote_open.gif') no-repeat left top;
    }
    
    .editcontent-2-2 .quote-info
    {
        width: 100%;
        font-size: 1.2em;
        color: #298846;
        line-height: 15px;
        float: left;
        padding: 0 0 30px 0;
        background: url('/images/quote_closed.gif') no-repeat right top;
    }

    .editcontent-2-2 p.large,
    .editcontent-1-2 p.large
    {
        padding: 15px 0;
    }

    .editcontent-2-2 .image-title,
    .editcontent-1-2 .image-title
    {
        font-size: 1em;
        color: #fff;
        line-height: 12px;
        float: left;
        padding: 3px 5px 2px 5px;
        background-color: #298846;
    }
    
    .editcontent-2-2 .image-title
    {
        width: 412px;
    }
    
    .editcontent-1-2 .image-title
    {
        width: 186px;
    }
    
    .editcontent-2-2 .section-content
    {
        width: 409px;
        float: left;
        padding: 0 30px 20px 15px;
    }

/* Specific sections for use site wide */
.discovery a
{
    color: #26ace2;
}

    .discovery a.underline
    {
        background: url('/images/discovery/link_bg.gif') repeat-x bottom left;
    }

.discovery .border-bottom
{
    border-bottom: solid 3px #26ace2;
}

.radiolabelling a
{
    color: #cc1820;
}

    .radiolabelling a.underline
    {
        background: url('/images/radiolabelling/link_bg.gif') repeat-x bottom left;
    }

.radiolabelling .border-bottom
{
    border-bottom: solid 3px #ec1f27;
}

/* Sitemap */
.sitemap ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .sitemap ul li
    {
        padding: 3px 0 2px 10px;
    }

        .sitemap ul li a
        {
            font-size: 1.1em;
            text-decoration: none;
        }

    .sitemap ul li li
    {
        padding-left: 20px;
    }

/* Accordion */
.accordion
{
    width: 100%;
    float: left;
}

    .accordion .title
    {
        width: 98%;
        line-height: 22px;
        float: left;
        cursor: pointer;
        background-color: #f7f7f7;
        padding: 0 5px;
        margin: 0 0 2px 0;
    }
        
    .accordion .content
    {
        width: 98%;
        float: left;
        margin: 5px 0 8px 0;
        padding: 0 5px;
    }