/*------------------------------------------------------------------------------------------- + +
Theme Name: National-CBO-Council
Theme URI: http://www.craftscene.net/wordpress/
Description: this template was customized at <a href="http://www.craftscene.net">the scene</a>
Version: 1.0
Author: Jo Munene
Author URI: http://www.craftscene.net/
Tags: custom template, 960 grid
---------------------------------------------------------------------------------------------- + + */


/*------------------------------------------ + 
all - styles 
-------------------------------------------- */
img {
display:block;
float:left;
margin:0px;
}
p, h1, h1.heading, h1.insidepages, h2.news, h2, h3, h4, h5, ul#top-menu{
display:block;
float:left;
}

/*------------------------------------------ + 
header - styles 
-------------------------------------------- */
h1, p.header-para, p.header-para-2{
font-weight:normal;
width:300px;
margin:0px;
text-align:center;
}
h1{
font-size:30px;
}
p.header-para{
font-size:24px;
background:url(../images/cbo-word.jpg) center no-repeat;
}
p.header-para-2{
font-size:16px;
font-weight:bold;
}
p.header-para-tag{
font-weight:normal;
width:250px;
margin:0px;
text-align:center;
color:#fff;
font-size:16px;
padding:5px 0px 0px 10px;
}
img.logo-image{
padding:20px 0px 0px 105px;
}

/*------------------------------------------ + 
top navigation - styles 
-------------------------------------------- */
ul#top-menu{
list-style-type:none;
width:910px;
margin:0px 20px;
background:url(../images/menu-bg.jpg) top left repeat-x;
padding:0px;
}
ul#top-menu li, ul#top-menu li.left, ul#top-menu li.right{
display:block !important;
float:left;
text-align:center;
}
ul#top-menu li, ul#top-menu li.home  {
width:176px;
margin:0px;
padding:18px 0px 2px 0px;
height:25px;
background:url(../images/line.jpg) top left no-repeat;
}
ul#top-menu li.home {
background:none;
}
ul#top-menu li.left, ul#top-menu li.right{
width:15px;
}
ul#top-menu li.left{background:url(../images/left.jpg) top left no-repeat;}
ul#top-menu li.right{background:url(../images/right.jpg) top left no-repeat;}
ul#top-menu a{
color:#fff;
text-decoration:none;
}
ul#top-menu a:hover{
color:#DCF1E2;
text-decoration:underline;
}
/*------------------------------------------ + 
ordered lists navigation  
-------------------------------------------- */
ol.quicklist{
list-style-type:none;
display:block;
float:left;
width:228px;
margin:20px 10px 20px 20px;
padding:0px;
font-size:11px;
}
ol.quicklist li{
width:228px;
padding:5px;
display:block;
margin:0px;
}
/*------------------------------------------ + 
ordered lists media 
-------------------------------------------- */
ol.quicklist-media{
list-style-type:none;
display:block;
float:left;
width:120px;
margin:20px 0px 20px 15px;
padding:0px;
font-size:11px;
}
ol.quicklist-media li{
width:120px;
padding:5px;
display:block;
margin:0px;
}
/*------------------------------------------ + 
heading - styles 
-------------------------------------------- */
h1.heading{
width:600px;
margin:10px 10px 10px 20px;
font-size:24px;
text-align:left;
border-bottom:1px dashed #ccc;
padding:10px 0px;
}
h2.news{
width:250px;
margin:10px 20px 10px 45px;
font-size:20px;
text-align:center;
font-weight:normal;
background:url(../images/news-bg.jpg) top left repeat-x;
border:1px solid #47B56C;
padding:10px 0px;
}
h1.insidepages{
width:908px;
height:35px;
margin:2px 20px;
background:url(../images/headers.jpg) top right no-repeat;
border:1px solid #47B56C;
padding:0px;
font-size:24px;
}
/*------------------------------------------ + 
paragraph - styles 
-------------------------------------------- */
p.itext{
width:580px;
margin:0px;
line-height:20px;
text-align:justify;
padding:10px;
}
p.itext1-title{
width:400px;
margin:0px;
font-size:18px;
line-height:20px;
text-align:justify;
padding:0px 10px 10px 10px;
border-bottom:1px dashed #ccc;
}

p.itext1{
width:400px;
margin:0px;
line-height:25px;
text-align:justify;
padding:10px 15px;
}

p.itext2-title{
width:220px;
margin:0px;
line-height:25px;
text-align:center;
padding:5px 15px;
color:#0C6;
font-size:14px;
border-bottom:1px dashed #0C6;
}

p.itext2{
width:220px;
margin:0px;
line-height:25px;
text-align:justify;
padding:10px 15px;
}

p.itext-f{
width:800px;
margin:0px 0px 0px 120px;
padding:10px 0px;
color:#fff;
border-bottom:1px dashed #ccc;
text-align:center;
}
p.itext-f2{
width:800px;
margin:0px 0px 0px 120px;
padding:10px 0px;
color:#fff;
text-align:center;
font-size:11px;
}
/*------------------------------------------ + 
link - styles 
-------------------------------------------- */
a {
color:#47B56C;
text-decoration:none;
}
a:hover {
color:#555;
text-decoration:none;
}