/* layout */
/* specific pages */

#page-index #layout, 
#page-index #header, 
#page-index #content-wrap { width:1024px; height:800px; overflow:hidden; }
#page-index #header { position:absolute; top:0; left:0; z-index:10; }
#page-index #menu-top {
	top: 19px;
	right: 12px;
}
#page-index #menu-top-c {
	top: 19px;
	right: -20px;
}
#page-index #menu-page {
	top: 362px;
}
#page-index #menu-fontsize {
	top: 16px;
	left: 20px;
	right: auto;
}
#page-index #content-wrap { padding:0; }
/*
#page-index #content { 
	position:absolute; top:333px; left:488px; z-index:70;
	width:275px; background:none; padding:0; color:black;
}
*/


/* accessibility anchor link (hidden) */
#skip-to-content { }



/* outter wrap */
#layout { 
	position:relative;
	margin:0 auto; width:1024px; min-height:780px;
	background-color:#006b99; background-image:url(images/banner/layout_bg.jpg); background-repeat:no-repeat;
}

#page-main #layout { 
	position:relative;
	margin:0 auto; width:1024px; min-height:780px;
	background-color:#006b99; background-image:url(images/banner/layout_bg_page-main.jpg); background-repeat:no-repeat;
}

/* header */
#header { position:relative; width:1024px; height:288px; }
#header .sitetitle { width:100%; height:100%; z-index:20; }
#header .banner { z-index:10; }



/* menu - version switch, index/main-site link */
#menu-top { top:12px; right:29px; z-index:70; width:330px;}
#menu-top li { float:left; margin-left:5px;}
#menu-top a { 
	display:block; 
	background-color:#e6e7e8; padding:0.2em 0.8em;
	text-decoration:none; color:#231f20; border-radius:5px;
}
#menu-top a:hover { color:#4e494d; }

#menu-top-c { top:12px; right:29px; z-index:70; width:330px;}
#menu-top-c li { float:left; margin-left:5px;}
#menu-top-c a { 
	display:block; 
	background-color:#e6e7e8; padding:0.2em 0.8em;
	text-decoration:none; color:#231f20; border-radius:5px;
}
#menu-top-c a:hover { color:#4e494d; }



#menu-top-ct { top:12px; right:29px; z-index:70; width:220px;}
#menu-top-ct li { float:left; margin-left:5px; }
#menu-top-ct a { 
	display:block; 
	background-color:#e6e7e8; padding:0.2em 0.8em;
	text-decoration:none; color:#231f20; border-radius:5px;
}
#menu-top-ct a:hover { color:#4e494d; }




/* menu - pages */
#menu-page {
	top: 651px;
	right: 0px;
	z-index: 70;
	width: 300px;
	height: 300px;
	/*background: url('../tc/images/menu_sprite.jpg') no-repeat 0 0 transparent;*/
}
#menu-page.hover-page1 { background-position: -300px 0; }
#menu-page.hover-page2 { background-position: -600px 0; }
#menu-page.hover-page3 { background-position: -900px 0; }
#menu-page.hover-page4 { background-position: -1200px 0; }
#menu-page.hover-page5 { background-position: -1500px 0; }
#menu-page.hover-page6 { background-position: -1800px 0; }
#menu-page img { display:block; width:100%; height:100%; }

#menu-page-ct {
	top: 330px;
	left: 0px;
	z-index: 700;
	width: 1024px;
	height: 40px;
	font-size:1.25em;
	font-weight: bold;
	background-color: #67d0f4;
}

#menu-page-ct img { width:100%; height:100%; }

#menu-page-margin {
	position:relative;
	padding-left: 130px;
}

#menu-page-margin-c {
	position:relative;
	padding-left: 150px;
}

/* content */
/*#content-wrap { position:relative; padding:43px 222px 43px 57px; }*/
#page-main #content-wrap { position:relative; }
#content-wrap { position:relative; padding-top:40px;}
#content { min-height:650px; background-color:#67b5b7; padding:35px 32px; } 


/* menu - font size A A A */
#menu-fontsize {
	top: -278px;
	left: 20px;
	z-index: 70;
	clear: both;
	line-height: 17px;
}
#menu-fontsize a { display:block; float:left; padding:4px 2px; }

/*
#whitebar_top { height:30px; background-image:url('images/banner/whitebar_top.jpg'); }
#whitebar_bottom { height:30px; bottom:0; background-image:url('images/banner/whitebar_bottom.jpg'); }
#indent { padding-left:20px; padding-right:20px; min-height:450px; } */

/* footer */
#footer { 
	clear:both; height:80px; 
	border-bottom:0px solid #231f20; background-color:white; 
	line-height:80px; letter-spacing:20px;
}
#footer img { vertical-align:middle; }
#footer .left { float:left; height:80px; border-left:0px solid #231f20; padding-left:50px; text-align:left; }
#footer .right { float:right; height:80px; border-right:0px solid #231f20; padding-right:38px;text-align:right; }