@charset "utf-8";

/* Default CSS Document */

html{ height:100%; }

/** BODY ***************************************************************************************************************/
body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:120%;
	text-align:center;
	color:#333;
	background:#fff url(../images/bg_globalheader.gif) 50% 0 no-repeat;
}


a{
/*\*/
   overflow: hidden;
/**/
}

img{ border:none; }
a.imglink:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }

p{ margin:0 0 10px 0; padding:0; }

h1,
h2{ margin:0; padding:0; font-size:100%; line-height:120%; }
h3{ margin:0; padding:0; font-size:130%; line-height:140%; font-weight:100; color:#144866; }
h4{ margin:0; padding:0; font-size:90%; line-height:120%; }
h5{ margin:0; padding:0; font-size:100%; line-height:120%; }

ul,
li{ margin:0; padding:0; list-style:none; }

ul.normal{
	padding-left:16px;
}

ul.normal li{
	list-style:disc;
}

.small{ font-size:80%; line-height:110%; }

/** NORMAL ARROW LINK ************************************************************************************************/
a.rightarrow{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_arrow_right.gif) 2px 0.2em no-repeat;
}

a.popup{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_blank.gif) 2px 0.2em no-repeat;
}


/** LINK COLOR *******************************************************************************************************/
a{ padding:0 2px; }
a:link{ color: #1e6a99;text-decoration:none; }
a:visited{ color: #5e8399;text-decoration:none; }
a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
a:active{ color: #e58000;text-decoration:none; }



/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}
div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}
body > #wrapper {
        height: auto;
}

/** HEADER ***********************************************************************************************************/
div#header{
	width:760px;
	margin:0 auto;
	padding:22px 0 20px 0;
	text-align:left;
}


/** LOGO *************************************************************************************************************/
div#logo{
	float:left;
	width:240px;
}

div#logo h1{ float:left; width:105px; }
div#logo h1 a{ padding:0; }
div#logo h1 a:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }


/** GLOBAL MENU ******************************************************************************************************/
div#globalmenu{
	float:right;
	width:510px;
	text-align:left;
}

div#globalmenu ul,
div#globalmenu li{
	margin:0;
	padding:0;
	list-style:none;
}

div#globalmenu li{
	display:inline;
}

/** BREAD CRUMB *****************************************************************************************************/
div#breadcrumb{
	height:3em;
	width:720px;
	margin:0 auto 6px auto;
	font-size:70%;
	line-height:120%;
	color:#606060;
	background: url(../common/images/bg_breadcolumn.gif) 0 100% no-repeat;
}


/** CONTENT *********************************************************************************************************/
div#content{
	min-height:100%;
	width:720px;
	margin:0 auto;
	padding-bottom:120px;
	font-size:80%;
}


/** LEFT NAVIGATION *************************************************************************************************/
div#leftNavigation{
	float:left;
	min-height:100%;
	width:156px;
	padding-bottom:120px;
	background: url(../images/bg_lnavi_top.gif) 0 0 no-repeat;
}

div#lnaviWrapper{
	padding-bottom:4px;
	background: url(../images/bg_lnavi_bottom.gif) 0 100% no-repeat;
}

div#leftNavigation h2{
	padding:11px 0 10px 8px;
	background: url(../images/bg_lnavi_header.gif) 0 0 no-repeat;
}

/** MAIN ************************************************************************************************************/
div#main{
	float:right;
	width:540px;
	padding-bottom:20px;
}

h3.h3header{ margin-bottom:10px; }

h4.h4headerbg{ background: url(../images/h4_df_l.gif) 0 0 no-repeat; }
h4.h4headerbg2cl{ background: url(../images/h4_df_l2cl.gif) 0 0 no-repeat; }

h4.h4headerbgm{ background: url(../images/h4_df_m.gif) 0 0 no-repeat; }
h4.h4headerbgm2cl{ background: url(../images/h4_df_m2cl.gif) 0 0 no-repeat; }

h4.h4headerbgs{ background: url(../images/h4_df_s.gif) 0 0 no-repeat; }
h4.h4headerbgs2cl{ background: url(../images/h4_df_s2cl.gif) 0 0 no-repeat; }

h4.h4headerbg,
h4.h4headerbgm,
h4.h4headerbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4headerbg2cl,
h4.h4headerbgm2cl,
h4.h4headerbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4ptheaderbgl{ background: url(../images/h4_pt_l.gif) 0 0 no-repeat; }
h4.h4ptheaderbgl2cl{ background: url(../images/h4_pt_l2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgm{ background: url(../images/h4_pt_m.gif) 0 0 no-repeat; }
h4.h4ptheaderbgm2cl{ background: url(../images/h4_pt_m2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgs{ background: url(../images/h4_pt_s.gif) 0 0 no-repeat; }
h4.h4ptheaderbgs2cl{ background: url(../images/h4_pt_s2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgl,
h4.h4ptheaderbgm,
h4.h4ptheaderbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }

h4.h4ptheaderbgl2cl,
h4.h4ptheaderbgm2cl,
h4.h4ptheaderbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }


/** List Link ******************************************************************************************************/

div#main h4.listlnk,
div#main h4.listlnkOutSide{
	padding-bottom:5px;
	line-height:135%;
	border-bottom:1px solid #bdbdbd;
}

div#main h4.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main h4.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnk li,
div#main ul.listlnkOutSide li{
	height:1%;
	margin-bottom:5px;
	line-height:135%;
}

div#main ul.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main p.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.4em no-repeat;
}

div#main p.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.4em no-repeat;
}

div#main span.listlnk a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.1em no-repeat;
}

div#main span.listlnkOutSide a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.1em no-repeat;
}

div#main .listlnk a:link,
div#main .listlnkOutSide a:link{ color: #1e6a99;text-decoration:none; }
div#main .listlnk a:visited,
div#main .listlnkOutSide a:visited{ color: #5e8399;text-decoration:none; }
div#main .listlnk a:hover,
div#main .listlnkOutSide a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .listlnk a:active,
div#main .listlnkOutSide a:active{ color: #e58000;text-decoration:none; }


div.innerpagelnk .banner{
	float:left;
	width:115px;
}

div.innerpagelnk .body{
	float:right;
	width:405px;
}

/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }


div#main .headerimg{
	margin-bottom:20px;
}

div#main .column{
	margin-bottom:10px;
	padding-bottom:10px;
}

div#main .dotborderbottom{
	border-bottom:1px dotted #b3b3b3;
}

div#main .pagetop{
	margin-bottom:15px;
	font-size:87%;
	line-height:140%;
	text-align:right;
}

div#main .pagetop a{
	display:block;
	width:4.6em;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.35em no-repeat;
}

/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }

/** FOOTER **********************************************************************************************************/
div#footer{
	/*position:absolute; */
	bottom:-55px;
	height:120px;
	/*width:540px;*/
	width:100%;
	font-size:70%;
	line-height:125%;
	text-align:center;
	background-color:#000;
	border-top:#3b96bf 2px solid;
   float:right;
}

div#footer a{
	color:#fff;
}

/** FOOTER LINK COLOR ***********************************************************************************************/
div#footer a:link{ color: #fff; text-decoration:none; }
div#footer a:visited{ color: #fff; text-decoration:none; }
div#footer a:hover{ color: #1e6a99; text-decoration:none; background-color: #b2e1ff; }
div#footer a:active{ color: #e58000; text-decoration:none; }

div#footer .pagetop{
	width:720px;
	margin:0 auto;
	padding-top:8px;
	text-align:right;
}

div#footer .pagetop a{
	display:block;
	width:4.6em;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.3em no-repeat;
}

/** FOOTER PAGETOP LINK COLOR ***************************************************************************************/
div#footer .pagetop a:link{ color: #fff;text-decoration:none; }
div#footer .pagetop a:visited{ color: #fff;text-decoration:none; }
div#footer .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#footer .pagetop a:active{ color: #e58000;text-decoration:none; }

/** FOOTER MENU *****************************************************************************************************/
div#footermenu{
	margin:15px 0;
	color:#fff;
	float:right;
	clear:both;
}

div.copyright{
   float:right;
   clear:both;
}




/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}