@import url(global.css);

/* #[ FONT ]#################### */
.font {font-weight:normal; font-style:normal; line-height:100%; font-family:'SFSpeakeasyRegular', arial, sans-serif;}
		
/* #[ CONSTRUCT ]#################### */
.tpl-width {width:840px;}
.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 {position:relative; float:left; width:100%; z-index:2; text-align:left;}
#header,#center,#footer {position:relative;}

/* #[ BODY ]#################### */
body{font:12px/140% arial,verdana,tahoma; color:#fff;}

a:hover {color:#000;}

/* #[ HEADER ]#################### */
#tpl-header {}

.image {
	position:relative; left:-15px;  margin: 20px -25px 20px 0;
	background:#000; background:rgba(0,0,0,0.5); padding:15px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; overflow:hidden;
	max-height: 380px;
	}
	.image img { max-width: 835px; width:100%}
	
.noimg .image {display:none;}
.noimg #tpl-header {height:auto;}

a.name:link, a.name:visited {
	position:relative; left:-15px; color:#fff; font-size:60px;	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	background:#000; background:rgba(0,0,0,0.5); padding:15px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px;
	}

.noimg a.name {display:block; background:none; margin:20px 0px;}	

#center ul.menu {width:840px; display:block; margin-bottom:20px;}
#center ul.menu li {float:left; margin:0 1px 1px 0;}

#center ul.menu li a {
	float:left;	width:auto; line-height:47px; height:44px; padding:0 15px; display:block;
	color:#000; font-weight:bold; font-size:17px; text-align:center;
	background:#fff;}
	
#center ul.menu li a:hover,#center ul.menu li.current a {text-decoration:none;}
#center ul.menu li.last {margin-right:0;}

#center ul.menu li.first a {border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px;}
#center ul.menu li.last a {border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px;}

#center ul.menu ul {  top:100%; left:0; padding:0;   }  
#center ul.menu li li {  margin:0; padding:0; border:solid 1px #FFF; border-width:0 1px 1px 1px;  background:none; width:100%; float:none; display:block;    }
#center 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;  text-transform:none; border:0; width:auto; }
#center ul.menu ul ul { left:100%; top:0;}
#center ul.menu li li.first a, #center ul.menu li li.last a  {border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0;}


/* #[ CENTER ]#################### */
#tpl-center {}
#center {background:rgba(0,0,0,0.7); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; padding:15px;}
.title {display:block; width:100%; font-size:36px; padding:0; margin-bottom:20px;}
.article {}

body.extra #col {float:right; width:270px;}
body.extra #content {margin-right:300px; width:auto}

/* #[ FOOTER ]#################### */
#tpl-footer { margin-bottom: 40px;}
#footer {}

span.cr {color:#fff; position:relative; top:20px; left:0;}

#footer ul.menu {position:absolute; top:20px; right:0;}
#footer ul.menu li {float:left; padding:2px 0;}
#footer ul.menu li a {float:left; width:auto; color:#fff; padding:0px 10px; font-weight:normal; line-height:12px; border-left:1px solid #777;}
#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; line-height:16px;}
#footer ul.menu ul { background:#444444}
#footer ul.menu ul li { border-top:solid 1px #777777; padding:0; margin:0;}

#center ul.menu li li a.dropMenuArrow, #footer ul.menu ul li a.dropMenuArrow {  background-position:8px -33px; background-repeat:no-repeat}
#footer ul.menu ul li a.dropMenuArrow { background-position:6px 11px;}a.name:link, a.name:visited{ font-family : "SFSpeakeasyRegular", arial, sans-serif; font-size : 60px;}span.cr { font-family : arial, verdana, tahoma; font-size : 12px;}
#MainNavigation { font-family : arial, verdana, tahoma; font-size : 17px;}
#SubNavigation { font-family : arial, verdana, tahoma; font-size : 12px;}