
/* CSS BOULEVART 2008
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

/* 000. DEV TOOLS
------------------------------------------------------------------
-----------------------------------------------------------------*/
/*** Lay-out tools
-----------------------------------------------------------------*/
.dev-hide {
   display: none;
}

.dev-show {
   display: block;
}

/*** Border tools
-----------------------------------------------------------------*/
/* general rules */
.dev-border,
.dev-border-all,
.dev-border-all * {
   margin:5px;
   padding:5px;
}

.dev-border-all a,
.dev-border-all p,
.dev-border-all img,
.dev-border-all ul li,
.dev-border-all ol li {
   border: none;
}

/* border on single element */
.dev-border {
   border:1px red solid;
}

/* border on single element + child elements */
.dev-border-all {
   border:1px green solid;
}

.dev-border-all * {
   border:1px red solid;
}

.dev-border-all * * {
   border:1px aqua solid;
}

.dev-border-all * * * {
   border:1px chartreuse solid;
}

.dev-border-all * * * * {
   border:1px orange solid;
}

.dev-border-all * * * * * {
   border:1px gold solid;
}

.dev-border-all * * * * * * {
   border:1px hotpink solid;
}

.dev-border-all * * * * * * * {
   border:1px magenta solid;
}

.dev-border-all * * * * * * * * {
   border:1px olive solid;
}

/* 001. LAYOUT STRUCTURE
------------------------------------------------------------------
-----------------------------------------------------------------*/

body {
   height:99%;
   text-align:center;
   background:url(../images/bg_body.gif) repeat 0 0;
}

div#container {
	margin:0 auto;
	width:980px;
	padding:0;
	text-align:center;
}

#wrapper {
   width:100%;
   width:960px;
   padding:0 10px;
   text-align:left;
   overflow:hidden;
   background:url(../images/bg_container.png) repeat-y top left;
   _padding:0;
   _border:2px solid #999;
   _border-width:0 2px;
   text-align: left;
}

div#head {
   position:relative;
   overflow:hidden;
   width:100%;
   height:185px;
   top:0;
   background:url(../images/bg_header/bg_header_burningship.jpg) no-repeat top left;
}

div#ctable {
   float:left;
   width:100%;
   margin:0;
   padding:0;
   overflow:hidden;
   background-color:#fff;
}

div#footer {
   height:4em;
   width:980px;
   text-align:left;
   margin-left:0px;
   background: url(../images/bg_footershadow.png) no-repeat bottom left;
   _background:#fff url(../images/ie6_bg_footer.gif) no-repeat bottom right;
   _height:3em;
   _width:960px;
   _border:2px solid #999;
   _border-width:0 2px 2px;
}

#footer ul {
   margin-left:1.7em;
   padding: 0;
}

#footer ul li {
   float:left;
   font-size:80%;
   color:#666;
   padding:0 5px;
   border:1px solid #ccc;
   border-width:0 1px 0 0;
}

#footer ul li.last {
   border:none;
}

#footer ul li.footerbaseline {
   float:right;
   margin-right:50px;
   _margin-right:25px;
   font-weight:bold;
   color:#178938;
}

/* 002. HEADER
------------------------------------------------------------------
-----------------------------------------------------------------*/

/*  HEADER H1 LOGO
-----------------------------------------------------------------*/

div#logo {
    margin:35px 0 0 108px;
	width:269px;
	height:36px;
}

div#logo h1 {
   margin:0;
}

div#logo h1 a {
   display:block;
   width:269px;
   height:36px;
   margin:0 0 0 0;
   background:url(../images/bg_headerlogo.png) no-repeat top left;
   _background:url(../images/ie6_bg_headerlogo.gif) no-repeat top left;
   border:none;
}

div#logo h1 a:hover {
   background-position:bottom left;
}

div#logo h1 a strong {
   display:none;
   background:none;
}

/*  PARTNERLIST
-----------------------------------------------------------------*/
ul.partnerlist {
   overflow:auto;
   margin:35px 0 0 108px;
   _margin:25px 0 0 108px;
   width:20em;
}

ul.partnerlist li {
   overflow:hidden;
   float:left;
   margin-right:20px;
   height:70px;
   width:55px;
   text-align:center;
   line-height:70px;
   font-size:70px;
}

ul.partnerlist li a img {
   vertical-align:middle;
}

*>ul.partnerlist li {
   font-size:12px
}

/* 003. NAVIGATION
------------------------------------------------------------------
-----------------------------------------------------------------*/

/*  LANGNAV
-----------------------------------------------------------------*/
#head div.langnav {
   float:right;
   position:absolute;
   right:0;
   left:860px;
   bottom:2px;
   _bottom:0px;
   margin:0;
   padding:0px 0 0 5px;
   background:url(../images/bg_langnav.png) no-repeat top left;
   _background:none;
}

#head div.langnav ul {
   margin:0;
   padding:0;
}

#head div.langnav ul li {
   float:left;
   margin:8px 0 0 5px;
   padding:0;
   color:#fff;
}

#head div.langnav ul li a {
   color:#fff;
   padding:3px 5px;
   _padding:3px 4px;
   background:#bebea6 url(../images/bg_langnavitem.gif) repeat-x bottom left;
   _background:none;
   _background-color:#bebea6;
   text-decoration:none;
}

#head div.langnav ul li a:hover {
   color:#178938;
   _background-color:#bebea6;
}

/* NAVCONTENT
-----------------------------------------------------------------*/

#ctable div.menu {
   background-color:#dee3df;
   min-height:400px;
}

#ctable div.navcontent_bottom {
   float:left;
   height:15px;
   width:100%;
   background:url(../images/bg_contentnav_bot.gif) no-repeat bottom right;
}

#ctable div.menu ul {
}

#ctable div.menu ul ul {
}

#ctable div.menu ul li {
   list-style:none;
   background:none;
}

#ctable div.menu ul li a {
   color:#000;
   text-decoration:none;
}

#ctable div.menu ul li a:hover {
   color:#178938;
}

#ctable div.menu ul li:hover ul {
   display:block;
}

#ctable div.menu ul li.over ul {
   display: block;
}

#ctable div.menu ul li a:hover ul {
   display: block;
}

/* 004. CONTENTBOX LEFTBOX RIGHTBOX
------------------------------------------------------------------
-----------------------------------------------------------------*/
#ctable div.leftpart {
   float:left;
}

#ctable div.left {
   padding-top:50px;
   background:transparent url(../images/bg_contentnav_shadow.gif) no-repeat top right;
   background-color:#dee3df;
   width:100%;
}

#ctable div.outerleft {
   float:left;
   height:100%;
   width:100%;
}

/* 005. COLUMN LAYOUTS
------------------------------------------------------------------
-----------------------------------------------------------------*/
/** DIMENSIONS POSITIONS
-----------------------------------------------------------------*/

/* 006. CUSTOM BOXES
------------------------------------------------------------------
-----------------------------------------------------------------*/
#navmenu 
{
	color:#93ABD7;
}

#navmenu li {
        padding: 0;
        margin: 0;
        line-height: 12pt;
}
* html #navmenu li
{
        padding: 0;
        margin: 0;
        line-height: 9pt;
}

#navmenu > li, #navmenu ul > li
{
padding: 5px 0 0 0;
} 

#navmenu ul
{
	margin-left: 5px;
	padding-left:5px;
}

#navmenu ul a
{
	color: #231F20;
}
#navmenu a 
{
color:#231F20;
text-decoration:none;     
display: block;
margin: 0;
padding-left: 2em;
padding-top:2px;
padding-bottom:2px;
}
#navmenu a:hover
{
color:#178938;
}

#navmenu a:active
{
color:#178938;
}

/*CONTENT*/
#content 
{
	min-height:500px;
	height:auto !important;
	height:500px;
}

#content #leftpart 
{
	width: 960px;
	float: left;
}
 
#content #leftpart .outerleft 
{
	background:transparent url(../images/bg_contentnav_shadow.gif) no-repeat top right;
	width:22%;
}

#content #leftpart, #content .left ,#content .outerleft{
	float: left; 
}
#content #center, #content .right {
    float: right;
    overflow:auto;
}

#content .left h2, #content .right h2 {
            margin: 0 0 0.5em 0;
            font-size: 14px;
            color:white;
}
#content .left h3, #content .right h3 {
            font-weight: normal;
            font-size: 11px;
            margin: 0 0 0.5em 0;
            color: #0014FF;
}
#content .left p {
            margin: 0 0 0.5em 0;
}
#content .outerleft .box, #content .right .box {
   min-height:400px;
   margin:0;
   float:left;
}

#content .navcontent_bottom {
   float:left;
   height:15px;
   background:url(../images/bg_contentnav_bot.gif) no-repeat bottom left;
   clear:left;
}

#content .left .box td
{
	padding-left: 5px;
}

#content #center .box 
{
    background-color:Transparent;
    margin: 0 0 5px;
    padding: 5px;
    margin-right:50px;
}


#content #center .box p
{
	color: #666;
	display:inline-block;
}
 
#content #leftpart #center 
{
    width: 700px;
    padding-right: 2px;
	padding-top: 50px;
	margin-right:10px;
	width:75%;
	clear:right;
}
 
#content .box {
height: 1%;       
}
 
ul.menu li {
	margin: 0.5em;
}

#content #center
{
}
          
#content #center p {
            margin: 0 0 0.5em 1.5em;
            color: Olive;
}
