@charset "utf-8";
/* CSS Document */
body{
	background-color:#e3dfd7;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin:0;
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#485355;
	}

img {
	display:block;}


/* Navigation*/	
.navContaner{
	width:750px;
    margin:0 auto;
	text-align:center;}


.navBox{
	width:720px;
	margin: 0 auto;

	}

*html  .navBox {/*IE 6*/
	margin:0px;
	}


html>/**/body .navBox {/*IE 7 will ignore*/	
 	padding:8px 0 5px 0;
	
}


 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */

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

#nav a {
	display: block;
	/*width: 10em;*/
	padding:0 5px 0 5px;
	text-decoration:none;
	
}

#nav a:link{
	color:#215f6a;}
#nav a:visited{
	color:#215f6a;}
#nav a:hover{
	color:#787e7f;}

#nav li {
	float: left;
	}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


.sub_ul{
	list-style:none;
	z-index:99;
	background-color:#c9d4d6;
	}
	
.sub_li{
	z-index:99;
	background-color:#c9d4d6;
	padding:3px 0 2px 0;
	}

.sub_li a:hover{
	background-color:#f3f3ee;
	}

.sub_li a{
	width:10em;
	text-align:left;
	}


.sub_ul2{
	list-style:none;
	z-index:99;
	background-color:#c9d4d6;
	}
	
.sub_li2{
	z-index:99;
	background-color:#c9d4d6;
	padding:3px 0 2px 0;
	}

.sub_li2 a{
	width:20em;
	text-align:left;}
	
.sub_li2 a:hover{
	background-color:#f3f3ee;
	}
 
/*  ======= End of navigation ========*/

#container{
	margin:0 auto;
	width:1000px;
	}

	
.headerContainer{
	/*background-image:url(img/headerRepeat.jpg);
	background-repeat:repeat-x;
	height:208px;*/
	/*width:100%*/}

.bgHeader{
	height: 177px; width: 1000px; background: url(img/header.png);
	background-repeat:no-repeat;
	 margin:0 auto;}
	
.mainContanier{
	/*background:url(img/bgDark.jpg) repeat-x;
	background-color:#374246;*/
	/*margin:0 auto;*/
	margin-top:12px;
	} 	

*html  .mainContanier {/*IE 6*/
	margin-top:12px;
	}


html>/**/body .mainContanier {/*IE 7 will ignore*/	
  margin-top:0px;
	
}


#compBox{
  background-image:url(img/bgHome2.png); width:1000px; background-repeat:no-repeat; margin: 0 auto;
  
 }
 
 #compBox2{
 	background:url(img/bgContainer.png) repeat-y;
	width:809px;
	margin:0 auto;
	}
	

 *html #compBox2 {
 background:url(img/ieBg.jpg) repeat-y;
 width:775px;
 
 	
	}

 .homeSecond{
 	background-image:url(img/bgSecond.png); 
	background-repeat:repeat-y; 
	width:1000px; 
	margin-top:-2px;
	 }
html>/**/body .homeSecond {/*IE 7 will ignore*/	
  margin-top:21px;
	
}
 
.homeFooter{
	background:url(img/tangsoo.png);
	width:1000px;
	height:46px;
	margin:0 auto;}
	
.footer{
	background:url(img/bgFooterHome.jpg) repeat-x;
	width:100%;
	height:61px;
	margin:-30px 0 0 0;}
	
.footer2{
	background:url(img/footer.jpg) repeat-x;
	width:100%;
	height:61px;
	margin:-30px 0 0 0;}

h1.componentheading {
color:#363f44;
line-height:1.5em;
/*--padding-left:10px;--*/
letter-spacing:-1px;
font-size:1.75em;
font-weight:lighter; 
 
}

.componentheading2 {
color:#2D738A;
letter-spacing:-1px;
font-size:23px;
text-align:center;
padding:0 0 10px 0;
}

.componentContainer{
	width:725px;
	margin: 0 auto;
	text-align:justify;
	line-height:20px;
	}


.homecontainerbox{
	background:url(images/bghome.jpg) no-repeat bottom;
    width:775px;
	/*height:530px;*/
	margin:15px 0 0 17px;
	padding:0;
	border-top:#c3cdce 1px solid;
		}	

.indexcontainer{
	 padding:0 40px 0 40px;
	 text-align:justify;}

.title{
	font-size:16px;
	color:#215f6a;
	font-weight:600;
	}

.title2{
	font-size:14px;
	color:#215f6a;
	font-style:italic;
	}

.txt3 a{ text-decoration:none;
 	color: #06C;}

.txt4 a{ text-decoration:none;
 	color: #F00;}

.txtDate{
	font-weight:bold;}

.newsColumn{
	padding:10px 0 10px 0;
	border-bottom:solid 1px #BAC5C9;}
	
/*----------------------*/
 .txt1{
 	font-weight:bold;
	font-size:14px;
	text-align:center;	
	padding:10px 0 0 0;}

.txt2{
	height:35px;
	padding:10px 10px 10px 10px;
	width:490px;
	margin:0 auto;
	border:#999999 solid 1px;}
 .txt2 a{
 	font-size:16px;
	color:#003366;
	text-decoration:none;}

.div1{
	width:660px;
	margin:0 auto;
	padding:10px;
	border:#ffffff solid 1px;
	font-size:18px;
	}
.div1 a{
	text-decoration:none;
	color:#003366;}

#tbl1{
	background-color:#3A4549;}

#tbl1 tr{
	background-color:#F3F2EE;
	}

#tbl1 tr.trheader{
	background-color:#D4DADA;}

/*--- Home Top Ads --*/

#adscontainer{
	margin-top:15px; padding-top:10px;}
.adstitle1{color:#0abfe3;	}

	
/*---------- Home event column------------*/	
#eventcontainer{margin-top:15px; padding:15px; border:#efefef 1px solid;}

	

/*---------- Home 2 column------------*/

#leftcontainer{
		float:left;
		width:200px;
		padding-right:10px;}

	.leftbox{
			width:135px; padding:15px; border:1px solid #215f6a;
			margin-bottom:10px;}
	
	.leftbox1{
			width:135px; padding:15px; border:1px solid #215f6a;
			margin-bottom:10px;
			background-color:#A4CAEF;}
	
	.lefttitle{
			color:#14afbb;}

	 
#rightcontainer{
		float:left;
		width:500px;
		}
#clr{ clear:both;}

#homecontainer{
		width:769px; margin: 0 auto;}