/*
---------------------------------------------
{ New Layout - CSS }
---------------------------------------------
*/
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

body.yoopage {
	padding-bottom: 100px;
	background: #fff;
}

body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
	border: dashed 1px #F00;
}

div#page-body {
}

div#page-body div.page-body-img {
	background: none;
}

div#page-body div.page-body-b {
}

div#wrapper {
	width: auto;  
	margin: 8px -8px 8px -7px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

div#wrapper div.wrapper-container-t {
	padding: 0px 10px 0px 10px;
	position: relative;
}

div#wrapper div.wrapper-t {
	height: 0px;
}

div#wrapper div.wrapper-tl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
}

div#wrapper div.wrapper-tr {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
}

div#wrapper div.wrapper-b {
}

div#wrapper div.wrapper-l {
}

div#wrapper div.wrapper-r {
}

div#wrapper div.wrapper-bl {
}

div#wrapper div.wrapper-br {
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}

div#wrapper div.wrapper-container {
	margin-top: -10px;
}

div#top {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#top .topbox {
	margin-top: 10px;
}

div#middle {
	width: auto;  
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#middle .background {
	min-height: 400px;
}

 
div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

 
.left div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

 
.right div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

div#left {
	width: 200px;  
	 
}

.left div#middle div#left {
	float: left;
}

.right div#middle div#left {
	float: right;
}

div#main {
	width: auto;
	 
}

 
div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 
.left div#main {
	margin: 0px 0px 0px 210px;  
}

 
.right div#main {
	margin: 0px 210px 0px 0px;  
}

div#maintop {
	padding: 0px 0px 10px 0px;
}

div#mainmiddle {
	margin: 0px 0px 10px 0px;
}

.showright div#mainmiddle {  
	background: none;
}

div#right {
	/*width: 180px;*/
	width: 290px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div#content {
	width: 590px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	 
}


/* IE6 Only */
* html #content {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	}	

div#contenttop {
	margin: 0px 0px 10px 0px;
}

div#breadcrumb {
	height: 19px;
	font-size: 85%;
}

div#contentbottom {
	margin: 10px 0px 0px 0px;
	
}

div#mainbottom {
	padding: 0px 0px 0px 0px;
}

div#bottom {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#bottom .bottomblock {
	margin-top: 10px;
	margin-bottom: -10px;
}

/*
 * Clearing & Floating
 */

 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
	
 
.clearfix { display: block; }

 
.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }


/*
---------------------------------------------
{ New Content }
---------------------------------------------
*/ 

div#newcontent{
	padding: 0px 0px 0px 0px;
}


/*
---------------------------------------------
{ New Footer  }
---------------------------------------------
*/

div#newfooter{
	text-align:center;
	height:36px;
	line-height:36px;
	margin: 20px 0px 10px 0px;
	color:#FFF;
	background:url(../images/wrapper/footer-m.png) repeat-x;
}

div#newfooter-l{ 
	background:url(../images/wrapper/footer-l.png) 0 100%  no-repeat;
}
div#newfooter-r{ 
	background:url(../images/wrapper/footer-r.png) 100% 100%  no-repeat;
}

/*
---------------------------------------------
{ New Menu  }
---------------------------------------------
*/

div#menubar {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	clear: both;  
	position: relative;
}

div#menu {
	z-index: 11;
	padding: 0px 0px 0px 1px;
	height: 40px;
}

div#newmenu{
	background: url(../images/menu/newmenu_m.png) repeat-x;
}

div#newmenu-l {
	background: url(../images/menu/newmenu_l.png) 0 100%  no-repeat; 
}

div#newmenu-r {
	height:41px;
	line-height:41px;
	background: url(../images/menu/newmenu_r.png) 100% 100%  no-repeat;
}

/*
---------------------------------------------
{ New Header  }
---------------------------------------------
*/

div#newheader{
	border-top: solid 2px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	margin: 0px 0px 0px 0px;
	background:url(../images/new_header.png) repeat-x;
	height:104px;
}

/*
---------------------------------------------
{ New Logo  }
---------------------------------------------
*/

div#logo {
	position:absolute;
	width:246px;
}

/* IE6 Only */
* html #logo {
	position:absolute;
	width:246px;
	margin: 0px 0px 0px -630px;
}

/* IE7 Only */
*:first-child+html #logo {
	position:absolute;
	width:246px;
	margin: 0px 0px 0px -630px;
}

/*
---------------------------------------------
{ New Banner  }
---------------------------------------------
*/

div#bannertop {
	text-align:right;
}

/*
---------------------------------------------
{ New TextTop  }
---------------------------------------------
*/

div#texttop {
	position:absolute;
	margin: 0px 0px 0px 255px;
	height:103px;
	line-height:103px;
	color:#00aced;
	font-weight:bold;
	font-size:16px;
}



/* IE7 Only */
*:first-child+html #texttop {
	position:absolute;
	margin: 0px 0px 0px -374px;
	height:103px;
	line-height:103px;
	color:#00aced;
	font-weight:bold;
	font-size:16px;
}

/*
---------------------------------------------
{ New Search  }
---------------------------------------------
*/

div#search {

	z-index: 12;
	width: 257px;
	height:42px;
	padding: 15px 15px 0px 17px;
	margin: 0px 0px 0px 0px;
	background:url(../images/search/bg_search.png) no-repeat;
}

/*
---------------------------------------------
{ New Text-Frontpage  }
---------------------------------------------
*/

div#text-frontpage{
	position:absolute;
	color:#666666;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/content/bg_text_frontpage.png) repeat-y;
	height:92px;
	line-height:20px;
	padding: 30px 0px 0px 10px ;
	width:350px;
	margin: 100px 0px 0px 0px ;

}

div#text-frontpage-copy{
	position:absolute;
	color:#fff;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	height:92px;
	line-height:20px;
	padding: 31px 0px 0px 11px ;
	width:350px;
	margin: 100px 0px 0px 0px ;

}

div#style-bottom{
}

/*
---------------------------------------------
{  New Module - Right  }
---------------------------------------------
*/

div#module-right{ border: dashed 1px #F00;}



a.link_title_blog:link, a.link_title_blog:visited {

color: #00aced;
font-weight: bold;
text-decoration: none;
padding: 0px 0px 0px 0px;

}

a.link_title_blog:hover, a.link_title_blog:active{

color: #999999;
text-decoration: none;

}