/*
	ftb.se Screen Styles

	Table of Contents:
		body
		header
		nav
		content
		footer
*/

/*body
----------------------------------------------- */

body{
	margin:8px;
	padding:0;
	font: 10px verdana, arial,sans-serif;
	text-align:center; 
	color: #333; 
	background:url(../images/styles/bg_body.gif) top left repeat-x #fff;
	}
	
div#white_space{
	background:#fff;
	text-align:center;
	margin:0 auto;
	width:743px;
	padding:0 7px;
	}

div.clear{
	clear:left;
	}
	
div.clear_all{
	clear:all;
	display:inline;
	
	}
	
a{
	color:#333;
	text-decoration:underline;
	}
	a:hover{
	color:#333;
	text-decoration:none;
	}

h1{
	font-size:150%;
	}	
	
h3{
	font-size:120%;
	}
	
	
/*header
----------------------------------------------- */	
	
div#header{
	height:200px;
	margin:5px 0 0 0;
	background: url(../images/styles/bg_head.gif) top center no-repeat #fff;
	color: #79B30B
	}
	
div#header2{
	height:200px;
	margin:0 0 5px 0;
	background: url(../images/styles/bg_head2.gif) top left no-repeat #fff;
	color: #79B30B;
	width:231px;
	}

div#flags{
	text-align:left;
	margin:0 0 0 10px;
	}
	div#flags a img{
		border:0;
		}
	
/*nav
----------------------------------------------- */
	
div#nav{
	padding:4px 0;
	padding-left:10px;
	background: #fff;
	}
	div#nav a img{
		border:0;
		float:left;
		}
	div#nav ul#menu{
		float:right;
		margin: 7px 10px;
		list-style:none;
		padding:0;
		}
		div#nav ul#menu li{
			float:left;
			padding:0px 5px;
			}
			div#nav ul#menu li a{
				font-weight:bold;
				text-decoration:none;
				color:#333;
				}
				div#nav ul#menu li a:hover{
					text-decoration:underline;
					color:#555;
					}

/*content
----------------------------------------------- */

div#container{
	text-align:left; 
	width:743px;
	padding:0;
	margin:0;
	background:#fff;
	}

	
div#wrapper{
	width:100%
	}
	
div#wrapper3{
	}
	
div#content{
	margin: 18px 0 5px 0;
	padding-bottom:5px;
	}
	div#content .left{
		float:left;
		width: 380px;
		background:#fff;
		}
	div#content .left h1{
		font-size: 140%;
		}
	div#content .right{
		float:left;
		margin:0 0 10px 10px;
		}
		
		
div#content2{
	margin: 10px 20px;
	float:left;
	width:60%;
	line-height:140%;
	}
	div#content2 h1{
		font-size:180%;
		line-height:180%;
		}

div.content_box1{
	float:left;
	width:231px;
	margin:0px 5px 0px 0px;
	background:url(../images/styles/box/bg_main.gif) top center repeat-y #fff;
	text-align:left;
	}
	div.content_box1 p{
		padding:0 10px;
		}
		
	div.content_box1 ul{
		list-style:none;
		margin:0;
		padding:0 30px;
		}
		div.content_box1 ul a{
			text-decoration:none;
			color:#333;
			}
			div.content_box1 ul a:hover{
				text-decoration:underline;
				}
				
div.content_box2{
	float:left;
	width:231px;
	margin:0 20px;
	background:url(../images/styles/box/bg_main.gif) top center repeat-y #fff;
	text-align:left;
	}
	div.content_box2 p{
		padding:0 10px;
		}
		
	div.content_box2 ul{
		list-style:none;
		margin:0;
		padding:0 30px;
		}
		div.content_box2 ul a{
			text-decoration:none;
			color:#333;
			}
			div.content_box2 ul a:hover{
				text-decoration:underline;
				}

div.content_box3{
	float:right;
	width:231px;
	margin:0 0 0 5px;
	background:url(../images/styles/box/bg_main.gif) top center repeat-y #fff;
	text-align:left;
	}
	div.content_box3 p{
		padding:0 10px;
		}
		
	div.content_box3 ul{
		list-style:none;
		margin:0;
		padding:0 30px;
		}
		div.content_box3 ul a{
			text-decoration:none;
			color:#333;
			}
			div.content_box3 ul a:hover{
				text-decoration:underline;
				}				
				
				
div.box_top{
	height:10px;
	background:url(../images/styles/box/bg_top.gif) top center no-repeat;
	padding:20px 10px 10px 10px;
	}
	div.box_top strong{
		background:url(../images/styles/box/bg_arrow.gif) no-repeat;
		padding-left:20px;
		}
	
div.box_bottom{
	height:13px;
	background:url(../images/styles/box/bg_bottom.gif) bottom center no-repeat;
	}
	
	
a.container_thumb{
	float:left;
	border:1px solid #e2e2e2;
	margin:0 5px 15px 5px;
	padding:5px;
	font-weight:bold;
	line-height:250%;
	color:#333;
	text-align:center;
	text-decoration:none;
	xbackground:#ededed;
	}
	a:hover.container_thumb{
		border:1px solid #333;
		text-decoration:none;
		color:#0067a6;
		xbackground:#e2e2e2;
		}	
	

/*footer
----------------------------------------------- */				
					

		
		
div#footer{
	border-top: 1px solid #dfdfdf;
	width: 743px; 
	margin: 10px auto; 
	text-align: left; 
	color: #333;
	clear:left;
	}
	div#footer img{
		border:0;
	}

ul.footer_list{
	float: left;
	width: 743px;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	}
	ul.footer_list li{
		float: left;
		margin: 0;
		padding: 0 7px;
		list-style: none;
		}

					
	ul.footer_list li.right{
		float: left;
		margin: 0;
		padding: 0 0 0 100px;
		list-style: none;
		}
		
		
		
div#container_left{
	background:#fff;
	float:left;
	margin-left:-743px;
	margin:6px 0 10px 0;
	}
	
	
div#container_left div.content_box{
	float:left;
	width:231px;
	margin:0px;
	background:url(../images/styles/box/bg_main.gif) top center repeat-y #ccc;
	text-align:left;
	}
	div#container_left div.content_box p{
		padding:0 10px;
		}
		
	div#container_left div.content_box ul{
		list-style:none;
		margin:0;
		padding:0 30px;
		}
		div#container_left div.content_box ul a{
			text-decoration:none;
			color:#333;
			}
			div#container_left div.content_box ul a:hover{
				text-decoration:underline;
				}

