@import url(global.css);

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

.font{font-weight:normal; font-style:normal; line-height:100%; font-family:'PTSansNarrowRegular', Verdana, Arial, Helvetica, sans-serif;}
a.name:link span, a.name:visited span { font-family:PTSansNarrowBold}
		
/* #[ 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; 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;}
#header,#center,#footer {position:relative;}

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

/* #[ HEADER ]#################### */

#header { padding:0; text-align:left; position:relative; z-index:22; margin:0; }

.image { vertical-align:top; overflow:hidden;  padding:0; margin:0; background:#f5f5f5;  clear:both }
.image img { vertical-align:top; width:100%;}
.noimg .image{ display:none; }

a.name:link, a.name:visited { text-align:center;  line-height:150%; display:inline-block; color:#FFF; font-size:36px; font-weight:normal; vertical-align:top; text-transform:none; margin:0 0 0px 0;  z-index:1; padding:6px 20px 6px 35px; position:relative;  color:#191919; text-decoration:none;}
a.name:link span, a.name:visited span {color:#e0e67c; text-transform:uppercase}
a.name:link span .lc1, a.name:visited span .lc1 {color:#b9ed8f;}
a.name:link span .lc2, a.name:visited span .lc2 {color:#a2e1f2;}
a.name:link span .lc3, a.name:visited span .lc3 {color:#f46b99;}


#header ul.menu {position:relative; margin:0; padding:0 0 0 12px; border:solid 1px #FFF; border-width:11px 0;  text-align:left;  }
#header ul.menu li { display:inline; padding:0px 0px 7px 1px;  position:relative;   vertical-align:top; float:left; border:0;   }
#header ul.menu li a { width:auto; padding:0 20px ; line-height:35px; text-align:left; display:inline-block;  color:#f9d789; font-weight:normal; font-size:13px; position:relative; margin:8px 0 0px;  text-transform:uppercase; white-space:nowrap; float:left; text-decoration:none;  }
#header ul.menu li:first-child { background:none; padding-left:0}
#header ul.menu li:hover a, #header ul.menu li.current  a{ margin:0; padding-top:8px; padding-bottom:7px;}
#header ul.menu > li:hover, #header ul.menu > li.current{ padding-bottom:0}

#header ul.menu ul {border:solid 1px #fff; border-width:0 1px 1px 1px; padding:0;   background:#f5f5f5; }  
#header ul.menu ul li { display:block; float:none;  height:auto; margin:0; padding:0; border:0px; background:none; width:100%; border-top:solid 1px #e7e9e8;  }
#header ul.menu ul li:first-child { border-top:none }
#header ul.menu li:hover li a, #header ul.menu li.current li a{ display:block; float:none;  line-height:20px; padding:4px 16px; margin:0; font-size:12px; font-weight:normal; height:auto; white-space:nowrap; border:0; text-transform:none;  }


#header ul.menu li:hover li:first-child a{ border-top-width:0px;}
#header ul.menu li:hover { z-index:1}


/* #[ CENTER ]#################### */
#center {position:relative; padding:0;   }
.spacer {padding:35px 25px 30px 25px; margin:0px; }


#content { width:auto; overflow:hidden;    }
#content .spacer { padding:0px 0 25px 0; border:0px;  margin:0; background:none; text-align:justify  }


h1 {font-size:22px; line-height:100%; font-weight:normal; padding:0 0 8px 0; margin:0 0 10px 0;   text-transform:none; color:#ffffff; border-bottom:solid 1px #eee;  }
#col h1{ margin-bottom:0px; border-bottom:0;}

#col { float:right;  margin:0px; width:220px; display:block; padding:0 0 0 35px; }
#extra { margin:0; }

.article {margin:0px 0 20px 0; text-align:left; padding:18px;}
#col ul.menu { margin:0px 0 20px 0; text-align:left; padding:18px 24px;    }
#col ul.menu > li  { display:block; vertical-align:top;  margin:0; padding:0; border-top:solid 1px #0d0d0d;  }
#col ul.menu li a{ display:block; line-height:28px; text-transform:none; font-weight:normal;  padding:0 20px 0 26px;; text-decoration:none; font-size:12px; color:#464646;    }
#col ul.menu li:first-child { border-top-width:0px;}

#col ul.menu ul { padding:0px; border: solid 1px #d3d3d3; left:auto; right:100%  }
#col ul.menu ul li { padding:0; border-bottom:solid 1px #d3d3d3;   display:block; width:100%;  -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;    }
#col ul.menu ul li:last-child { border-bottom:none }
#col ul.menu ul li a { border:0;  padding:5px 16px; height:auto; text-decoration:none;  line-height:18px; width:auto; background:none; text-decoration:none !important;}

/* #[ FOOTER ]#################### */
#tpl-footer { position:relative; }
#footer { padding:0;  display:block; position:relative; overflow:hidden; line-height:12px; font-size:11px; }
span.cr { padding:20px 0; text-align:center;  display:block; color:#c1c1c1; border-top:solid 3px #2e2e2e; }


#header ul.menu li li a.dropMenuArrow, #col ul.menu ul li a.dropMenuArrow { background-repeat:no-repeat; background-position:8px -34px; }
#col ul.menu ul li a.dropMenuArrow { background-position:8px 12px;}

#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 { color:#FFF;  background-color:transparent;}

#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 : trajanus; font-size : 40px;}span.cr { font-family : Arial, Helvetica, sans-serif; font-size : 11px;}
#MainNavigation { font-family : trajanus; font-size : 13px;}
#SubNavigation { font-family : trajanus; font-size : 14px;}
