/*** GLOBAL  ***/
html,body{height:100%;}
body {
        font-family: Trebuchet MS;
        font-size:12px;
        margin:0 auto;
        padding:0;
        color:#888;
        height:100%;
        line-height:22px;
        background-color:#f8f8f8;
}
* {
        margin:0;
        padding:0;
}
*:focus {
        outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
                                         if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
        border: 0;
        color: #e0e0e0;
        background-color: #e0e0e0;
        height: 1px;
        margin:0px 0px 10px 0px;
        padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;        font-family:Trebuchet MS;        font-weight:normal; color:#838383}
h3, h4, h5, h6{margin-bottom:8px;        font-family:Trebuchet MS;        font-weight:normal; color:#838383}
h1 {font-size:20px; line-height:24px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* links */
a {color:#0a5399; text-decoration:none;}
a:hover{color:#0a5399; text-decoration:underline;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:7px 8px 0px 0px !important;}
.imgright{float:right; margin-left:15px;}
.imgmiddle{vertical-align:middle; padding-right:6px}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
        font-size:14px;
        line-height:22px;
        margin-bottom:15px;
}
ul, ol {
        margin:10px 0 35px 30px;
}
li ol,
li ul
{
        list-style:square;
        margin-bottom:0;
        margin-top:0;
}
li ol {list-style:decimal;}
blockquote {

        margin:25px 0 25px 0px;
        color:#6b6b6b;
        padding:12px;
        background-color:#fff;
        border:1px solid #e0e0e0;
        }
blockquote p{ margin:0px;}
/* code */
code {
        font-family:Verdana, Arial;
        letter-spacing:1px;
        margin:25px 0 25px 0px;
        display:block;
        font-size:0.9em;
        border-left:4px solid #e0e0e0;
        padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#top_container{ background-image:url(../images/bg_container_top.png); background-repeat:repeat-x; background-position:top}
#bottom_container{ background-image:url(../images/bg_container_bottom.png); background-repeat:repeat-x; background-color:#3a3a3a; min-height:259px;}
#footer_container{ background-image:url(../images/bg_container_footer.png); background-repeat:repeat-x; background-color:#2b2b2b; min-height:51px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
.centercolumn{width:978px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{height:128px}
#logo{width:488px; float:left;}

#navigation ul li{ margin:50px 0px 0px 0px;  position:relative;}

#nav{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none;  float:right;  z-index:15; position:relative; line-height:20px;}
#nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
ul#nav li span{display:block; font-size:11px; }

#nav li{list-style-type:none;  margin:0px 0px 0px 0px; float:left; width:130px;  position:relative; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
#nav li a{
        color:#fff;  font-size:16px; display:block; float:left; padding:5px 5px 10px 9px;
         background-image:url(../images/line-menu.gif); background-repeat:no-repeat; background-position:0px 0; margin-left:0px;
 }

#nav li a:hover{color:#d3d3d3; text-decoration:none}


ul#nav li li a, ul#nav li li a:visited {color:#fff; line-height:normal!important; background-image:none;}
ul#nav li li a:hover{ color:#d3d3d3 !important;}

#nav li li {
padding:0px 0px;
margin:0px;
background-image:none;
position:relative;
z-index:150;
border-bottom:solid 1px #a9a9a9;
display:block;
width:165px!important;

}

#nav ul {
display:none;
left:0px;
position:absolute;
top:48px;

z-index:150;
border:solid 1px #a9a9a9;
border-bottom:0px;
background-color:#5f5f5f;
width:165px!important;
padding:0px 0px;
}

#nav li ul a{
display:block !important;
height:auto;
width:140px!important;
text-align:left;
font-size:12px;
font-weight:normal;
line-height:33px;
z-index:150;
border:0px;

}


#nav ul ul{top:auto;border-top:none; border:solid 1px #a9a9a9; border-width:1px 1px 1px 1px;}
#nav li ul ul {left:165px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}
/*** END TOP ***/


/*** CONTENT ***/

#maincontent{padding:30px 0px 40px 20px;  }
#maincontent img{padding:10px; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin-top:5px; margin-bottom:5px;}
#box_container{margin-bottom:30px; width:978px; float:left;text-align:center}
.box{float:left; width:288px; margin-left:40px; }
.box.nomargin{ margin-left:0px !important;}
.box h2{ line-height:23px; font-size:24px; padding-top:5px; margin-bottom:10px;}
#content{clear:left; margin-bottom:25px;text-align:center}
.tagline{font-size:30px; line-height:33px;  color:#838383;}
/*** END CONTENT ***/




/*** FOOTER ***/
#bottom_container{  background-color:#3a3a3a; }
#bottombox_container{float:left; width:978px; color:#fffefe; padding:20px 0px 5px 0px }
#bottombox_container h2{color:#fff; font-size:20px;}
.bottombox{float:left; width:270px;}
.bottombox{margin-left:65px;}
.bottombox.nomargin{margin-left:20px;}
.bottombox.cat h2{ padding-bottom:7px; border-bottom:solid 1px #777; margin-bottom:0px;}
#bottom_container ul{margin:0px; padding:0px; list-style-type:none;}
#bottom_container ul li{margin:0px; padding:0px 0px 0px 0px; line-height:30px; list-style-type:none; border-bottom:solid 1px #777;}
#bottom_container ul li a, #bottom_container ul li a:visited{color:#fffefe;}
#bottom_container ul li a:hover{color:#fffefe; text-decoration:none;}


ul.f-project { margin:0px; padding:0px;}
ul.f-project img{padding:5px !important; border:solid 1px #d6d6d1; background-color:#FFFFFF; margin:0px 18px 8px 0px !important;}
ul.f-project li{display:inline; float:left; border:none; line-height:normal; border:0px!important;}
ul.f-project li.nomargin{padding:0px 0px 0px 0px; margin:0px; color:#fffefe;}
#footer_container a, #footer_container a:visited{color:#fffefe;}
#foot{text-align:center; padding:10px 0px 0px 0px; font-size:12px;  font-family:Tahoma, Arial, Verdana; color:#fffefe;}
/*** END OF FOOTER ***/