/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
} 

html {overflow-y: scroll;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#main {
	padding-bottom: 50px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

body {
	background: #061E3B url('/img/bg.png') repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	color:#333; 
	line-height:1.3em;
	font-size: 0.9em;
}

/* Header */
#header {
	padding:0 0 0 0;
	height:148px;
}
#header #logo {
	width:980px;
	margin:0 auto;
	padding:0 0 0 0;
}

#header img.logo { margin-top:0; float:left; vertical-align:top;}

#header #logo #lang {width:100px;float:right;height:55px;margin-right:60px;}

#headNav { margin-top: 0px; }

#header #headMenu, #header #headMenuOver { 
	margin: 0 30px 0 0; 
	float:left; 
	vertical-align: baseline;
	text-align:center;
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	padding: 0 0 14px 0;
}

#header #headMenu a, #header #headMenuOver a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#header #headMenuOver { 
	background-image:url(/img/bg-menu-2.gif);
	background-repeat:repeat-x;
}

#header #headMenu a:hover {
	text-decoration:underline;
}

a img {border:none;}
a:link {color: #061E3B;  text-decoration:underline;}
a:hover {color: #900;  text-decoration:underline;}
a:visited {color: #061E3B;  text-decoration:underline;}

/* GENERAL */



h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#154D8F;
}



h1 {
	font-size:1.6em;
	text-transform:uppercase;
	margin: 0 0 5px 0;
	padding: 0 0 4px 3px;
	font-weight: normal;
	letter-spacing: 0.1em;
	background-image: url(/img/header-bg.gif);
	background-repeat:repeat-x;
	
}

h2 {
	font-size: 1.1em;
	text-transform:uppercase;
	margin: 0 0 0 0;
}

h3 {
	font-size:1.0em;
	font-weight: normal;
	margin: 3px 0 0 0;
	padding: 0;
}

h4 {
	font-size:0.8em;
	font-weight:bold;
	margin: 10px 0 -5px 0;
	padding: 0;
}

h5 {
	font-size:1.3em;
	text-transform:uppercase;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

/* Content Area */

#main {
	width:940px;
	margin:0 auto;
	clear:both;
	background-color:#FFF;
	padding: 20px;
}

#content {
	width:588px;
	position:relative;
	float:left;
	padding: 10px 0 0 0;
	border-bottom: #999 solid 1px;
	margin-bottom: 0;
}

#content img {
	padding: 0 10px 0px 0;
}

#content p {
	padding: 0 0 0 0;
}

#content h1 a, #sidebar h1 a, #floatLeft h1 a  {
	text-decoration:none;
	color:#154D8F;
}
#content h1 a:hover, #sidebar h1 a:hover, #floatLeft h1 a:hover {
	text-decoration: underline;
}

#col33 {
	width: 33%;
	float:left;
}

#col50 {
	width: 50%;
	float:left;
}

#col33 p {
	padding-right: 10px;
}

#content ul {
	list-style: circle;
	margin: 0 0 10px 20px;
}
	
#content li {
	line-height:1.2em;
	font-size:0.9em;
}

#content #list {width:200px;float:left;}

/*
#content #screenshots {width:200px;float:right;padding-top:15px;}
#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}
*/

#contentWide {
	width: 940px;
	position:relative;
	float:left;
	padding: 15px 0 0 0;	
	border-bottom: #999 solid 1px;
}

#main p, .formLabel {
	font-size:0.9em;
	margin: 0 0 10px 0;
}

td {
	font-size:1.0em;
}

td strong {
	color: #434343;
}

#floatLeft {
	float:left;
}

#floatLeft img {
	padding: 0 10px 10px 0;
}

/*#content pre {
	font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;
}*/

.formLabel {
	display: inline-block;
	width:150px;
	text-align:right;
}

.w200 {
	width: 200px;
}

.w300 {
	width: 300px;
}

.w400 {
	width: 400px;
}

#contentWide textarea {
	margin-left: 155px;
	margin-top: -27px;
	width: 405px;
	display:inline;
}

#editSection {
	position:relative;
}

#editSection label, #editSection input, #editSection textarea {
	display:block;
}

#editSection label {
	font-size: 0.8em;
	font-weight:bold;
}

#edit {
	width: 50px;
	height: 59px;
	position: absolute;
	top: 0;
	right: 0;
}

#editList {
	float:right;
	width: 50px;
	height: 59px;
}

#editUpload {
	width: 500px;
	height: 90px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.notice {
	display:block;
	width:100%;
	border: #F33 1px solid;
	padding: 5px;
	margin-bottom: 20px;
	background-color:#FFC;
	text-align:center;
}



/* Sidebar */
#sidebar {
	width:331px ;
	float:right;
	padding: 0 0 0 10px;
	border-left: #999 solid 1px;
	margin: 0 0 10px 0;
}

#sidebar p {
	margin: 0 0 5px 0;
}

#sidebar h2 {
	margin: 7px 0 0 0;
}

#sidebar ul {list-style:none;}

#news {
	position:relative;
	border-bottom: #999 solid 1px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#news p {
	padding: 0 0 5px 0;
	margin: 0;
}

#news img {
	padding: 10px 10px 10px 0;
}

/* LINKS */

#content p a:hover, #floatLeft p a:hover {
	color:#900;
}

#news h2 a, #news p a, #floatLeft h2 a, #floatLeft p a, #content p a, #sidebar h2 a, #sidebar td a {
	color:#154D8F;
	font-weight:bold;
	text-decoration: none;
}

#news h2 a:hover, #news p a:hover, #floatLeft h2 a:hover, #floatLeft p a:hover, #content p a:hover, #sidebar h2 a:hover, #sidebar td a:hover {
	text-decoration:underline;
	color:#900;
}

/* Footer */
#footer {
	background-color: #061E3B;
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}

#footer a, #footer2 a {color:#ffffff;
	text-decoration:underline;}
#footer a:hover, #footer2 a:hover {color:#804249;
	text-decoration:underline;}
#footer a:visited, #footer2 a:visited  {color:#ffffff;
	text-decoration:underline;}

#footer p, #footer2 p {margin:0 0 15px 0;}
#footer p.axe img, #footer2 p.axe img {margin-bottom:-7px;}

#foot {
	width:980px;
	margin:0 auto;
	height:40px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot #left {width:400px;float:left;padding-top:10px;}
#foot #right {width:250px;float:right;text-align:right;padding-top:10px;}