/* @override http://www.trevhatchett.co.uk/minicms/index-with-content-03.html/css/layout_3col_standard.css */

/* @group clear browser styles */

/* neutral styles remove browser styles*/

html{color: #000; background: #FFF;}
:link, :visited{text-decoration: none;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, blockquote, fieldset, inputbody, input, textarea, legend, th, td, p, h4 {margin: 0; padding: 0; font-family: Lucida, Helvetica, Verdana, Arial, sans-serif;}
h1, h2, h3, h5, h6{font-weight: normal; line-height: 1.5; font-family: Georgia, "Times New Roman", Times, serif;}
pre, code{font-weight: normal; line-height: 1.5; font-family: "Courier New", Courier, mono;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
ul, ol, li{list-style: none; margin: 1em 0; margin-left: 40px; padding-left: 0;}
caption, th{text-align: left;}
q: before, q: after{content: '';}
abbr, acronym{border: 0; font-variant: normal;}
input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit;}
table{border-collapse: collapse; border-spacing: 0;} fieldset, img{border: 0;}
a img, :link img, :visited img{border: none;}




/* GH */
body {
        width:100%;
        font-size:100%;
        }

/*GH added*/
form {

        width:97%;
        margin:0px;
        background: #7299e5;
        padding:4px 1px 4px 4px;
        }

/* enable resizing for IE */

input, textarea, select{
        *font-size: 100%;
        /*GH added*/
        *margin-left:-10px;
        width:90%;
        }

/* legend doesn't inherit in IE */

legend{color: #000;}

/* preserve line-height and selector appearance */

sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}

        /*GH added*/
label {
        color: #fff;
        text-transform: lowercase;
        background: #7299e5;
        padding:4px;
        }

/* @end */

/* @group layout */

* {
/* GH added border line */
border: none;
margin: 0;
padding: 0; }

html {
height: 100%;
margin-bottom: 1px; }

html * {
font-size: 100.01% }

body {
text-align: center;
background: url(../images/page-background_blue.gif) repeat-x;
}

body, #page_margins, #page, #main {
margin:0;
padding: 0;
border: 0;
}

#page_margins {
text-align: left;
margin: 0 auto;
width: 840px;
background: #fff url(../images/page-margins-background_blue.gif) no-repeat;
}

#page{
        padding: 6px 10px 10px;
        height: 640px;
        width: 840px;
        background: url(../images/EJN-bird-140_blue.gif) no-repeat 24px -48px;
}

#header, #nav, #main, #footer {
clear: both; }

#nav {
        width: 800px;
        margin-right: 10px;
        margin-left: 10px;
}

/* clearfix method for clearing floats */

.clearfix:after {
content: ".";
height: 0;
clear: both;
visibility: hidden;

/* this line is essential for Safari */

display: block; }

/* @end */


/* @group header */

#header {
        position: relative;
/*
height: auto;
*/
        height: 84px;
        width: 820px;
}

#header h1 {
        clear: both;
        margin-bottom: 0;
        margin-left:26px;
        font-family: Impact, "Arial Narrow", Arial, Helvetica, "sans serif";
        font-size:2.7em;
        color: #0238a5;
        color: #e02;
        /* font-style: italic;*/
        /* GH added bold */
        /* font-weight:bold;*/
        /*letter-spacing: .02em;*/
        text-align: center;
        text-transform: uppercase;
}

#header p {
        clear: both;
        margin: 0;
}

#top_info {
        float: right;
        margin-right: 10px;
        color: gray;
}

/* @end */

/* @group horizontal navigation */

#nav * {
        border: 0px none !important;
        background-image: url(../images/menu-background_blue.gif);
}

#nav_content {
background-color: #accaff;

/* contain floats in IE */
width: 100%;
overflow: hidden;
/* contain floats in all other browsers */
float: left;
display: inline;
line-height: 0;
height:34px;
}

#nav_content ul {
border-left: 1px #aaa solid;
border-right: 1px #fff solid;

/* Bugfix: IE - double float margin */

display: inline;
float: left;
margin: 0;

/* Left margin of the first button  */

margin-left: 250px;
padding: 0;
}

#nav_content ul li {

        border-left: 1px #fff solid;
        border-right: 1px #fff solid;

/* Bugfix: IE - double float margin */

        display: inline;
        float: left;
        font-size: 0.8333em;
        line-height: 1.5em;
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#nav_content ul li a {
        display: block;
        background: transparent;
        margin: 0;
        padding: 0.5em 0.8em 0.5em 0.8em;

        width: auto;
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 2px;
        position:relative;left:-100px;

}

#nav_content ul li a:focus,
#nav_content ul li a:hover,
#nav_content ul li a:active {
        background: #294fd3 url(../images/menu-highlight_blue.gif) repeat-x;

        color: #fff;
        text-decoration: none;
}

#nav_content ul li#current {
        background: #294fd3 url(../images/menu-highlight_blue.gif) repeat-x;
        background: #272727;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
        border-bottom: 2px solid #294fd3;
}

#nav_content ul li#current a,
#nav_content ul li#current a:focus,
#nav_content ul li#current a:hover,
#nav_content ul li#current a:active {
        background: transparent;
        font-weight: bold;
        text-decoration: none;
        color: #4D87C7;
}

/* @end */

/* @group vertical navigation */

#navigation {
        margin-bottom: 1em;
}

#navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#navigation li {
        border-bottom: 1px solid #fff;
        margin: 0 10px;
        /*GH added*/
        text-transform:lowercase;
}

#navigation li a:link,
#navigation li a:visited  {
        display: block;
        padding: 5px 5px 5px 0.5em;
        /*
        border-left: 12px solid #294fd3;
        */
        background-color: #78a0f0;

        color: #FFFFFF;
        text-decoration: none;
}

#navigation li a:hover {
        background-color: #294fd3;
        /*
        border-left: 12px solid #78a0f0;
        */
        color: #FFFFFF;
}
/* @end */

/* @group main content */

#main {
        background: #fff none repeat-y;
        padding: 1em 0 0;
        width: 820px;
}

/* @end */

#col1 {
        position: relative;
        top:0px;
        width:430px;
        left:0px;
        float:left;
        }

#col2 {
        position: relative;
        top:0px;
        width:190px;
        float:left;
        }


#col3 {
        position: relative;
        left:-10px;
        top:-8px;
        width:176px;
        float:right;
        }

#col3 h5 {
/* was 1.25 em */
font-size: 1.00em;
line-height: 1.5em;
border-top: 2px solid silver;
padding-top: 0.5em;
margin-bottom: 0.5em;
}

#col1_content {
margin: 0 10px;
}

#col1_content img {
        margin: 0 10px 0 10px;
        border: 1px solid silver;
        padding: 4px;
}

#col1_content ul li {
        font-size:small;
        list-style-type: disc;
}


#col2_content {
margin: 0 10px;
}



#col3_content {
margin: 0;
}


#col3_content ul li {
        font-size:small;
        list-style-type: disc;
}

/* GH Added alert style */
#alerts {
        font-size:small;
        }
#alerts li {
        list-style-type:disc;
        margin-left:1em;
        }


/* @group footer */

#footer {
        padding: 10px;
        /* GH added */
        margin-top: 4px;
        width:800px;
        /************/
        border-top: 6px solid #d1dbef;
        background: #f9f9f9;
        color:#666;
}

/* @end */

/* @group typo */

p {

font-size: .8333em;
line-height: 1.5em;
margin: 0 0 0.5em;
}

h1, h2, h3, h5, h6{
        color: #646e91;
}

h1 {
font-size: 2.3em;
line-height: 1.2em;

margin-top: 0;
margin-bottom: 0.5em;
}

h2 {
font-size: 2em;
line-height: 1.5em;
margin-top: 0;
margin-bottom: 0.5em;
}

h3 {
font-size: 1.5em;
line-height: 1.25em;

        border-top: 2px solid silver;
        padding-top: 0.5em;
        margin-bottom: 0.5em;
}

h4 {
margin-top: 0;
margin-bottom: .5em;

        border-top: 2px solid silver;
        padding-top: 0.5em;
        margin-bottom: 0.5em;

        font: bold 0.8333em/1em Lucida, Helvetica, Verdana, Arial, sans-serif;
        color: #0238a5;
}

h5 {
font-size: 1.25em; /* 15px */
line-height: 1.5em; /* 18px */

        border-top: 2px solid silver;
        padding-top: 0.5em;

        margin-bottom: 0.5em;
        clear: both;
}

h6 {
font-size: 1em; /* 12px */
line-height: 1.5em; /* 18px */
margin-top: 0;
margin-bottom: .5em;
}

h4, h6 {
        font: Lucida, Helvetica, Verdana, Arial, sans-serif;
        color: #002a7f;
        /*GH added*/
        border-top: 2px solid silver;
}

em {
        font-style: italic;
}

strong {
        font-weight: bold;
}

p.intro {
        font-weight: bold;
        color: #002a7f;
}

.callout {
        float: left;
        width:92%;
        padding-left: 4px;
        position: relative;
        background-color: #d3e3ff;
        border-left: 4px solid #3e72cd;
        margin: 6px 6px 6px 2px;
        top: 0;
        padding-right: 4px;
}

blockquote {
        margin: 10px 0 0;
        padding: 10px 10px 10px 30px;
        background: url(../images/blockquote-open_blue.gif) no-repeat left top;
}

blockquote div {
        background: url(../images/blockquote-close_blue.gif) no-repeat right bottom;
}

blockquote p {
        font-size: 0.8333em;
        line-height: 1.75em;
        color: #646e91;
        padding-right: 15px;
}

blockquote cite {
        display: block;
        margin-right: 30px;

        text-align: right;
        font-size: 0.8333em;
        line-height: 1.75em;
        color: #646e91;
        font-weight: bold;
}

/* @end */

/* @group links */

#header a, #col1_content a, #col2_content a, #col3_content a {
        color: #004198;
        padding: 1px 4px;
        border-bottom-color: #deeaff;
}

/* GH replaced this with the a:hover below */
/*
#header a:hover, #col1_content a:hover, #col2_content a:hover, #col3_content a:hover {
        color: #fff;
        background-color: #78a0f0;
}
*/

a:hover {
        background-color: #78a0f0;
        background-color: #ffffff;
        }

/*
GH added nohover class to stop image-links
displaying a curious border when hovered.
This should probably be moved to the kwa.css
style sheet so it's accessible to TinyMCE
*/

a.nohover:hover {
background: none;
border: none;
}


#col3_content img   {
background: none;
border: none;
}

#col3_content a:hover {
        background: #fff;
        }

.note {
        color: #646e91;
}


.calgh {
        width:82%;
        font-size:0.8em;
        position:relative;
        left:11px;
        }

/* NO VERSION OF IE SEES THE FOLLOWING */

html>/**/body .calgh {
         width:82%;
         font-size:0.8em;
         position:relative;
         left:11px;
}


/*
#calendar {


        }


#text {
color:green; /* Color is set to green */
}
html>/**/body #text {
color:red; /* Color is set to red, but NO version of Internet Explorer sees this */
}

*/
/* @end */