*{	margin:0;padding:0;}
html{ min-width:745px;}
body{ background:white url(mainbg.gif) 0 0 repeat;text-align:center;}
#pageheadContainer, #contentContainer, #footContainer{ width:100%;}
#pageheadContainer{	background:transparent url(pageheadbg.jpg) 0 100% repeat-x;}
#contentContainer{ background:transparent url(mainbg2.gif) 50% 100% repeat-y;float:left;}
#footContainer{ background:transparent url(footimg.gif) 0 0 repeat-x;clear:both;}
#pagehead, #content, #foot{ width:773px;margin:0 auto;position:relative;text-align:left;}
#pagehead{ height:206px;}
#foot{ height:250px;}
/* More backgounds */
#pagehead{ background:transparent url(pageheadimg.jpg) 0 100% repeat-x;}
#content{ background:transparent url(mainimg.jpg) 0 0 no-repeat;min-height:300px;_height:300px;}
#foot{ background:transparent url(footimg.gif) 100% 0 repeat-x;}
/*=====[ 2 column layout for articles and subcontent ]=====*/
#article{ width:552px;float:right;padding:43px 0 10px 0;margin:0px;}
/* Fix double margin bug in IE on floats using display:inline */
#subContent{ display:inline;width:221px;float:left;padding:59px 0 20px 0;margin:0px;color:#615F4E;font-size:.9em;}
/*=====[ Navigations ]=====*/
#pagehead h1 a{ display:block;text-indent:-9999px;width:230px;height:150px;text-decoration:none;float:left;}
#pagehead a:hover{background:transparent;}
#pagehead h1{ position:absolute;top:0;left:0;}
/* Main navigation list */
#pagehead ul{ display:block;position:absolute;top:105px;left:410px;}
#pagehead li{ display:block;float:left;width:80px;margin-left:3px;}
#pagehead li a{ display:block;height:20px;text-align:center;color:#4B271B;font-size:1.2em;font-weight:bold;line-height:20px;text-decoration:none;text-transform:lowercase;}
/* Line height same as height, which puts the text vertically centered, hoorah! */
#pagehead li.odd a{ background:#CBA181;}
#pagehead li.even a{ background:#B67357;}
#pagehead a:hover{ color:#FFE;}
/*=====[ General params and typography ]=====*/
body{ font:normal 11px verdana, Arial, Helvetica, sans-serif;}
/* relative font size to allow scaling in IE */
#parag ul li,#parag ul li ul li{border-left:4px solid #DFEF88;padding-left:10px;list-style-type:none;margin-left:0}
#content ul{ margin:0.8em 0 0 0 0;padding-left:1em;list-style-type:square;}
ol{ margin:0.8em 0 0.6em 2em;padding-left:1em;list-style-type:lower-roman;}
blockquote{ margin:0.8em 0 0.6em 1em;padding-left:1em;font-style:italic;border-left:4px solid #DDD8B0;color:#8C8971;}
.img2{ padding:1px;border:1px solid #D4D4D4;}
#content{ font-size:1em;}
p{ margin:0.3em 0 0.6em 0;line-height:1.5em}
a{ color:#ABC904;font-weight:bold;text-decoration:none;}
a:hover, .nav2 a:hover, .sm a:hover{ color:#00A0DB;}
#article{ line-height:1.4em;color:#404040;}
.sm, .sm a, .sm a:visited{ font-size: 9px;color: #666;font-weight:normal;}
h3, h4{ }
h1 { font-family:"trebuchet MS", Helvetica, verdana, sans-serif;color:#ABC904;margin:0.5em 0 0.5em 0;line-height:0.8em;font-size:4em;font-weight:normal;}
h2{ font:1.5em "trebuchet MS", Helvetica, verdana, sans-serif;letter-spacing: 0.15em;color:#9C9C9C;margin:1em 0 0 2.1em;line-height:1.7em;font-weight:bold;background: url(puce2.gif) no-repeat;background-position: right;display:list-item;list-style-image: url(puce1.gif);}
h3{ margin:1em 0 0.4em;font-size:1.3em;}
h4{ margin:0.8em 0 0.6em 0;font-size:1.1em;}
.nav{ text-align:center;font-style: italic;font-size:1.3em;font-weight:bold;font-family: Georgia, "Times New Roman", Times, serif;display: block;}
.nav a, .nav a:visited{ color:#000000;text-decoration:none;background:#ffffff}
.nav a:hover{ color:#ABC904;text-decoration:none;}
.nav2{ color:#000000;text-align:right;font-size:9px;font-weight:bold;font-family: verdana, Arial, Helvetica, sans-serif;}
.nav2 a, .nav2 a:visited{ color:#000;text-decoration:none;}
#nav2haut{padding-top:150px}
#nav2haut a:hover{color:#ABC904;}
.bqstart { float: left;height: 45px;margin: -20px -10px -50px 0;padding-top: 45px;;font-size: 700%;color: #78D3D4;}
.bqend { float: right;height: 25px;margin-top: 0px;padding-top: 30px;font-size: 700%;color: #78D3D4;}
.gallery{ text-align:center;padding:0 30px 0 30px}
.gallery img{padding:6px;border:1px solid #D4D4D4;margin-bottom: 2px;}

/* Sub Content */
#subContent h2{ font-size:1.3em;}
#subContent h3{ font-size:1.1em;}
.intro { font-size: 13px;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;text-align: right;margin:10px}

#dropmenudiv{ position:absolute;border:1px solid black;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}
#dropmenudiv a{ width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;}
#dropmenudiv a:hover{ background-color: yellow;}

.newst { font:2.3em Arial Narrow, Arial, Helvetica, sans-serif;border:1px 0 0 1px solid #333;line-height: 1.8em;color: #999;background: url(bknewst.gif) repeat-x;text-align:center;font-weight:bold;margin:0}
.newsd { font:9px;line-height: 12px;text-align: right;background: url(bknewsd.gif) repeat-x;margin-top:15px}
.video {padding: 8px 5px 25px 4px;margin: 3px 0px;background: url(bkvideos.gif) no-repeat;}
/* News */
fieldset.news{border:0;margin-top:20px;margin-right: 15px;}
.news h3{ color: #ABC904;font-family: Arial Narrow, Arial, Helvetica, sans-serif;font-size:1.8em;}
.h3{padding-left:55px}
span.date { font-size: 0.5em;font-family: Arial, Helvetica, sans-serif;color: #929292;white-space: nowrap;font-weight: bold;padding: 8px 2px 10px 2px;background: url(bkdate.gif) top no-repeat;float: left;margin: 0 5px 0 0;width:44px;height:63px}
span.date span { display: block;text-align: center;}
span.date span.day { color: #ABC904;font-size: 1.2em;margin: -3px;}
span.date span.jour { text-transform: uppercase;display: none;}
span.date span.month { text-transform: uppercase;}
fieldset.news p, fieldset.news table{text-align:justify;padding-left:55px}
fieldset.news table tr td p{padding-left:0}
/* colonne 1 */
#col1 p, #index p{padding:0 10px 10px 10px; margin-bottom:10px;font:0.9em;line-height:1.1em;background: url(bknewsd.gif) repeat-x bottom}
#col1 h1, #index h1{color:#999;font-size: 1.9em; padding:20px 0 5px 25px;background: url(pucenav.gif) 0 22px no-repeat}
#col1 h2,.h2, #tabtop h3, #index .h2 {font-weight: bold;font-size: 1.3em;color:#00A0DB}
#parag{margin:3px 12px;text-align:justify}
#quick, #popular, #site { float: left; margin-right: 15px; width: 200px;}
#quick ul li, #popular ul li, #site ul li{ padding: 0px 0px 0px 19px; background: url('bkfootlinks.gif') no-repeat left bottom; line-height: 24px; list-style-type:none;}
#foot h4{font-weight: bold;font-size: 1.4em;color:#999}
#foot a{font-weight: normal;}
#tabtop{background:#E9E9E9;padding-top:2px;margin-top:16px;border-bottom:#AAC902 1px solid}
#tabtop p{color:#999;width:450px; padding:0 10px 10px 60px}
#tabtop h3{padding-left:30px;background:#fff;line-height:25px}
#tabtop h1{padding-left: 30px;background:#fff;line-height:45px}
#tabtop .sm{font-size:0.9em}
.special{color:#00A0DB;font-weight: normal;font-size: 2em;padding-right:55px;text-align:right}
#aff .img2{margin:2px}
#index a{padding-left:20px;background: url(folder.gif) no-repeat left;line-height:22px}
.wallpaper {background: url(../downloads/img/bk_wallpaper.jpg)  no-repeat;padding: 6px 6px 34px 6px}
.iphone {background: url(../downloads/img/bk_iphone.gif)  no-repeat;padding: 29px 9px 29px 7px}
.marginleft	{margin-left: 10px}