body {
	background: #eceade;
}

#wrapper {
	background: url(../images/outer_content_bg.png) repeat-y;
	width: 940px;
	min-width: 940px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}

#adcycle {
	overflow: hidden;
}

#adcycle a {
	margin-bottom: 15px;
	display: block;
}

/* Header, Logo and Navigation
-------------------------------------------------------------------------------- */

#header {
	background: url(../images/header_bg.png) no-repeat top left;
	height: 132px;
	overflow: hidden;
	position: relative;
}

#header .logo {
	margin: 20px 0 0 50px;
	float: left;
	display: inline;
}

ul#navigation {
	height: 80px;
	position: absolute;
	top: 36px;
	right: 40px;
}

ul#navigation li.col {
	font-size: 12px;
	margin: 0 0 0 15px;
	float: left;
	display: inline;
}

ul#navigation li.col ul li {
	line-height: 20px;
	margin: 5px 0;
}

ul#navigation li a,
ul#navigation li a:visited {
	color: #433832;
	text-decoration: none;
}

ul#navigation li a:hover {
	background-position: 0px -20px !important;
}

ul#navigation span {
	display: block;
	text-indent: -9999em;
}

ul#navigation li a.home,
ul#navigation li a.home:visited {
	background: url(../images/nav_home.png) no-repeat 0px 0px;
	display: block;
	width: 60px;
	height: 20px;
}

body.index a.home {
	background-position: 0px -40px !important;
}

ul#navigation li a.about,
ul#navigation li a.about:visited {
	background: url(../images/nav_about.png) no-repeat 0px 0px;
	display: block;
	width: 85px;
	height: 20px;
}

body.about a.about {
	background-position: 0px -40px !important;
}

ul#navigation li a.signup,
ul#navigation li a.signup:visited {
	background: url(../images/nav_signup.png) no-repeat 0px 0px;
	display: block;
	width: 106px;
	height: 20px;
}

body.signup a.signup {
	background-position: 0px -40px !important;
}

ul#navigation li a.courses,
ul#navigation li a.courses:visited {
	background: url(../images/nav_courses.png) no-repeat 0px 0px;
	display: block;
	width: 60px;
	height: 20px;
}

body.courses a.courses {
	background-position: 0px -40px !important;
}

ul#navigation li a.forum,
ul#navigation li a.forum:visited {
	background: url(../images/nav_forum.png) no-repeat 0px 0px;
	display: block;
	width: 72px;
	height: 20px;
}

body.forum a.forum {
	background-position: 0px -40px !important;
}

ul#navigation li a.links,
ul#navigation li a.links:visited {
	background: url(../images/nav_links.png) no-repeat 0px 0px;
	display: block;
	width: 73px;
	height: 20px;
}

body.links a.links {
	background-position: 0px -40px !important;
}

ul#navigation li a.job,
ul#navigation li a.job:visited {
	background: url(../images/nav_job.png) no-repeat 0px 0px;
	display: block;
	width: 150px;
	height: 20px;
}

body.jobs a.job {
	background-position: 0px -40px !important;
}


ul#navigation li a.contact,
ul#navigation li a.contact:visited {
	background: url(../images/nav_contact.png) no-repeat 0px 0px;
	display: block;
	width: 89px;
	height: 20px;
}

body.contact a.contact {
	background-position: 0px -40px !important;
}

ul#navigation li a.news,
ul#navigation li a.news:visited {
	background: url(../images/nav_news.png) no-repeat 0px 0px;
	display: block;
	width: 86px;
	height: 20px;
}

body.news a.news {
	background-position: 0px -40px !important;
}


ul#navigation li a.english,
ul#navigation li a.english:visited {
	background: url(../images/nav_english.png) no-repeat 0px 0px;
	display: block;
	width: 137px;
	height: 20px;
}

body.english a.english {
	background-position: 0px -40px !important;
}

ul#subnavigation {
	background: url(../images/sub_nav_list_bg.png) repeat-x top left;
	margin-top: 34px;
	padding-top: 2px;
}

#subnavigation li {
	background: url(../images/sub_nav_list_bg.png) repeat-x bottom left;
	line-height: 30px;
	padding: 5px 30px 7px 30px;
}

#subnavigation li a,
#subnavigation li a:visited {
	color: #433832;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}

#subnavigation li a:hover {
    background: url(../images/sub_nav_item_bg.png) no-repeat top left;
    text-shadow: 0 1px 0 #fff;    
}

a.active,
a.active:visited,
a.active:hover {
	background: url(../images/sub_nav_item_bg.png) no-repeat top left;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}


/* Banner
-------------------------------------------------------------------------------- */

#banner {
	background: url(../images/banner_bg.png) no-repeat top left;
	height: 260px;
}

#banner .slide {
	margin: 0 20px;
}


/* Content - Home
-------------------------------------------------------------------------------- */

.outerContent {
	background: url(../images/outer_bottom_bg.png) no-repeat bottom left;
	min-height: 413px;
	overflow: hidden;
}

.innerContent {
	background: url(../images/inner_content_bg.png) repeat-x;
	min-height: 120px;
	margin: 0 20px;
	overflow: hidden;
}

.contentWide {
	width: 840px;
	margin: 30px;
	float: left;
	display: inline;
}

.content {
	width: 405px;
	margin: 30px;
	float: left;
	display: inline;
}

.content1 {
	width: 550px;
	margin: 30px;
	float: left;
	display: inline;
}

.sidebar {
	width: 405px;
	margin: 30px 30px 30px 0;
	float: right;
	display: inline;
}

.sidebar2 {
	width: 260px;
	margin: 30px 30px 30px 0;
	float: right;
	display: inline;
}

.rightContent {
	width: 620px;
	margin: 30px 30px 30px 0;
	float: left;
	display: inline;
}

.leftSidebar {
	background: url(../images/sub_nav_bg.png) no-repeat top left;
	width: 220px;
	height: 400px;
	margin-right: 30px;
	float: left;
	display: inline;
	overflow: hidden;
}

.bottomContent {
	margin: 0 50px 50px 50px;
	height: 120px;
	overflow: hidden;
}

.boxLeft {
	width: 405px;
	float: left;
	display: inline;
}

.boxRight {
	width: 405px;
	float: right;
	display: inline;
}

ul.list {
	margin-bottom: 20px;
}

ul.list li {
	border-top: 1px solid #fffbef;
	border-bottom: 1px solid #d7d5ca;
	background: #e5e3d8 url(../images/bullet.png) no-repeat 15px 13px;
	line-height: 18px;
	padding: 7px 15px 7px 30px;
}

ul.newslist li {
	border-top: 1px solid #fffbef;
	border-bottom: 1px solid #d7d5ca;
	background: #e5e3d8;
	line-height: 18px;
	padding: 7px 15px 7px 68px;
	position: relative;
}

span.date {
	font-size: 11px;
	position: absolute;
	top: 8px;
	left: 10px;
}

div.news {
    border-bottom: 1px solid #ebe9df;
	margin-bottom: 30px;
	padding-bottom: 15px;
}

.boardMemberInfo {
    width: 478px; 
    float: right; 
    display: inline;
    margin-left: 20px;
}

.boardImage {
    border: 1px solid #ebe9df; 
    background: #faf9f6; 
    width: 120px; 
    height: 120px; 
    margin-bottom: 15px; 
    float: left;
    display: inline;
}

.boardImage img {
    display: block;
    margin: 5px;
}

.newsModule {
    width: 195px;
    float: left;
    display: inline;
}

.jobModule {
    width: 195px;
    float: right;
    display: inline;
}

.news-list {
    border-top: 1px solid #ebe9df;
    margin-bottom: 5px;
}

.job-list {
    border-top: 1px solid #ebe9df;
    margin-bottom: 5px;
}

.news-list li,
.job-list li {
    border-bottom: 1px solid #ebe9df;
    padding-top: 8px;
}

.news-list li a,
.job-list li a {
	line-height: 16px;
}

.sponsors {
    width: 405px;
    overflow: hidden;
    clear: both;
    float: left;
    display: none; /* display:inline; when receiving images */
}

.modules {
    margin-bottom: 20px;
    overflow: hidden;
}

.modules p {
    font-size: 11px;
}

/* Tables 
-------------------------------------------------------------------------------- */

table.links {
	margin-bottom: 20px !important;
}

table.scheme {
	border-top: 1px solid #d7d5ca;
	width: 100%;
	margin: 6px 0;
}

table.scheme thead td {
	font-size: 11px;
	font-weight: bold;
}

table.scheme td {
	border-bottom: 1px solid #d7d5ca;
	font-size: 11px;
	line-height: 18px;
	padding: 6px 5px;
	vertical-align: top;
}


/* Credit 
-------------------------------------------------------------------------------- */

a.credit, a.credit:visited {
    background: url(http://www.tankekraft.org/credit/credit_tankekraft.png) no-repeat 0 0;
    width: 168px;
    height: 30px;
    display: block;
    margin: -10px auto 10px auto;
}
a.credit:hover {
    background-position: 0 -30px;
}
a.credit span {
    text-indent: -9999px;
    display: block;
}

