@import url(global.css);

/* #[ FONT ]#################### */
.font { font-weight:normal; font-style:normal; line-height:100%; font-family:'ScratchRegular', arial; }
/* #[ CONSTRUCT ]#################### */
.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%; z-index:2; }
#header, #center, #footer { position:relative; }
/* #[ BODY ]#################### */
body { font:12px/140% arial, verdana, tahoma; color:#000; background:#ccc; }
a:hover { color:#000; }
/* #[ HEADER ]#################### */
#tpl-header { }
#header { }
.image { overflow:hidden; width:100%; max-height: 390px; }
.image img { max-width: 800px; }
.noimg .image { display:none; }
a.name:link, a.name:visited { margin:0 auto; width:100%; text-align:center; display:block; color:#fff; font-size:60px; padding:20px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
#header ul.menu { margin:0 10px; }
#header ul.menu li { float:left; padding-top:1px; }
#header ul.menu li a { float:left; width:auto; padding:4px 20px; display:block; color:#fff; font-weight:bold; font-size:13px; text-align:center; }

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

/* #[ CENTER ]#################### */
#tpl-center { }
#center { background:#fff; }
#col ul.menu { margin-bottom:20px; }
#col ul.menu li { margin-bottom:1px; float:left; }
#col ul.menu li a { float:left; padding:5px 10px; width:200px; display:block; color:#fff; font-weight:bold; font-size:13px; text-align:left; text-decoration:none; }

#col ul.menu ul { left:auto; right:100%;  }
#col ul.menu ul li {border:solid 1px #ccc; border-width:0 1px 1px 1px;  margin:0; padding:0;}
#col ul.menu ul li:first-child { border-top-width:1px;}
#col ul.menu ul li a{ width:auto; padding:5px 14px; border:0}

.title { font-size:40px; color:#888; text-indent:20px; margin-top:10px; }
#col .title { text-indent:0px; }
#col #extra { float:left; }
.article { padding:20px; }
#col .article { padding:0px; }
#col { float:right; width:220px; padding:0 10px; display:block; margin-top:20px; }
#content { margin-right:260px; width:auto }
/* #[ FOOTER ]#################### */

span.cr { float:left; color:#000; padding-top:10px; }
#footer ul.menu { float:right; max-width:600px; }
#footer ul.menu li { float:left; padding-top:10px; }
#footer ul.menu li a { float:left; width:auto; color:#000; padding:0px 10px; font-weight:normal; line-height:12px; height:12px; border-left:1px solid #000; }
#footer ul.menu li a:hover, #footer ul.menu li.current a { text-decoration:underline; }
#footer ul.menu li.first a { border:0; }

#footer ul.menu ul li a, #footer ul.menu ul li a:link,  #footer ul.menu ul li a:visited{ border:0;  padding:6px 12px; text-decoration:none; margin:0}
#footer ul.menu ul li { border:solid 1px #280200; border-width:1px 1px 0 1px; padding:0; margin:0; padding:0;}
#footer ul.menu ul ul li { border-width:0 1px 1px 1px; }
#footer ul.menu ul li:first-child { border-top-width:1px;}

#header ul.menu li li a.dropMenuArrow, #footer ul.menu ul li a.dropMenuArrow , #col ul.menu ul li a.dropMenuArrow {  background-image:url(../img/subarrow.png); background-position:8px -35px; background-repeat:no-repeat}
#footer ul.menu ul li a.dropMenuArrow { background-position:4px 9px;}
a.name:link, a.name:visited{ font-family : Arial; font-size : 60px;}span.cr { font-family : arial, verdana, tahoma; font-size : 12px;}
#MainNavigation { font-family : Arial; font-size : 13px;}
#SubNavigation { font-family : arial, verdana, tahoma; font-size : 13px;}