@import url(global.css);

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


.font{font-weight:normal; font-style:normal; line-height:100%; font-family:'Myriad Pro', cursive;;}

		
/* #[ 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, .pos-l #banner {margin:0 0 0 10px;}
.pos-c #header, .pos-c #center, .pos-c #footer, .pos-c #banner {margin:0 auto;}
.pos-r #header, .pos-r #center, .pos-r #footer, .pos-r #banner {margin:0 10px 0 auto;}

#tpl-header,#tpl-center,#tpl-footer , #tpl-banner {width:100%; z-index:2; }
#header,#center,#footer {position:relative;}

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

/* #[ HEADER ]#################### */
#header { padding:0px 0 0 0; text-align:left; position:relative; z-index:22; margin:0; background:#FFF; }
.image { vertical-align:top; overflow:hidden;  padding:0; margin:0; float:left; width:622px;  position:relative; max-height:239px;  }
.image img { vertical-align:top; width:100%; }
.noimg .image{ display:none; }

a.name:link, a.name:visited { display:block; font-size:36px; line-height:100%; vertical-align:top; text-transform:uppercase; z-index:1; text-decoration:none; padding:20px 5px 20px 25px; text-align:center; font-weight:bold; text-align:left; border-bottom:solid 4px #f1f1f1; margin-bottom:1px; }
a.name:link span, a.name:visited span { font-weight:normal; text-transform:none; color:#8e959d}

#header ul.menu {position:relative;  margin:0; padding:0; border-bottom:solid 1px #FFF;    }
#header ul.menu li { padding:0;  position:relative; vertical-align:top; border-top:solid 1px #ffffff; border-left:solid 1px #dbdbdb; float:right; width:227px; border-bottom:solid 1px #dbdbdb;    }
#header ul.menu li a {width:auto; padding:0 20px 0 30px; line-height:38px; text-align:left; display:block; overflow:hidden;  font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; background:#eeeeee  }
#header ul.menu > li:first-child {background:none; border-top-width:0 }
#header ul.menu > li > a{-webkit-transition:padding 0.5s ease; -moz-transition:padding 0.5s ease; -o-transition:padding 0.5s ease;}
#header ul.menu > li:hover > a { padding-left:20px; }


#header ul.menu ul {padding:0; border:solid 1px #d3d3d3; border-bottom-width:0px;  left:auto; right:100%; top:0   }  
#header ul.menu ul ul {  left:auto; right:100%; }
#header ul.menu li li { display:block; float:none;  height:auto; margin:0; padding:0; border:0px; background:none; width:100%; border-bottom:solid 1px #d3d3d3;}
#header ul.menu li 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; background:none; border:0; margin:0; }

#header ul.menu li:hover li a, #header ul.menu li.current li a{ background:none;}
#header ul.menu li:hover { z-index:1}

.noimg #header ul.menu{ background:#eee;}
.noimg #header ul.menu > li { width:auto; float:left;}
.noimg #header ul.menu > li:hover > a{ padding-right:30px;}
.noimg #header ul.menu ul{ left:0%; top:100%; right:auto}
.noimg #header ul.menu ul ul{ top:0; right:auto; left:100%;}

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

#center {position:relative; padding:0px 0; border-top:solid 4px #e8e8e8; background:#ffffff url(../img/col-bg.png) repeat-y 0 0  }
.spacer {padding:0px 0; margin:0px; }
#content { width:auto; overflow:hidden; padding:30px 26px}
.spacer .spacer { padding:0; border:0; background:none;}

h1 {font-size:16px; font-weight:normal; line-height:110%; padding:0px 0px 4px 0; margin:0 0 10px 0;}
#extra h1{ font-size:16px; padding:12px 22px; margin:0 -22px 10px; line-height:120%; color:#FFF;  font-weight:bold;  }
#col { float:left; margin:0px; width:228px; display:block; padding:20px; }
#extra { margin:0; padding:12px 22px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #5d95b7;  box-shadow:2px 2px 4px rgba(000,000,000,0.1)}


#col ul.menu { margin:0px 0 20px 0; padding:20px; text-align:left; z-index:7; border-radius:5px; box-shadow:2px 2px 4px rgba(000,000,000,0.2) }
#col ul.menu li  { display:block; vertical-align:top;  margin:0 0; padding:0; border-top:solid 1px #bcbcbc   }
#col ul.menu li a{  line-height:160%; text-transform:none; font-weight:normal; padding:8px 0px 8px 25px; margin:0; text-decoration:none; display:block; font-size:12px; color:#FFF; }
#col ul.menu > li:first-child { border-top:0 }

#col ul.menu ul{ padding:0px ; border:dotted 1px #d3d3d3; border-bottom:0px; background:#FFF; }
#col ul.menu ul li a{ border:0;  padding:8px 16px; height:auto; text-decoration:none; margin:0px; line-height:120%;    width:auto; background:none; text-decoration:none !important;}
#col ul.menu ul li { margin:0px 0 0 0px; border:0; padding:0; border-bottom:dotted 1px #d3d3d3;  background:none; display:block; vertical-align:top; float:none; width:100%;  }
#col ul.menu li:hover li a { background:none; }

/* #[ FOOTER ]#################### */
#tpl-footer { position:relative;   }
#footer { padding:0 0px; display:block; position:relative; overflow:hidden; line-height:16px; font-size:12px;  }
span.cr { padding:15px 20px 15px 70px;  text-align:left;  display:block;  color:#FFF; }

#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 -34px;}

#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 ,

#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:#FFF;   }


a.name:link, a.name:visited{ font-family : Arial; font-size : 36px;}span.cr { font-family : Arial; font-size : 12px;}
#MainNavigation { font-family : Arial; font-size : 12px;}
#SubNavigation { font-family : Arial; font-size : 12px;}