@import url(global.css);

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

.font, h1 { font-weight:normal; font-style:normal; line-height:100%; font-family:CalligraffitiRegular, 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; 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 ]#################### */

#tpl-header { padding:0 0 80px 0; }
#header { padding:0; text-align:left; position:relative; z-index:22 }
.image { vertical-align:top; overflow:hidden; margin:0px 0px 20px 0; display:block }
.image img{ width:100%;}
.noimg .image { display:none; }
a.name:link, a.name:visited { position:relative; line-height:140%; display:block; color:#575757; font-size:300%; font-weight:normal; vertical-align:top; text-transform:none; margin:0; z-index:1; padding:15px 20px 10px 20px; text-align:center; }
#header ul.menu { position:relative; margin:0; padding:0 20px;  text-align:left; border:solid 1px #f3f2f2; z-index:3 }
#header ul.menu li { display:inline; padding:0 0 0 1px; vertical-align:top; position:relative; float:left; }
#header ul.menu li a { width:auto; padding:5px 19px 0 19px; line-height:26px; text-align:left; display:inline-block; color:#f9d789; font-weight:normal; font-size:12px; position:relative; margin-top:-4px; white-space:nowrap;  }
#header ul.menu li:first-child { background:none; }
#header ul.menu li:hover a, #header ul.menu li.current a { padding:0 18px; line-height:30px; border:solid 1px #fffffe; border-width:1px 1px 0 1px; }
#header ul.menu ul { padding:0px;  border:solid 1px #FFF; border-top:0px; background:#c4c5c4; }
#header ul.menu ul li { display:block; float:none; height:auto; padding:0 0 1px 0; margin:0; background:none; }
#header ul.menu li:hover li a, #header ul.menu li li a, #header ul.menu li.current li a { float:none; display:block; line-height:18px; padding:4px 16px; margin:0; font-size:12px; height:auto; white-space:nowrap; border:0; top:0; background:none; }

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

#center { position:relative; padding:18px 0px; border:solid 2px #FFF; -webkit-box-shadow:inset 0 0 8px rgba(000, 000, 000, 0.1); -moz-box-shadow:inset 0 0 8px rgba(000, 000, 000, 0.1); box-shadow:inset 0 0 8px rgba(000, 000, 000, 0.1); }
.spacer { padding:20px; margin:0; }
#content { width:auto; overflow:hidden; padding:0px 26px 20px 0px; background:none; margin:0; border:0; }
h1 { font-size:26px; line-height:44px; font-weight:normal; padding:0 0 0px 0; text-transform:none; color:#FFF; }
#col { float:left; margin:0 20px 0 0px; width:212px; display:block; }
#extra { vertical-align:top; margin:0px 0 20px 0; padding:0px; text-align:left; }
#extra h1 { padding:0; background:none; margin-bottom:0px; }
#col ul.menu { margin:0 0 30px 0; text-align:left; padding:5px 0; background:#f3f3f3; border:solid 1px #e6e2e2 ; z-index:2}
#col ul.menu li { border-top:solid 1px #e6e2e2; }
#col ul.menu li:first-child { border-top-width:0px; }
#col ul.menu li a { display:block; line-height:30px; padding:0 15px 0 25px; text-decoration:none; }

#col ul.menu ul{ padding:1px 1px 0 1px ; border:solid 1px #dddddd; border-bottom:0px; background:#f3f3f3; }
#col ul.menu ul li a{ border:0;  padding:4px 16px; height:auto; text-decoration:none; margin:0; line-height:18px;    width:auto; background:none; text-decoration:none;}
#col ul.menu ul li {padding:0px;  margin:0px 0 0 0px; border:0; border-bottom:solid 1px #ddd;  background:none; width:100%;  }
#col ul.menu li:hover li a { background:none}
/* #[ FOOTER ]#################### */

#tpl-footer { position:relative; top:0px; }
#footer { padding:15px 0 15px 0; display:block; position:relative; overflow:hidden; line-height:12px; font-size:11px; }
span.cr { color:#4a4a4a; padding:0px; 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 -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,
#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:#000; background-position:8px 11px; }
a.name:link, a.name:visited{ font-family : CalligraffitiRegular, Verdana, Arial, Helvetica, s; font-size : 36px;}span.cr { font-family : Arial, Helvetica, sans-serif; font-size : 11px;}
#MainNavigation { font-family : Arial, Helvetica, sans-serif; font-size : 12px;}
#SubNavigation { font-family : Arial, Helvetica, sans-serif; font-size : 12px;}