@charset "utf-8";
/* CSS Document */

/*
1.  Global Style
2.  TopBar
3.  Header Style
4.  Main Content Area
5.  Footer Style
6.  Contact Form
*/

/*   1.  Global Style   */
@font-face{ font-family:"Calibri"; src:url("font")}
body{ margin:0px; padding:0px; background:url(../images/body_bg.jpg) top left repeat-x #efefef; font-family:"Calibri", Arial, Helvetica, sans-serif; }
img{ border:0px;}
a:link, a:hover, a:visited{ outline:none;}
.clearit{ clear:both; margin:0px; padding:0px; line-height:0px;}
#container{ width:1003px; margin:auto; padding:0px; }
h1{ text-transform:uppercase; color:#f56618; padding-left:10px; margin:5px 0px; font-size:22px;}
h2{ text-transform:uppercase; font-weight:bold; font-size:16px; padding:4px 20px; background:#f56618; color:#FFF; margin:10px; font-weight:normal; }
form{ margin:0px; padding:0px;}
.matter{ font-size:16px; line-height:24px;}
.matter p{ padding:5px 13px;}
.matter a{ color:#f56618; text-decoration:none;}
.matter a:hover{ text-decoration:underline;}
.matter span{ color:#e57100; font-style:italic;}
.matter ul{  list-style:none; margin:0px; padding:10px;}
.matter li{ background: url(../images/arrow.jpg) top left no-repeat; padding:4px 10px; }

/*   2.  TopBar   */
.top{ width:1003px; height:40px;}
.logo{ width:340px; height:310px; position: absolute; z-index:10000; background:url(../images/logo.png) top left no-repeat; margin-left:20px;}
#menu{ width:800px; float:left; margin-top:30px;}
#menu ul{ margin:0px; padding:0px; list-style:none;}
#menu li{ display:inline;}
#menu li a{ float:left; text-decoration:none; text-transform:uppercase; color:#FFF; text-shadow:1px 1px 1px #000; margin:10px 28px 10px 10px; font-weight:600;}
#menu li a:hover{ color:#f56618;}
.search{ width:195px; float:left; margin-top:34px; background:#d5d5d5; border-radius:0.2em; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; padding:4px;}
.inputbg{  border:none; padding:2px 4px; float:left; width:165px; background:none;}


/*   3.  Header Style   */
/*.header{ width:997px; border:3px solid #fff; margin-top:35px; background: url(../images/header-image.jpg) top left no-repeat; height:316px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 0px 5px #a1a1a1; -moz-box-shadow:1px 0px 5px #a1a1a1; -webkit-box-shadow:1px 0px 5px #a1a1a1; }*/
.header{
	margin-top: 35px;
}
.shadow{ widows:923px; margin:auto; background:url(../images/shadow.png) top left no-repeat; height:13px;}

/*   4.  Main Content Area   */
.white-box{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 0px 5px #a1a1a1; -moz-box-shadow:1px 0px 5px #a1a1a1; -webkit-box-shadow:1px 0px 5px #a1a1a1; background:#FFF; padding:10px; border:1px solid #dfdfdf;}
.main-container{ width:1003px; margin-top:15px; }
.left-box{ width:632px; float:left; margin-left:2px; }
.col-1{ width:291px; float:left; padding:10px;}
.col-2{ margin-left:10px;}
.col-1 p{ padding:5px;}
.heading{ color:#FFF; background:#f56618; padding:5px;}

.right-box{ width:330px; float:left; margin-left:17px; }
#side-menu{ padding:5px 5px 10px 14px; font-size:18px;}
#side-menu ul{ margin:0px; padding:0px; list-style:none;}
#side-menu li{ display:block;}
#side-menu li a{ float:left; width:266px; text-decoration:none; color:#f56618; border-bottom:1px dotted #f56618; padding:5px 5px 5px 10px;}
#side-menu li a:hover{ color:#FFF; background:#f56618;}
#side-menu .last{ border:none;}
.twitter-box{ position: relative; margin-top:20px;}
.twitter{ background:url(../images/twitter.png) top left no-repeat; width:50px; height:62px; position: absolute; top:-15px; left:270px;}

/*   5.  Footer Style   */
.footer-bg{ width:100%; background:#473938; margin-top:20px;}
.footer-grunge{ background:url(../images/footer-grunge.png) top left no-repeat; height:11px; width:931px; margin:auto; position:relative; top:-4px;}
.footer{ width:1003px; text-align:center; color:#FFF; margin:auto; text-shadow:1px 1px 2px #000; padding:20px 0px; }
.footer span{ color:#e57100; }
.valid{ margin:auto; width:32px;}
.valid ul{ margin:0px; padding:0px; margin-top:10px;}
.valid li{ display:inline;}
.valid li a{ float:left; text-decoration:none; margin:0px ;}

/*   6.  Contact Form   */
.field{ width:600px; margin:auto; padding:4px;}
.label{ float:left; width:230px; margin-right:30px; text-align:right; padding:3px;}
.inputbox{ background:#eeeeee; border:1px solid #c1c1c1; width:320px; padding:6px; float:left; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.inputbox input[type=text]{ width:96%; background:none; border:none;} 
.nbg{ background:none; border:none; width:98%}

/*   7. Slider Style   */
#slider {
	width: 990px;
	border: 3px solid #fff;
	position: relative;
	width: 990px;
	background: url(images/loading.gif) no-repeat 50% 50%;
	height: 205px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 0px 5px #a1a1a1;
	-moz-box-shadow: 1px 0px 5px #a1a1a1;
	-webkit-box-shadow: 1px 0px 5px #a1a1a1;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*   Board of Member   */
.name{ width:23%; float:left; padding-left:30px; margin-bottom:10px;}
.tele{ width:25%; float:left; margin-bottom:10px;}
.email{  float:left; margin-bottom:10px;}