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%;
	font: inherit;
	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;
}


*
{
border: 0;
margin: 0;
outline:none;
outline:0;
}

strong
{font-weight:bold}


body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height:150%;
	background-color: #ffffff;
	background-image: url(images/sy_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

a[href$='.doc'], a[href$='.docx'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_doc.gif) no-repeat center right;
}

a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

a[href$='.pps'], a[href$='.ppt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pps.gif) no-repeat center right;
}

a[href$='.xl'], a[href$='.xls'], a[href$='.xlsx']{
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_xls.gif) no-repeat center right;
}

a, a:link, a:visited { color: #0099CC; font-weight: normal; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline; }

p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: justify;
}
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #2c93a6; font-weight: normal; }
h1 {
	font-size: 22px;
	margin: 0 0 20px 0;
	padding: 5px 0;
	line-height: normal;
}
h2 {
	font-size: 18px;
	margin: 0 0 15px 0;
	padding: 5px 0;
	line-height: normal;
}
h3 {
	font-size: 16px;
	margin: 10px 0px;
	padding: 0;
	line-height: normal;
}
h4 {
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: normal;
}
h5 { font-size: 16px; margin: 0 0 10px 0 ; padding: 0; line-height: normal; }
h6 { font-size: 14px; margin: 0 0 5px 0 ; padding: 0; line-height: normal;}

.right
{
float:right;
display:block;
text-decoration:underline;
margin-right:20px;
margin-top:-50px;
}

.cleaner { clear: both }

.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }


ul {
	margin: 0;
	padding: 0;
	list-style: none
}
ul li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(images/sy_list.png) no-repeat scroll 0 7px;
	line-height: 200%;
	border-bottom: 1px solid #ccc;
}



a.more {
	clear: both;
	display: block;
	width: 123px;
	height: 39px;
	line-height: 39px;
	font-size: 11px;
	text-align: center;
	color: #333;
	font-weight: 700;
	background: url(images/sy_more.png);
	margin-top: -19px;
	margin-bottom: 10px;
}
a.more:hover { text-decoration: none; color: #000; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { position: relative; display: block; width: 144px; height: 121px; }
.image_wrapper img { width: 130px; height: 107px; margin: 7px }
.image_wrapper span { position: absolute; top: 0; left: 0; width: 144px; height: 121px; background: url(images/sy_image_frame.png) no-repeat }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

.tmo_list {
	margin: 20px 0 20px 0;
	padding: 0;
	list-style: none
}
.tmo_list li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(images/sy_list.png) no-repeat scroll 0 7px;
	line-height: 200%;
	border-bottom: 1px solid #ccc;
}

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

#sy_top_wrapper {
	width: 100%;
	background: url(images/sy_wrapper.jpg) no-repeat top
}

#sy_top {
	width: 964px;
	height: 380px;
	margin: 0 auto;
	background: url(images/sy_wrapper.jpg) no-repeat top
}

#sy_header {
	width: 964px;
	padding: 5px 0px;
	margin: 0px;
	/* [disabled]height: 40px; */
}

#site_title { margin: 0 auto }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a {
	display: block;
	margin: 0 auto;
	width: 567px;
	height: 68px;
	color: #fff;
	text-indent: -10000px;
	background: url(images/sy_logo.png) no-repeat
}

#sy_middle {
	clear: both;
	width: 964px;
	height: 330px;
	background: url(images/sy_banner.png) no-repeat
}

/* menu */
#sy_menu {
	width: 860px;
	height: 33px;
	padding: 8px 52px;
}

#sy_menu ul {
	display: block;
	float: left;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

#sy_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#sy_menu ul li a {
	float: left;
	display: block;
	width: 90px;
	height: 27px;
	padding: 5px 0 0;
	margin-left: 1px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #32A6BD;
	font-weight: 700;
	outline: none;
}

#sy_menu ul li a:hover, #sy_menu ul li .current {
	color: #4D7FBD;
	background: url(images/sy_mouse_hover.png) center no-repeat
}

#search_box { float: right; width: 245px; padding-left: 2px; height: 33px; background: url(images/sy_search.png)  left bottom no-repeat }
#search_box form { clear: both; width: 247px; height: 33px; padding: 0; margin: 0 } 
#searchfield {
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	width: 190px;
	padding: 3px 6px;
	color: #777;
	line-height: 25px;
	background: none;
	border: none;
	margin-right: 10px;
} 
#searchbutton { height: 33px; width: 35px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }

#mid_content {
	float: right;
	margin: 40px 30px 0 0;
	width: 350px;
	height: 95px;
	padding: 30px;
}

#mid_content h2 { color: #000 }
/* end of menu */

#sy_main {
	clear: both;
	width: 960px;
	padding: 30px 0 50px 0;
	margin: 0 auto;
	/* [disabled]min-height: 600px; */
}

.col_w960 {clear: both; width: 960px; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #ccc }
.col_w960_last { margin: 0; border: 0 }
.col_w600 {
	width: 600px;
	margin-right: 20px;
}
.col_w450 { width: 450px }
.col_w300 { width: 300px }
.col_w260_r {
	float: right;
	width: 250px;
	padding-right: 40px;
	border-right: 1px solid #ccc
}
.col_w260_l {
	float: left;
	width: 220px;
	padding-right: 40px;
	border-right: 1px solid #ccc;
	/* [disabled]margin-left: 20px; */
}
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_w225 { float: left; width: 225px; margin-right: 20px; }
.col_w225_content { padding: 0 20px }
.col_last { margin: 0 }

.content_box {
	/* [disabled]padding-bottom: 20px; */
	/* [disabled]margin-bottom: 30px; */
	/* [disabled]border-bottom: 1px solid #ccc; */
	/* [disabled]min-height: 300px; */
}

.content_box p{
	text-align:justify;
}

.content_box img {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: -1px;
	border: solid 2px #cccccc;
	padding: 1px;
	outline: none;
	max-width: 600px;
}


p.news_box {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.twit_rss  {
	width:250px;
}

.twit_rss a {
	margin-right: 5px
}

#sy_footer_wrapper_01 {
	width: 100%;
	background: #1c668b url(images/sy_footer_wrapper.jpg) repeat-x bottom;
}

#sy_footer_wrapper_02 {
	width: 100%;
	background: url(images/sy_footer.jpg) no-repeat bottom center
}

#sy_footer {
	width: 960px;
	padding: 30px 0 50px;
	margin: 0 auto;
	color: #fff;
	background: url(images/sy_footer.jpg) no-repeat bottom center
}

#sy_footer a { color: #fff; text-decoration: underline }
#sy_footer a:hover { color: #33FFFF; }

.tmo_footer_list { margin: 0; padding: 0; list-style: none }
.tmo_footer_list li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(images/sy_footer_list.png) no-repeat scroll 0 7px;
}
.tmo_footer_list li a { color: #fff; text-decoration: underline }

#sy_footer h5 { display: block; width: 205px; height: 35px; line-height: 35px; padding-left: 20px; color: #fff; background: url(images/sy_footer_header.png) no-repeat }



/* PAGING --------------------------------------------------------- */	

.paging-table {
	margin: 30px 0px 0px 200px;
}	
.page-far-left	{
	background: url(images/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	}
.page-left	{
	background: url(images/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
.page-far-right	{
	background: url(images/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	}
.page-right	{
	background: url(images/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 3px 12px 0 12px;
	}