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

/* -- revised positioning GH 28 Jul 2008 -- */

/* @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;font-color:#888; line-height: 1.5; font-family: Arial, Helvetica, sans-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: 0.5em 0; margin-left: 0px; 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-color: #a8b6c5;
        background-color: #ddd;
        padding:4px 1px 4px 4px;
        }

/* enable resizing for IE */



input, textarea, select{
        *font-size: 100%;
        /* GH added next 2 lines */
        *margin-left:0px;
        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: #000;
        text-transform: lowercase;
        background-color: #a8b6c5;
        background-color: #ddd;
        padding:4px;
        }

p{
}

/* @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;
}

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

}

#page_margins, #page {
 }

#page_margins {
text-align: left;
margin: 0 auto;
width: 978px;
background: url(../abmasthead2.jpg) no-repeat;
}

#page {
        padding:0px 10px;
        width: 978px;
}

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

#nav {
        width: 978px;
        margin-right: 0px;
        margin-left: 0px;
}

/* 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: 179px;
        width: 978px;
}


#header h1 {
        clear: both;
        margin-bottom: 0;

        color: #981e1e;
        font-style: italic;
        /* GH added bold */
        font-weight:bold;
        letter-spacing: .02em;
        text-align: center;
}

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

        color: #646e91;

}

#top_info {
        position:absolute;
        left:732px;
        width:224px;
        top:165px;
        color: #fff;
        font-family: Arial, Helevtica, sans-serif;
        font-size: small;
        font-weight: bold;
        /* GH added 10 March 2009 */
        background-color: black;
        padding:2px;
        text-align:center;
}

/* @end */

/* @group horizontal navigation */

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

#nav_content {
        background-color: #b12323;

/* contain floats in IE */

        width: 100%;
        overflow: hidden;

/* contain floats in all other browsers */

        float: left;
        display: inline;

line-height: 0;
      text-align:center;
}

#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  */
/* was 250px - GH */
/* 0 = range left */
margin-left: 0px;
margin-left:15%;
padding: 0;
text-align:center;
}

#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;
              text-align:center;
}

#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;
        text-align:center;
}

#nav_content ul li a:focus,
#nav_content ul li a:hover,
#nav_content ul li a:active {
        background: #a8b6c5;
        color: #fff;
        text-decoration: none;
              text-align:center;
}

#nav_content ul li#current {
        background:#b12323;
        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: #4D4D4D;
}

/* @end */

/* @group vertical navigation */

#navigation {
        margin-bottom: 1em;
}


#navigation ul {

        list-style: none;
        margin: 0;
        padding: 0;

}


#navigation li {

        border-top: 1px solid #cb6565;
        border-top: 1px solid #ddd;
        margin: 0px;
        border-bottom: 1px solid #661414;
        border-top: 1px solid #dde;
        letter-spacing: 1px;
        /*GH added*/
        text-transform:lowercase;
        width:100%;
}


#navigation li a:link,
#navigation li a:visited  {
         display: block;
         padding: 5px 5px 5px 0.5em;
         background-color: #a8b6c5;
         color: #FFFFFF;
         text-decoration: none;
}


#navigation li a:hover {
        background-color: #b12323;
        color: #FFFFFF;
}
/* @end */

/* @group main content */

#main {
        background: transparent repeat-y;
        padding: 1em 0 0;
        width: 978px;
}

#col1_content, #col2_content, #col3_content {
position:relative;
top:20px;
width:100%;
background:transparent;
}

/* -- START revised positioning GH 28 Jul 2008 -- */
#col1 {
        position: relative;
        top:0px;
        width:420px;
        left:0px;
        float:left;
        margin:0px;
        margin-right:16px;
        }

#col2 {
        position:relative;
        top:0px;
        left:0px;
        width:250px;
        margin:0px;
        float:left;
        margin-left:24px;
        margin-right:16px;
        }

#col3 {
        position: relative;
        left:0px;
        top:0px;
        width:250px;
        float:right;
        }


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

#col1_content {
        margin-right:20px;
        margin-bottom: 10px;
        margin-left: 10px;
}

#col1_content h1 {
position:relative;
top:0px;
}

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

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

#col1_content h4 {
        position:relative;
        top:-3px;
                border-bottom: 1px solid silver;
                }

#col2_content {
margin: 0px;
width:100%;
}

#col2_content li form {
margin: 0px;
width:115%;
}



#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:0;
        }


/* -- END revised positioning GH 28 Jul 2008 -- */
/*
#col1_content {
margin: 0 10px;
}

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

#col2_content {
margin: 0 10px;
}

#col3_content {
margin: 0;
}
*/
/* @end */

/* @group footer */

#footer {
        padding: 10px;
        /* GH added */
        width:941px;
        /************/
        border-top: 6px solid #ddd;
        color:#666;
        position:relative;
        top:40px;
}

/* @end */

/* @group typo */

p {

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

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

h1 {
font-size: 2.3em;
line-height: 1.2em;
margin-top: 0;
margin-bottom: 0.5em;
/* border-top:3px solid #800; */
color:#888;
}

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: 0px solid silver;
        padding-top: 0.5em;
        margin-bottom: 0.5em;
}

h4 {
margin-top: 0;
        border-top: 0px 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;
        border-top: 2px solid silver;
}

h4, h6 {
        font: Lucida, Helvetica, Verdana, Arial, sans-serif;
        color: #981E1E;
}

#col2 h3 {
color:#800;
}

#col3 h3 {
color:#800;
}

em {
        font-style: italic;
}

strong {
        font-weight: bold;
}

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

.callout {
        float: left;
        padding-left: 4px;
        position: relative;
        background-color: #ffe5e5;
        border-left: 4px solid #a8b6c5;
        margin: 6px 6px 6px 2px;
        top: 0;
        padding-right: 4px;
        width:100%;
}

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

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

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

blockquote cite {
        display: block;
        margin-right: 30px;
        text-align: right;
        font-size: 0.8333em;
        line-height: 1.75em;
        color: #654646;
        font-weight: bold;
}

/* @end */

/* @group links */

#header a, #col1_content a, #col2_content a, #col3_content a {
        color: #652828;
        /* padding: 1px 4px; */
        border-bottom-color: #654646;
}

#header a:hover, #col1_content a:hover, #col2_content a:hover, #col3_content a:hover {
        color: #fff;
        background-color: #a8b6c5;
}


/* 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 {
        background: none;
        border:none;
        }

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

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

#col2 a.nohover:hover {
        background-color: none;
        border: none;
        }

#col1 a.nohover:hover {
        background-color: none;
        border: none;
        }

.note {
        color: #654646;
}
.inv {
        display: none;
}


.calgh {
        width:200px;
        font-size:15px;
        position:relative;
        top:10px;
        left:15px;
        background:white;
        border:0px solid #000;
        }

#twitter_div {
        /* border:1px solid #ddd; */
        /* height:100px; */
        /* overflow-y:scroll; */
        height: auto;
        font-size:70%;
        padding: 0px 4px;
        color: #800;
        margin:20px 0px;
        }
.sidebar-title {
        color:#800;
        }
#links {
        font-size:small;
        margin-bottom:10px;
        /* border-bottom:1px dashed #800; */
        }
/* @end */