/* ================================================================
This copyright notice must be untouched at all times.
Copyright (c) 2010 David Golding, vectorvend. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
body,html { height:100%; } /* important required so div's work at height:100%; */
body {  
        font-size:0.8em;
        margin:0; padding:0;
        background:#1a1a1a url("../img/background.jpg") repeat-x;
        color:#333333;
        font-family: Futura, “Century Gothic”, AppleGothic, sans-serif;
}
a img { border:none; }

#wrap { width:800px; margin:0 auto; border: 1px solid #000; 
/*background-color:yellow; 
min-height:100%;*/
background:#ffffff url('../img/bk_leftcontent.gif') repeat-y left top;
margin-bottom:500px;
}
#logo { display:block; float:left; }
#nav  { width:535px; display:block; float:left; }
#nav ul {}


#flash{ width:535px; display:block; float:left; background-image:url('../img/bk_flash.png'); height:204px;
}
#flash img { margin:1px 3px;}

#index_flash { margin:0 0 0 4px;}

#leftcontent {  float:left; clear:both; width:268px;
                min-height:100%; /* works if body has defined height:100%; */
                /* background-color:#7da81b; */
                padding-bottom:40px;
                 }
#leftcontent p { color:#fff; margin:2px 26px;}
#leftcontent p a { color:#fff; text-decoration:none; }
#leftcontent .date { color:#fff; font-size:0.9em; }
#leftcontent a.readmore {
    color:#fff; text-decoration:none; font-weight:bold;
    float:right; margin:0;  margin:0px 26px;
    padding-left:12px; /*needed so bullet has space */
    background: transparent url('../img/bullet_green.png') no-repeat center left;
}
#leftcontent a.readmore:hover { text-decoration:underline; }

#leftcontent h3 { color:#fff; font-size:1.6em; margin:18px 12px 2px 20px; } 
#leftcontent h4 { color:#fff; font-size:1.3em; margin:18px 12px 2px 20px; letter-spacing:0.2px;} 
#leftcontent h3 a:link, #leftcontent h4 a:link {color:#fff; text-decoration:none; }
#leftcontent h3 a:visited, #leftcontent h4 a:visited {color:#fff; text-decoration:none; }

#leftcontent h3 a:hover, #leftcontent h4 a:hover { text-decoration:underline; }

#maincontent {  float:left;
                padding:0px 10px 30px 25px;
                width:497px;
                min-height:100%; /* works if body has defined height:100%; */
                background-color:#ffffff;
                /* border-left:2px solid #231e1b; */
}

#maincontent img.left { margin:0 10px 0 0; }
#maincontent img.right { margin:0 10px 0 10px; }

.fullwidth { width:759px!important; }
.fullwidth h1 { text-align:center; }
.fullwidth .msg { text-align:center; margin:0 0 8px 0;}

#footer {   clear:both;
            background-color:#312b28; color:#ffffff; font-size:0.9em;
            min-height:38px;
            width:784px; padding:5px 8px;
}
#footer a       { color:#ffffff; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:underline; }
#footer .designer { text-decoration:none; color:#6e6661; }
#footer a:hover.designer { text-decoration:none; color:#6e6661; }


h1 { font-size:1.9em; color:#648810; }

h1, h2, h3 { /* css3 font-stretch:wider */ }

/* oocss */
.left { float:left; }
.right{ float:right; }
.clear{ clear:both; }
img.center { margin:0 15px;}/* TODO fix content on index.html <center> */
.smaller { font-size:smaller; }
.grey { color:#666666 }

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/new-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* defaults for ie6 
a, a:hover, a:active, a:focus {outline:0; direction:ltr; color:#fff; text-decoration:underline;}
*/


.navHolder {  z-index:100;
            font:normal 13px/30px verdana, sans-serif;
             width:535px;
             background-color:#2d2824;
             height:71px;
              }

ul.ulTop {  width:106px;
            padding:0; margin:0; list-style:none; overflow:hidden; float:left;
            text-align:center; margin-left:1px;
            
            background-color:#1a6aa5;
            background-image:url('../img/bk_nav.png');
            }

ul.ulTop a { height:58px;/* overall height minus top padding*/
             padding-top:12px;           
             text-decoration:none; color:#fff;
             padding-left:0px;/* CRITICAL */
            }

ul.ulTop li.liTop {
            float:left;
            width:280px;/* CRITICAL if adding 10px to widths then add double here ie add 20px*/
            /*margin:-32767px -125px 0 0;*/
            margin:-32767px -125px 0 0;
            /* background:url(newdrop/tab125b.gif) no-repeat left bottom; */
}

ul.ulTop li.liTop a.aTop {
position:relative;
z-index:50;
display:block;
float:left;
width:106px;
margin-top:32767px;
background:transparent;
}
ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
margin-right:1px;
    /* background:url(newdrop/tab125.gif) no-repeat left top;*/
    background:#13517f;
    background-image:url('../img/bk_nav_over.png');
    text-decoration:underline;
}
ul.sub {float:left;
    padding:30px 0 0 0; margin:0; list-style:none;
     /*background:url(newdrop/tab125.gif) no-repeat left top; */
    background:#242424;
    margin-top:-30px;}

ul.sub li a {
float:left;
width:106px;
padding-left:15px;
/*background:#242424;*/
clear:left;
text-align:left;

}
ul.sub li a.last {/* background:url(newdrop/tab125c.gif);*/
background:#333;
}

ul.sub li a.last:hover,
ul.sub li a.last:focus,
ul.sub li a.last:active {
/*background:url(newdrop/tab125d.gif);*/
background:#13517f;
}

ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
background:#13517f;
margin-right:1px;
}




/* accessability controls------------------------------------------------------ */

#accessOptions {
/* background: #e2e2e8; */
padding: 7px 0 0 0;
font-size:0.8em!important;
margin:0;
}

#accessOptions ul {
margin: 0;
padding: 0;
list-style:none; 
list-style-type:none;
border-left:1px solid #000000;
}

#accessOptions li {
display: inline;
margin: 0;
padding: 0;
}

#accessOptions li a {
color: #6b5f6d;
text-decoration: none;
margin: 0;
padding: 0;
}

#accessOptions li.styles {
/* margin-left: 3em; */
margin:0;
}

#accessOptions li a:hover {
text-decoration: none;
color: #ec008c;
}

#accessOptions li.switcher {
/*float: right;*/
}

#accessOptions li a img {
border-right:1px solid #000000;
padding:0px;
}

/* end accessability controls ------------------------------------------------------ */




/* content blocks */
div.newsitem { margin:0 0 40px 0; }

div.newsitem .date { font-weight:bold; font-size:0.9em}

.news_summary {  margin:20px 0; }





/* links and link icons -------------------------------- */

#maincontent a       { color:#333; text-decoration:underline;}
#maincontent a:hover { color:#000; text-decoration:underline;}

a[href $='.pdf'] { 
   background: transparent url('../img/icon_pdf.png') no-repeat center right;
   padding:12px 38px 12px 10px;
   text-decoration:none!important;
   font-weight:bold;
   color:#333;
}
a[href $='.pdf']:hover { 
   text-decoration:underline!important;
}

#maincontent a[href $='info@newsline.org.uk'] { 
   padding:0 18px 0 0;

}
#maincontent a[href $='info@newsline.org.uk']:hover {
   background: transparent url('../img/icon_email.png') no-repeat center right;

}


#maincontent a[href $='.html'] { 

   padding:0 18px 0 0;

}
#maincontent a[href $='.html']:hover {
    background: transparent url('../img/icon_link.png') no-repeat center right;
   text-decoration:underline;
}

.links_page a { 

   padding:0 18px 0 0;
   font-size:1.2em;

}
.links_page a:hover {
    background: transparent url('../img/icon_link.png') no-repeat center right;
   text-decoration:underline;
}


/* end links and link icons -------------------------------- */