@import url(global.css);


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

.font, h1, #header ul.menu { font-weight:normal; font-style:normal; line-height:100%; font-family:"RationaleRegular", Times, Arial, Helvetica, sans-serif; }
#header ul.menu { font-family:UbuntuRegular }
/* #[ 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; }
html, body { height:100%; }
.tpl-width { width:800px; }
.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 { float:left; width:100%; }

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

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



#header { padding:0 0 0 0px; text-align:center; position:relative; z-index:99; height:124px; }

.image { float:none; margin:0 auto 20px auto; vertical-align:top; padding:3px; border:solid 1px #e7e7e7; -moz-box-shadow:0 0 5px #d6d6d6; -webkit-box-shadow:0 0 5px #d6d6d6; box-shadow:0 0 5px #d6d6d6; overflow:hidden; display:block; }
.image img { width:100%;}
.noimg .image { display:none; }
a.name:link, a.name:visited { z-index:2; display:inline-block; padding:30px 0 0 0; text-align:left; color:#000; font-size:28px; line-height:100%; font-weight:normal; vertical-align:top; margin:0 0 0px 0; width:180px; float:left; text-align:right; vertical-align:top; }
a.name:link span, a.name:visited span { font-weight:normal; font-size:58px; line-height:58px; letter-spacing:1px; display:block; }
/* #[ CENTER ]#################### */



#center {  padding:10px 0 0 0; margin:0; }
.spacer { padding:0px; }
#h_content { width:auto; position:relative; margin:0px 30px 0 240px; top:-110px; }
#col { float:left; width:205px; display:block; padding:40px 0 0 0; position:relative; z-index:99 }
h1 { font-size:50px; line-height:60px; font-weight:normal; text-transform:none; padding:0; margin:0 0 20px 0; }
#extra { margin:0px 0 20px 0; padding:20px; -webkit-border-radius:10px 0 0px 10px; -moz-border-radius:10px 0 0px 10px; border-radius:10px 0 0px 10px; }
#extra h1 { color:#000; font-size:18px; line-height:22px; margin-bottom:0; border-bottom:0px; font-weight:bold; padding-bottom:8px; }
#col ul.menu { margin:0 0 40px 0; padding:0; width:100%; left:0;  }
#col ul.menu li { display:block; padding:2px 0px; vertical-align:top; position:relative; }
#col ul.menu li a { width:auto; padding:0 30px 0 12px; height:30px; line-height:30px; display:block; vertical-align:top; color:#707b75; font-weight:normal; font-size:12px; position:relative; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; text-align:right; }
#col ul.menu li a:hover, #col ul.menu li.current a { text-decoration:none; font-weight:bold; }
#col ul.menu li.first { border-left-width:0; }
#col ul.menu ul {top:1px; text-align:left; padding:0; border:solid 1px #282828; border-left-width:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#FFF; }
#col ul.menu ul ul { top:0px; border-left-width:1px;}
#col ul.menu ul li a { white-space:nowrap; text-align:left; font-size:12px; line-height:18px; padding:4px 16px; height:auto; font-weight:normal }
#col ul.menu ul li { border-top:solid 1px #282828; vertical-align:top; }
#col ul.menu ul li:first-child { border-top:0; }

/* #[ FOOTER ]#################### */


#footer { padding:10px 0px; display:block; line-height:12px; font-size:11px; }
span.cr { color:#000; text-align:right; float:left; color:#999999; width:180px; padding:10px 0 }
#footer ul.menu { float:right; border-top:solid 1px #dddddd; width:542px; margin-right:20px; text-align:right; padding:10px 0; z-index:9 }
#footer ul.menu li { display:inline-block;  *display:inline; padding:0 8px; border-left:solid 1px #dddddd; margin-bottom:3px;  }
#footer ul.menu li:first-child { border-left-width:0 }
#footer ul.menu li a { color:#777777 }


#footer ul.menu ul{ padding:0 0 8px 0; border:solid 1px #dddddd; border-width:0 1px; background:#FFF; left:-1px;  }
#footer ul.menu ul ul { border-bottom-width:1px; padding-bottom:0px; left:100%;  }
#footer ul.menu ul li a, #footer ul.menu ul li a:link,  #footer ul.menu ul li a:visited{ border:0;  padding:8px 16px; text-decoration:none; margin:0}
#footer ul.menu ul li {padding:0px;  margin:0px 0 0 0px; border-top:solid 1px #dddddd;}

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

#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,
#footer ul.menu li:hover li a, #footer ul.menu li.current li a, #footer ul.menu li li a, 
#footer ul.menu li:hover li:hover li a, #footer ul.menu li:hover li.current li a,
#footer ul.menu li:hover li:hover li:hover li a, #footer ul.menu li:hover li:hover li.current li a,
#footer ul.menu li:hover li:hover li:hover li:hover li a, #footer ul.menu li:hover li:hover li:hover li.current li a { background-color:transparent; color:#999; font-weight:normal }#LogoImage { position : relative ; left : -90px; top : 0px;}span.cr { font-family : Arial,verdana,tahoma; font-size : 11px;}
#MainNavigation { font-family : Arial,verdana,tahoma; font-size : 12px;}
#SubNavigation { font-family : Arial,verdana,tahoma; font-size : 11px;}