body {
	font-size: 62.5%;
	font-family: verdana, sans-serif;
	text-align: center;
	background: #CCC url(../img/bg_body.jpg);
	}
#wrapper {
	position: relative;
	width: 930px;
	margin: 30px auto;
	text-align: left;
	border: 10px solid #FFF;
	}
#header, #footer { display: none; }
#flash {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #FFF;
	border-bottom: 10px solid #FFF;
	}
#logo {
	float: left;
	background-color: #154295;
	width: 250px;
	height: 150px;
	}
#language {
	width: 250px;
	height: 50px;
	overflow: auto;
	position: relative;
	color: #B3EEF4;
}
#language p {
	font-size: 1.2em;
	line-height: 1.4em;
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	}
#language p a {
	text-decoration: none;
	color: #B3EEF4;
	}
#language p a:hover {
	text-decoration: underline;
	color: #FFF;
}
#slogan {
	float: right;
	margin-left: 10px;
	}
#container {
	overflow: auto;
	margin: 160px 0 0 0;
	background: #FFF url(../img/bg_container.jpg) repeat-y;
	height: 100%; /* fix background not showing in ie6 */
	}
#navigation {
	float: left;
	width: 250px;
	}
#content {
	float: right;
	width: 670px;
	}
#navigation {
	overflow: auto;
	padding-top: 15px;
	font-size: 1.3em;
	}
#navigation a {
	text-decoration: none;
	display: block;
	}
#navigation h3 { font-weight: normal; }
#navigation h3, #navigation a { color: #B3EEF4; }
#h_nav h3, #h_nav a { color: #FFFF96; }
#navigation h3, #navigation ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
	}
#navigation h3 { padding-left: 25px; }
#navigation ul li { padding-left: 40px; }
#navigation a#current, #navigation a:hover { color: #FFF; }

/* fixed IE6 white space bug */
#navigation ol, #navigation ul { float: left; }
#navigation li {
	float: left;
	width: 250px;
	}
#navigation ul li { width: 200px; }
#copyright {
	margin-top: 40px;
	line-height: 1.5em;
	color: #5A5A5A;
	text-align: right;
	}
#contentTitle {
	height: 3em;
	line-height: 3em;
	}
#contentTitle h1 {
	font-size: 1.5em;
	color: #FFF;
	border-left: 3px solid #FFF;
	}
#contentTitle, #contentTitle h1 {
	padding: 0 0 0 10px;
	background-color: #154295;
	}
#contentBody {
	padding: 0 22px;
	color: #425660;
	font-size: 1.3em;
	line-height: 2em;
	}
#contentBody h1 {
	text-align: center;
	font-size: 1.2em;
	margin: 30px auto 20px;
	}
#contentBody h2 {
	margin-top: 30px;
	color: #154295;
	border-bottom: 1px dotted #154295;
	height: 1.8em;
	}
#contentBody p { margin: 20px 1.4em; }
#contentBody img {
	margin: 30px auto;
	display: block;
	}
#contentBody ul { list-style-type: disc; }
#contentBody ol { list-style-type: decimal; }
#contentBody ul, #contentBody ol { margin: 20px 1.4em; }
#contentBody .noType { list-style-type: none; }
#contentBody a { color: #425660; }
#contentBody p a img { margin: 0; }


#profession_all{
	margin: 30px auto 5px auto;
	width: 600px;
	height: 500px;
	
	display:block;
}

#profession1{
	float:left;
	margin: 10px auto 5px auto;
	width:300px;
	display:block;
}
#profession2{
	float:right;
	margin: 10px auto 5px auto;
	width:300px;
	display:block;
}

.menutitle{
	margin: 0px auto 0px auto;
	cursor:pointer;
	width:280px;
	height: 25px;
	background: url(../img/banner-11.jpg);
	
}
.menutitle a{
	text-decoration: none;
	width:270px;
	height: 25px;
	display:block;
	padding-left:10px;

}
.menutitle a:hover{
	background: url(../img/banner-21.jpg);
	
}
.submenu{
	border: #E6E6E6 1px solid;
	border-top:1px #FFFFFF solid;
	display: none;
	margin: 0px auto 5px auto;
	width:266px; 
	
}
.submenu ul{
	margin: 0px;
	margin-top: -3px;
	padding:0px;
	list-style-type:none;
}
.submenu li{
	margin: 0px;
	padding:0px;
	list-style-type:none;
}
.submenu a{
	
	text-decoration:underline;
	width:230px;
	height: 25px;
	display:block;
	
}
.submenu li a:hover{
	text-decoration: none;
	list-style-type:circle;
	background:#CCCCCC;
	
}


ul.playlist {
	margin: 0 auto;
	padding: 0;
	list-style: none;

}
ul.playlist li {
	margin: 0 auto;
	margin-bottom: 5px;
	list-style:none;
}
ul.playlist li a img {
	border: 0;
	vertical-align: middle;
}