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

body { background:#fff url(/assets/bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

/* GENERAL */
a { color:#000; }
table { border:1px solid #000; }
table tr td { border:1px solid #000; }

/* LAYOUT */
#wrapper { width:960px; height:534px; margin:0 auto; }
#innerwrapper { float:left; position:relative; width:100%; }
#header { background:#19bcb9 url(/assets/bg_flower_header.png) no-repeat center center; height:240px; position:relative; z-index:10; }
	#top-header { margin-left:50px; }
	#top-header-mid { background:#19bcb9 url(/assets/bg_top_header_mid.png) repeat-x; height:40px; float:left; min-width:450px;  }
	#topnav { text-align:center; padding-top:10px; }
	#topnav ul { display:inline; width:100%; }
	#topnav ul li { list-style:none; display:inline-block; }
		#topnav ul li a { font-size:14px; color:#000; margin:0 8px 0 5px; }
			#topnav ul li:first-child a { margin-left:0; }
	.banner-slider { position:absolute; right:0; top:0; z-index:3; }
	.logo { background:url(/assets/logo.png) no-repeat; display:inline-block; width:471px; height:189px; margin-left:50px; }
	
	#menu { background:url(/assets/bg_menu.png) no-repeat; width:960px; height:36px; position:absolute; top:240px; z-index:5; }
		#menu ul { margin-left:50px; }
		#menu li { list-style:none; display:inline-block; background:url(/assets/menu_separator.gif) no-repeat left center; }
			#menu li:first-child { background:none; }
		#menu li a { text-transform:uppercase; color:#333; font-size:14px; font-weight:bold; padding:8px 6px 9px 6px; margin-left:2px; margin-right:-2px; float:left; }
		#menu li a:hover { background:#f9e886; text-decoration:none;  }
	
#body-wrapper { min-height:400px; position:relative; margin-top:10px; background:url(/assets/bg_flower_bottom.png) no-repeat top center; z-index:2; }
	#body-wrapper.white { background-color:#fff !important; }
.left-section { float:left; width:557px; }
.full-section { float:left; width:100% !important; }
#body-wrapper  .left-section { padding-top:45px; }
.right-section { float:right; width:403px; }
.left-nav { float:left; width:195px; }
	.left-nav h1, .left-nav h2 { color:#19bcb9; font-size:14px; margin-bottom:10px; padding-left:50px; }
	.left-nav ul.left-nav-menu li { border-top:1px solid #e6e6e6; float:left; width:170px; }
		.left-nav ul.left-nav-menu li a { color:#231f20; color:14px; cursor:pointer; padding:5px 0; float:left; padding-left:50px; display:inline-block; width:120px;  }
		.left-nav ul.left-nav-menu li a:hover, .left-nav ul.left-nav-menu li.active a { background:#e5e5e5 url(/assets/flower.png) no-repeat 0% 50%; text-decoration:none; color:#19bcb9; font-weight:bold; }
		
		.left-nav ul.left-nav-menu li ul { margin-left:50px; }
		.left-nav ul.left-nav-menu li li { border-top:none; }
		.left-nav ul.left-nav-menu li li a { padding-left:0; padding-left:10px; width:110px; }
		.left-nav ul.left-nav-menu li.active li a { background:none; color:#231f20; font-weight:normal; }
		.left-nav ul.left-nav-menu li li a:hover, .left-nav ul.left-nav-menu li li.active a { background:#19bcb9; color:#fff; }

.body-content { width:325px; float:left; margin-left:20px; }
	.body-content h1 { color:#19bcb9; font-size:23px; }
	.body-content h2 { color:#19bcb9; font-size:18px;margin-bottom:10px; }
	.body-content p.date { width:auto; float:left; margin-top:10px; }
	.body-content .download { width:auto; float:right; position:relative; color:#023884; text-decoration:underline; }
		.body-content .download span { position:relative; top:-5px; display:inline; margin-left:5px; }
	.body-content .description { clear:both; margin-top:10px; }
	.body-content ul li { background:url(/assets/bullet.png) no-repeat; padding-left:16px; padding-bottom:5px;line-height:16px; font-size:13px;  }
	.body-content p { margin-bottom:10px; line-height:16px; font-size:13px; }
.full-section .body-content { width:700px !important; }


#footer { background:#fff url(/assets/bg_footer.png) repeat-x; height:115px; padding-top:10px; }
	#footer .col { width:125px; float:left; margin-right:30px;line-height:16px; }
		#footer .col:first-child { margin-left:50px; }
		#footer .col h3 { text-transform:uppercase;margin-bottom:10px; }
		#footer .col li { margin:3px 0; }
		#footer .col a { color:#414443;  }
		#footer .right-section .col { width:100% !important; }

/* HOMEPAGE */
.homepage-content-section { background:#fff url(/assets/bg_homepage.png) no-repeat !important; min-height:293px; }

/* NEWS */
.news-list li { clear:both; padding-bottom:20px; background:none !important; }
	.news-list li img { float:left; }
	.news-list li div { width:75%; margin-left:90px; }
	.news-list li p { line-height:15px; }
	.news-list li a { text-decoration:underline; }

.news-page li div { margin-left:75px; }
.news-page li a { font-weight:bold; }

/* COMMAND ICONS */
.icon-command ul { display:inline;}
.icon-command li { display:inline-block; padding-right:15px; text-align:center; }
	.icon-command li a { font-size:11px; }
	.icon-command li p { margin-top:5px; font-size:9px; }
	
.left-nav .icon-command li { padding-right:3px; padding-bottom:10px; }
	
/* PAGER */
.pager li { display:inline-block; }
.pager a { text-decoration:none; padding:0px 5px; position:relative; top:-3px; color:#918f8f !important; }
	.pager li.active a { text-decoration:underline; font-weight:bold; }
.pager .arrow { background:url(/assets/pager_arrow.png) no-repeat; width:12px; height:16px; display:inline-block; padding:0 0; top:0; }
	.pager .arrow.previous { background-position:0px 0px; }
	.pager .arrow.next { background-position:0px -16px; }

.news-page.pager { position:relative; left:75px; width:230px; }

/* GALLERY */
.gallery li { margin-right:25px; display:inline-block; margin-bottom:15px; background:none !important; padding:0 !important; }
input[type="text"].login, input[type="password"].login { border:1px solid #918f8f; border-radius:5px; padding:5px; width:200px; }
button.login { background:url(/assets/login_button.png) no-repeat; width:104px; height:94px; border:none; margin-left:50px; cursor:pointer; }

/* DOCUMENT */
ul#doc-list{list-syle:none;margin:0;padding:0;margin-top:30px;}
ul#doc-list li{margin-bottom:15px;display:inline-block;list-syle:none;height:65px;width:250px;position:relative;background-repeat:no-repeat;background-image:url(/assets/docImg.png);background-position:top left;padding-left:35px;}
ul#doc-list li p{height:25px;position:relative;top:0;}
ul#doc-list li a{position:absolute;text-decoration:underline;bottom:5px;left:0;font-size:10px;}

.subnav { display:none; }
.expanded { display:block; }

/* CONTENT PAGE */
.personel { clear:both; }
.personel p  { float:left; text-align:center; width:134px; margin-right:15px; }
.personel .emptyp {width:120px;height:300px;}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }
	a img { border:0; }
	

textarea { resize:none; }

/*------------------------------*/
/* MARGIN */
.mTop0 { margin-top:0 !important; }
.mTop5 { margin-top:5px !important; }
.mTop10 { margin-top:10px !important; }
.mTop15 { margin-top:15px !important; }
.mTop20 { margin-top:20px !important; }
.mTop25 { margin-top:25px !important; }
.mTop30 { margin-top:30px !important; }
.mTop40 { margin-top:40px !important; }
.mTop50 { margin-top:50px !important; }
.mTop70 { margin-top:70px !important; }

.mLeft0 { margin-left:0px !important; }
.mLeft5 { margin-left:5px !important; }
.mLeft10 { margin-left:10px !important; }
.mLeft15 { margin-left:15px !important; }
.mLeft20 { margin-left:20px !important; }
.mLeft25 { margin-left:25px !important; }
.mLeft30 { margin-left:30px !important; }
.mLeft50 { margin-left:50px !important; }

.mRight0 { margin-right:0px !important; }
.mRight5 { margin-right:5px !important; }
.mRight10 { margin-right:10px !important; }
.mRight15 { margin-right:15px !important; }
.mRight20 { margin-right:20px !important; }
.mRight25 { margin-right:25px !important; }
.mRight30 { margin-right:30px !important; }

.mBottom5 { margin-bottom:5px !important; }
.mBottom10 { margin-bottom:10px !important; }
.mBottom15 { margin-bottom:15px !important; }
.mBottom20 { margin-bottom:20px !important; }
.mBottom25 { margin-bottom:25px !important; }
.mBottom30 { margin-bottom:30px !important; }
.mBottom90 { margin-bottom:90px !important; }

.mCenter { margin:0 auto; }

/*------------------------------*/

/*------------------------------*/
/* PADDING */
.pTop0 { padding-top:0px !important; }
.pTop5 { padding-top:5px !important; }
.pTop10 { padding-top:10px !important; }
.pTop15 { padding-top:15px !important; }
.pTop20 { padding-top:20px !important; }
.pTop25 { padding-top:25px !important; }
.pTop30 { padding-top:30px !important; }

.pLeft0 { padding-left:0px !important; }
.pLeft5 { padding-left:5px !important; }
.pLeft10 { padding-left:10px !important; }
.pLeft15 { padding-left:15px !important; }
.pLeft20 { padding-left:20px !important; }
.pLeft25 { padding-left:25px !important; }
.pLeft30 { padding-left:30px !important; }

.pRight0 { padding-right:0px !important; }
.pRight5 { padding-right:5px !important; }
.pRight10 { padding-right:10px !important; }
.pRight15 { padding-right:15px !important; }
.pRight20 { padding-right:20px !important; }
.pRight25 { padding-right:25px !important; }
.pRight30 { padding-right:30px !important; }

.pBottom5 { padding-bottom:5px !important; }
.pBottom10 { padding-bottom:10px !important; }
.pBottom15 { padding-bottom:15px !important; }
.pBottom20 { padding-bottom:20px !important; }
.pBottom25 { padding-bottom:25px !important; }
.pBottom30 { padding-bottom:30px !important; }

/*------------------------------*/


/*------------------------------*/
/* FLOAT */
.fleft { float:left !important; }
.fright { float:right !important; }
.clear { clear:both; }

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/*------------------------------*/

/*------------------------------*/
/* TEXT ALIGN */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
/*------------------------------*/

/*------------------------------*/
/* VERTICAL ALIGN */
.top { vertical-align:top !important; }
.middle { vertical-align:middle !important; }
.bottom { vertical-align:bottom !important; }
/*------------------------------*/

/*------------------------------*/
/* TEXT */
.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }
/*------------------------------*/

/*------------------------------*/
/* DISPLAY */
.hide { display:none !important; }
/*------------------------------*/

/*------------------------------*/
/* WIDTH */
.widthAuto { width:auto !important; }
.widthFull { width:100% !important; }
/*------------------------------*/

/*------------------------------*/
/* TEXT */
.uppercase { text-transform:uppercase !important; }
.normalcase { text-transform:none !important; }
/*------------------------------*/