@import url(global.css);

/* #[ FONT ]#################### */

.font { font-weight:normal; font-style:normal; line-height:100%; font-family:ChangaOneRegular, Verdana, Arial, Helvetica, sans-serif; }
/* #[ CONSTRUCT ]#################### */



.clearfix:after { content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.tpl-width { width:850px; padding:0 20px; margin:0 auto; }
.pos-l #header, .pos-l #center, .pos-l #footer { margin:0 0 0 10px; }
.pos-c #header, .pos-c #center, .pos-c #footer { margin:0 auto; }
.pos-r #header, .pos-r #center, .pos-r #footer { margin:0 10px 0 auto; }
#tpl-header, #tpl-center, #tpl-footer { width:100%; z-index:2; min-width:850px; }

/* #[ BODY ]#################### */

body { padding:54px 0 0 0; }
a:hover { color:#000; }
/* #[ HEADER ]#################### */

#tpl-header { padding:0px; }
#header { padding:0px; width:850px; text-align:left; position:relative; z-index:22; margin:0; }
.image { vertical-align:top; overflow:hidden; margin:0 0 15px; }
.noimg .image { display:none; }
.image img { vertical-align:top; min-width:826px; max-width:826px; }
a.name:link, a.name:visited { text-align:left; line-height:180%; display:inline-block; color:#FFF; font-size:29px; font-weight:normal; vertical-align:top; margin:0; z-index:1; padding:0 88px 0 40px; position:relative; display:inline-block; vertical-align:top; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; }
a.name:link span, a.name:visited span { color:#FFF; }
#button { padding-bottom:32px; background:#FFF;}
#header ul.menu { position:relative; margin:0; padding:1px 0 0px 0; text-align:left;  position:relative; z-index:3 }
#header ul.menu li { display:inline; padding:1px 1px 0 0px; vertical-align:top; float:left; }
#header ul.menu li a { width:auto; padding:0 18px 0 18px; line-height:50px; text-align:left; display:inline-block; color:#f9d789; font-weight:normal; font-size:16px; position:relative; text-transform:none; white-space:nowrap; float:left; margin-left:-2px; }
#header ul.menu li:first-child { padding-left:2px; background:none; }
#header ul.menu ul {padding:0px; background:#FFF; border:solid 1px #0c223f; border-width:0 1px; margin:0 0 0 -1px }
#header ul.menu ul ul { border-top-width:1px;}
#header ul.menu ul li {   height:auto; margin:0; padding:0 0 0 1px; background:none; border:solid 1px #0c223f; border-width:0 0 1px 0; }
#header ul.menu ul li a {  line-height:32px; padding:0px 16px; margin:0; font-size:12px; font-weight:normal; height:auto; border:0; text-transform:none; font-family:Arial, Helvetica, sans-serif; }

#header ul.menu li.currentDrop { position:static;}
#header ul.menu li.currentDrop ul { width:850px; margin:0px 0 0 0;}
#header ul.menu li.currentDrop ul.showNav { display:block}
#header ul.menu li.currentDrop ul li { float:left; border-width:0 0px 0 0px; margin-top:1px;}
#header ul.menu li.currentDrop ul li:first-child { background:none;}
#header ul.menu li.currentDrop ul ul { width:auto; left:0; top:100%; border-top-width:0px;}
#header ul.menu li.currentDrop ul ul ul { left:100%; top:0; border-top-width:1px;}
#header ul.menu li.currentDrop ul ul li { float:none; border-width:0 0 1px 0px; }

/* #[ CENTER ]#################### */

#center { position:relative; padding:0px; }
.spacer { padding:13px; margin:0; }
#content { padding:0 15px 30px 15px; margin:0; border:0px; width:auto; overflow:hidden; border:solid 1px #FFF;}
h1 { font-size:13px; line-height:140%; font-weight:bold; padding:5px 15px; margin:0 -15px 10px -15px; color:#FFF; border-bottom:solid 1px #eee; }
#col { float:right; margin:0px 0px 0 12px; width:250px; display:block; padding:0; }
#extra { padding:0 15px 10px 15px; margin:0; }
#col h1 { margin:0; }
#extra h1 { border:solid 1px #FFF; margin:0 -15px 10px -15px; }
#col ul.menu { margin:0 0 20px 0; text-align:left; padding:10px 15px 5px 15px; z-index:2 }
#col ul.menu li { display:block; vertical-align:top; width:100%; margin:0; padding:0; }
#col ul.menu li a { display:block; line-height:130%; text-transform:none; font-weight:normal; padding:8px 0 8px 16px; text-decoration:none; font-size:12px; color:#FFF; }
#col ul.menu li:first-child { background:none; }

#col ul.menu ul{ padding:0px ; border:solid 1px #d6d6d6; border-bottom:0px; background:#f2f2f2; left:auto; right:100%;}
#col ul.menu ul li a{ border:0;  padding:5px 16px; height:auto; text-decoration:none; margin:0px; line-height:18px;    width:auto; background:none; text-decoration:none !important;}
#col ul.menu ul li { margin:0px 0 0 0px; border:0; padding:0; border-bottom:solid 1px #d6d6d6;  background:none; display:block; vertical-align:top; float:none; width:100%;  -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;   }
#col ul.menu li:hover li a { background:none; }
/* #[ FOOTER ]#################### */

#tpl-footer {  padding-bottom:50px; }
#footer { padding:0; display:block;  overflow:hidden; line-height:12px; font-size:11px; }
span.cr { padding:20px; color:#c6c7c9; text-align:center; display:block; }



#header ul.menu li li a.dropMenuArrow, #col ul.menu ul li a.dropMenuArrow {  background-repeat:no-repeat; background-image:url(../img/subarrow.png); background-position:8px 14px;}
#col ul.menu ul li a.dropMenuArrow {background-position:8px -34px;}

#header ul.menu li:hover li a, #header  ul.menu li.current li a, #header  ul.menu li li a, 
#header ul.menu li:hover li:hover li a, #header  ul.menu li:hover li.current li a,
#header ul.menu li:hover li:hover li:hover li a, #header  ul.menu li:hover li:hover li.current li a,
#header ul.menu li:hover li:hover li:hover li:hover li a, #header  ul.menu li:hover li:hover li:hover li.current li a{ background-color:transparent; color:#4c5863}
#col ul.menu li:hover li a, #col ul.menu li.current li a, #col ul.menu li li a, 
#col ul.menu li:hover li:hover li a, #col ul.menu li:hover li.current li a,
#col ul.menu li:hover li:hover li:hover li a, #col ul.menu li:hover li:hover li.current li a,
#col ul.menu li:hover li:hover li:hover li:hover li a, #col ul.menu li:hover li:hover li:hover li.current li a{ background-color:transparent; color:#FFF}a.name:link, a.name:visited{ font-family : ChangaOneRegular,Verdana,Arial,Helvetica,sans-seri; font-size : 29px;}span.cr { font-family : Arial,Helvetica,sans-serif; font-size : 11px;}
#MainNavigation { font-family : Arial,Helvetica,sans-serif; font-size : 16px;}
#SubNavigation { font-family : Arial,Helvetica,sans-serif; font-size : 12px;}