/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Web Donbosco
CSS all2html.com 
Created: 5/05/2010 
------------------
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; /*needed for container min-height */
	width: 100%;
	min-height: 100%;
}
html {
	
	background: #fff url(../images/theme/bg.jpg) repeat-x top;
}
body {
	background: url(../images/theme/bg2.jpg) no-repeat center top;
	font: .8em/1.3  Tahoma, Arial, Georgia, sans-serif, "Lucida Grand", Verdana;
	padding: 0;
	margin: 0;
	color: #666666;
}
/* -------- Control All Page --------- */
a {
	/* a link color */
	color: #006699 ;
	text-decoration: none;
	outline: none;
}
a:hover {color: #cf4a02 !important;}/* a link hover color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%;margin-bottom: 10px}
h1 {font-size: 160%}
h2 {font-size: 150%}
h3 {font-size: 130%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 15px}
ul {padding-left: 20px}
li {padding-bottom: 3px}
ol {list-style-position: inside}
.txtline {text-decoration: underline}
input[type=button],button, 
input[type=submit], 
input[type=reset] {padding: 2px 5px}
table td, table th {padding: 5px}
/* ------- End -------- */
/**********************************
	 control width page 
**********************************/
#frame {
	width: 966px;
	margin: 0 auto;
	position: relative;
}
#top {
	background: url(../images/theme/bg_top.jpg) no-repeat;
	height: 193px;
	width: 100%;
	position: relative;
}
#Donbosco {
	margin: 0;
	padding: 20px 0 0 0;
}
#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}
#nav * {
	display: block;
	float: left;
	padding: 0;
}
#nav a {
	background: url(../images/theme/nav.png) no-repeat;
	height: 35px;
	position: relative;
	overflow: hidden;
	text-indent: -999em;
}
#nav .m1 a {background-position: 0 0;width: 87px;}
#nav .m2 a {background-position: -87px 0;width: 95px;}
#nav .m3 a {background-position: -182px 0;width: 128px;}
#nav .m4 a {background-position: -309px 0;width: 148px;}
#nav .m5 a {background-position: -457px 0;width: 98px;}
#nav .m6 a {background-position: -555px 0;width: 82px;}
#nav .m1 a:hover, #nav .m1 a.on {background-position: 0 -35px;}
#nav .m2 a:hover, #nav .m2 a.on {background-position: -87px -35px;}
#nav .m3 a:hover, #nav .m3 a.on {background-position: -182px -35px;}
#nav .m4 a:hover, #nav .m4 a.on {background-position: -309px -35px;}
#nav .m5 a:hover, #nav .m5 a.on {background-position: -457px -35px;}
#nav .m6 a:hover, #nav .m6 a.on {background-position: -555px -35px;}

#mainimage {
	background: #fff url(../images/theme/bg_video.jpg) repeat-x bottom;
	height: 320px;
	margin-bottom: 16px;
}
.mainslide {
	background: #fff url(../images/slide/img1.jpg) no-repeat 7px 7px;
	width: 591px;
	height: 306px;
	padding: 7px;
	background-color: #fff;
	float: left;
	position: relative;
	overflow: hidden;
} 
.mainslide .slide div, .mainslide .slide {
	width: 591px;
	height: 306px;	
}
.slidepaper {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 999;
}
.slidepaper a {
	padding: 0 3px;
	color: #fff;
}
.slidepaper a.activeSlide {
	color: #cf4a02;
	font-weight: bold;
}
.btnback, .btnnext {
	position: absolute;
	width: 200px;
	height: 306px;
	top: 0;
	z-index: 9;
	overflow: hidden;
}
.btnback {left: 0}
.btnnext {right: 0}
.btnback a, .btnnext a {
	display: block;
	width: 200px;
	height: 306px;
	text-indent: -999em;
	margin-top: -306px;
}
.btnback a {background: url(../images/theme/arrow_back.png) no-repeat}
.btnback:hover a {
	margin-top: 0;
}
.btnnext a {background: url(../images/theme/arrow_next.png) no-repeat}
.btnnext:hover a {
	margin-top: 0;
}

.mainslide .slide {
	position: relative;
}
.mainvideo {
	width: 344px;
	float: right;
	padding: 7px;
	color: #fff;
}
.mainvideo h3 {   
	font-size: 14px;
	margin-bottom: 0px;
}
.mainvideo a {
	color: #fff;
}
.mainvideo p {
	margin: 0;
}
#content {
	width: 100%;
	background: #fff url(../images/theme/bg_txt.jpg) repeat-x top;
	padding-top: 8px;
	margin-bottom: 10px;
}
.nobg {
	background: none !important;
}
#mcontent-wrap {
	background: url(../images/theme/lineY.gif) repeat-y 560px 0;	
	width: 913px;
	overflow: hidden;
	margin-left: 44px;
}
.mainnews {
	width: 500px;
	float: left;
}
.mainnews h2 {
	margin-bottom: 15px;
	color: #006699;
}
.mainnews ul {
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}
.mainnews li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.mainnews li img {
	float: left;
	border: 5px solid #e6f0f5;
}
.mainnews li p {
	margin: 0;
	margin-left: 160px;
	display: block;
}
.mainnews p strong {
	display: block;
	margin-bottom: 5px;
}
.mainnews p a {
	display: block;
	padding-top: 10px;
}
.mainnews p strong a {padding: 0;}
.mainnews p a span {
	font-size: 10px;
	white-space: nowrap;
}
.mainright {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 342px;
	float: right;
}
.mainright h3 {
	color: #006699;
	font-size: 14px;
}
#footer {
	background: #fff url(../images/theme/bg_footer.jpg) repeat-x top;
	width: 100%;
	min-width: 960px;
	padding: 12px 0 10px;
	color: #006699;
	font-size: 90%;
	overflow: hidden;
} 
#footer-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#footer-wrap:after {
	content: ".";
	clear: both;
	height: 0;
	position: relative;
	overflow: hidden;
	visibility: hidden;
	display: block;
}
#footer .l  {
	float: left;
	white-space: nowrap;
}
#footer .r {
	float: right;
	white-space: nowrap;
}
.footerslide {
	padding: 5px 0 5px 6px;
	background-color: #fff;
	margin-bottom: 10px;
	position: relative;
	height: 112px;
}
#footer .next, #footer .back {
	width: 50px;
	height: 123px;
	position: absolute;
	top: 0;
	display: block;
	z-index: 999;
	overflow: hidden;
	text-indent: -999em;
}
#footer .next {
	right: -48px;
	background: url(../images/theme/arrow_next2.png) no-repeat;	
}
#footer .back {
	left: -48px;
	background: url(../images/theme/arrow_back2.png) no-repeat;	
}
.footerslide ul {
	width: 955px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}
.footerslide ul li {
	float: left;
	margin-right: 3px;
	padding: 0;
}
.footerslide ul li a {
	display: block;
	float: left;
}
#content-wrap {
	background: url(../images/theme/lineY.gif) repeat-y 252px 0;	
	width: 98%;
	overflow: hidden;
	margin: 0 auto;
}
#left {
	width: 249px;
	float: left;
}
#left h1 {
	background: url(../images/theme/lineX.gif) repeat-x bottom;	
	font-size: 16px;
	color: #408db2;
	padding: 8px 0 8px 18px;
	margin-bottom: 10px;	
}
.navleft {
	padding: 0 0 0 8%;
	width: 88%;
	list-style: none;
}
.navleft li {
	background: url(../images/theme/point.gif) no-repeat 0 7px;	
	width: 100%;
	margin-bottom: 7px;
}
.navleft li a {
	display: block;
	padding: 0 0 0 13px;
	font-weight: bold;
}
.navleft li a.on {
	color: #cf4a02;
}

.navleft li ul {
	list-style: none;
	padding: 0 0 0 6%;
	margin: 0;
	width: 94%;
	display: none;
	height: auto !important;
}
.navleft li ul li {
	background: url(../images/theme/point2.gif) no-repeat 0 15px;	
	margin: 0;
	padding-top: 8px;
}
.navleft li ul li a {
	color: #109be1;
}
.viewpage {
	font-size: 16px;
	color: #408db2;
	padding: 5px 0;
}
#right {
	width: 680px;
	float: right;
}
#right h3, #content-wrap h3, .headmain {
	color: #006699
}
#right img {
	padding: 5px;
	border: 1px solid #bad6e3;
}

.eventlist {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.eventlist li {
	width: 175px;
	height: 198px;
	position: relative;
	float: left;
	margin-right: 30px;
}
.eventlist li .img {
	display: block;
	width: 159px;
	height: 94px;
	position: relative;
	z-index: 1;
	top: 7px;
	left: 7px;
}
.eventlist .bg {
	/*background: url(../images/theme/bg_tran_news.png) no-repeat;
	width: 172px;
	height: 108px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;*/
}
.textright {
	width: 780px;
	float: right;
	padding: 10px 0;
}
.eventlist li span {
	display: block;
	padding-top: 18px;
}
.eventlist li strong {
	display: block;
}
/*.eventlist li span * {
	display: block;
}*/
.eventlist li  span a.more {
	color: #EF671D;
}

.eventlist li span strong em {
	color: red;
	font-weight: normal;
	font-style: normal;
	display: inline;
}
.newslist {
	width: 100%;
	overflow: hidden;
}
.newslist li {
	width: 500px;
	margin: 0 0 10px 0;
	height: 114px;
}
.newslist li img {
	float: left;
}
.newslist li span {
	margin-left: 195px;
	padding: 0 0 0 0;
	color: #999999;
}
.newslist li span a {
	padding-top: 10px;
}
.newslist li span strong {
	color: #0e68b1;
}
.newslist li em img {
	border: 0 !important;
	padding: 0 !important;
	float: none;
}
.selectpage {
	font-size: 16px;
}
.thumbimgnews {
	padding: 0;
	margin: 0 0 10px 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.thumbimgnews li {
	float: left;
	margin-right: 20px;
}
.thumbimgnews li a img {
	background-color: #e6f1f5;
	border: 1px solid #fff;
}
.thumbimgnews li a:hover img {
	border: 1px solid #61a9cb !important;
}
.eventlistall {
	list-style: none;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.eventlistall li .img {
	width: 342px;
	float: left;
	display: block;
}
.eventlistall li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
.eventlistall li span {
	display: block;
	margin-left: 360px;
}
.eventlistall li span strong {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
.eventlistall li span strong a img {
	padding: 0 !important;
	border:  0 !important;
}

.txtform {
	padding: 0;
	width: 100% !important;
	list-style: none;
	margin-bottom: 0;
}
.txtform li {
	background: none;
	padding: 0 0 15px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
.txtform li label {
	background: url(../images/point.gif) no-repeat 100% 7px;
	width: 90px;
	float: left;
	color: #000;
}
.txtform li .txt {
	margin-left: 95px;
}
.txtform li input, .txtform li textarea {
	width: 250px;
	padding: 2px 3px;
	border: 1px solid #37A3DF;
}
.txtform li textarea  {
	height: 50px;
}
.bottomform {
	margin: 0;
	padding: 0 0 10px 95px;
}
* html .bottomform {
	padding: 0 0 10px 120px;
}
.bottomform input {
	padding: 2px 15px;
	cursor: pointer;
	overflow:visible;
}
.error {
	border: 1px solid red !important;
	background-color: #FFF2CF !important; 
}
.txtcontactus {
	width: 400px;
	float: left;
}
.setform {
	float: left;
	width: 50%;
	display: block;
}