html, body { margin: 0; padding: 0; height: 100%; }	
body {
	margin: 0; padding: 0;
	background-position: left top;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	background: transparent url("../images/main_bg_mid.jpg");
}
#body-wrap { background: transparent url("../images/main_bg_footer1.png") repeat-x; background-position: left bottom; min-height: 100%; }
#body-wrap-top { background: transparent url("../images/main_bg.jpg") repeat-x; background-position: left top; }

#wrap { width: 818px; margin: auto; text-align: left; }

#wrap-top       { background: url("../images/main-bg-top.png") no-repeat; height: 30px; background-position: center top; }
#wrap-middle { background: url("../images/main-bg-mid.png") repeat-y; background-position: center top; }
#wrap-bottom { background: url("../images/main-bg-bottom.png") no-repeat; height: 30px; background-position: center bottom;}

#wrap-contents { width: 768px; margin: auto; text-align: left;}




a {	text-decoration: none; color: #333333; }
a:hover { color: brown; text-decoration: underline; }
a.selected { font-weight: bold; }

p { margin: 0 0 12px 0; color: #333333; line-height: 18px; }

h2 { color: #333333;	font-size: 18px; }
h5 { font-size: 90%; }

li {
	/*list-style-type: none;	/* DO NOT use list-style: none;  Will be effects the others bullets. */
}

table { border: 0; padding: 0px; margin: 0px; }
table tr, th, td { font-size: 100%; vertical-align: top; }
img { border: 0px; }
textarea { font-size: 100%; font-family: helvetica, arial, sans-serif; }




#header-top { height: 27px; border-bottom: 1px solid #ececec; margin-bottom: 2px; }
#header-top-left { float: left; margin-left: 0px;}
#header-top-right { float: right; }

#site-slogan { color: #c20000; font-family: tahoma; font-size: 7pt; float:left; margin: 9px 0px 0px 10px; }
#site-slogan a { color: #c20000; font-size: 8pt; }


#nav-top { padding: 0; margin: 1px 0px; float: left; }
#nav-top ul { margin: 0; padding: 0; }
#nav-top li {
	list-style-type: none;
	display: inline;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	padding: 0px 12px 0px 12px;
	/*border-right: 1px dotted #aab391;*/
	background-image: url('../images/bullet-triangle.png');
	background-repeat: no-repeat;
	background-position: left center;
}
#nav-top li a { text-decoration: none; }
#nav-top li a:hover { 	color: #c20000; text-decoration: underline; }


#search-site { float: left; margin-top: 5px; margin-right: 0px; }
#search-box.blur { color: #cccccc; }
#search-box {
	width: 110px;
	height: 15px;
	background: #ffffff;
	padding: 0px 2px 0px 4px;
	border: 1px solid #cccccc;
	font-size: 8pt;
	color: brown;
}
#search-go {
	width: 28px;
	height: 17px;
	background: #cc6600;
	border: 0px solid white;
	padding: 2px 2px 2px 2px;
	text-align: center;
	font-weight: bold;
	font-size: 7pt;
	color: #f6f8f0;
}
#search-go:hover {
	background-color: #bae1ba;
	font-weight: bold;
	color: black;
	cursor: pointer;
}


#header-banner {height: 164px; width: 768px; overflow:hidden; }
#header-banner-left {width:202px; float: left;}
#header-banner-right {float: left;}



#nav-main { line-height: 26px; height: 26px; background: url("../images/nav_main_bg.png") no-repeat; margin-top: 2px; }
#nav-main ul { margin: 0px 0px 0px 8px; padding: 0; list-style-type: none; }
#nav-main li { float: left; font-size: 12px; }
#nav-main li a { border-right: 1px dotted #dcdcdc; padding: 0 21px; color: #000; font-family: arial; font-size: 9pt; }
#nav-main li a.last { border-right: 0px; }
#nav-main li a:hover {	color: white; }

#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index: 1000; }
#nav a{ display:block; color:#fff; background-color: transparent; }
#nav a:hover{ background-color:#333; color:#333; text-decoration:none; }
#nav li{ float:left; position:relative; }
#nav ul { position:absolute; display:none; width:12em; top:2.0em; }
#nav li ul a{ width:9em; height:auto; float:left; border-top: 1px solid #fff; background: #fcc601; line-height: 22px; opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
#nav ul ul{ top:auto; }	
#nav li ul ul { left:12em; margin:0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

/* Head links */
#cssdropdown li.headlink { float: left; }
#cssdropdown li.headlink a { display: block; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; }
#cssdropdown li.headlink:hover ul { display: block; }	

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }






#comp-date {	font-size: 8pt; text-align:center; margin-top: 5px; }



#footer {
	clear: both;
	width: 768px; height: 28px;
	background: url("../images/footer_bg.png") no-repeat;
	color: #333333;
	font-size: 9pt;
	text-align: center;
	line-height: 24px;
}

#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}


.title-news     { font-size: 13pt; font-weight: bold; float:left; }
.title-news-archived { float:right; margin-top: 6px; font-size:90%; }
.title-banner { background: url('../images/bullet1.gif') no-repeat; padding-left: 20px; margin: 20px 0px 5px 0px; font-weight: bold; vertical-align: bottom; }

.banner-mainpage { border: 1px solid silver; width: 535px; }


.clear { clear: both; }
.blankline { margin-top: 20px; }
.blankline10 { margin-top: 10px; }

.shadow-horizontal { background: url('../images/nav_main_bg_shadow.png') no-repeat; height:10px; }

#main-content { float: left; background: #fff; min-height: 400px; width: 554px; }
#main-content-inner { clear: both; font-size: 10pt; margin-left: 15px; margin-right: 5px; }

#sidebar { float: left; background: url('../images/sidebar_bg.jpg') repeat-y; background-position: right top; width:210px; border-right: 1px solid silver; }

#back-to-top { display: block; margin: 10px 10px 5px 0; height: 15px; font-size: 8pt; }
#back-to-top  a { float: right; color: #666666; }


#pre-footer { clear: both; }
#pre-footer .col-left { float: left; background: url('../images/sidebar_bg.jpg') repeat-y; background-position: left botom; height: 28px; width: 202px; margin-left: 8px; border-right: 1px solid silver; }
.toTop { cursor:pointer; background: url('../images/arrowupx.gif') no-repeat; background-position: right center; float:right; margin: 8px 8px 5px 0; width: 16px; height: 16px; }
.toHome { cursor:pointer; background: url('../images/home.gif') no-repeat; background-position: right center; float:right; margin: 8px 3px 5px 0; width: 16px; height: 16px; }


.sidebar-archived  { font-size: 9pt; margin-left: 15px; margin-top: 10px; }
.sidebar-archived .title { font-weight: bold; margin-bottom: 6px; }
.sidebar-archived  ul { margin: 0; padding: 0; }
.sidebar-archived  li {
	list-style-type: none;
	line-height: 16px;	
	display: block;
	font-size: 100%;
	font-weight: normal;
	margin-left: 16px;
	padding: 0px 0px 0px 15px;
	/*border-right: 1px dotted #aab391;*/
	background-image: url('../images/bullet-triangle.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.sidebar-archived  li  a { text-decoration: none; }
.sidebar-archived  li  a:hover { text-decoration: underline; }


.sidebar-question { margin: 15px 15px 15px 6px; font-size: 9pt; border: 1px solid silver; padding: 10px; color: #666666; }
.sidebar-question img { float:left; margin: 3px 5px 0 0; width: 30px; height: 43px; }
.sidebar-question span { font-weight: bold; }


.tblWS1-top-left         { background: url('../images/ts-top-left.gif') no-repeat; width: 15px; height: 14px; }
.tblWS1-top-mid           { background: url('../images/ts-top-mid.gif'); height: 14px; }
.tblWS1-top-right       { background: url('../images/ts-top-right.gif') no-repeat; width: 15px; height: 14px; }
.tblWS1-mid-left         { background: url('../images/ts-mid-left.gif'); width: 15px; }
.tblWS1-mid-mid           { background: #ffffff; vertical-align: top; }
.tblWS1-mid-right       { background: url('../images/ts-mid-right.gif'); width: 15px; }
.tblWS1-bottom-left   { background: url('../images/ts-bottom-left.gif') no-repeat; width: 15px; height: 14px; }
.tblWS1-bottom-mid     { background: url('../images/ts-bottom-mid.gif'); height: 14px; }
.tblWS1-bottom-right { background: url('../images/ts-bottom-right.gif') no-repeat; width: 15px; height: 14px; }


.visitor { text-align:center; margin: 12px 0px 10px 0px; width:200px; }
.visitor-text { font-size: 8pt; text-align: center; color: #666666; }



.box-1 { border: 1px solid silver; border-top: 2px solid #e48f00; padding: 10px; min-height: 110px; background: #f6f8f0; font-size: 90%; }

#quick-gallery { width: 260px; height: 133px; overflow:hidden; }
#quick-gallery div.box { border: 1px solid silver; border-top: 2px solid #e48f00; padding: 10px; width: 238px; height: 110px; background: #f6f8f0; overflow:hidden; }
#quick-gallery div img  { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; padding: 3px; background: #fff; }
#quick-gallery .title { font-weight: bold; }
#quick-gallery .date   { font-size: 8pt; color: gray; }
#quick-gallery .more   { font-size:8pt; margin-top: 20px; }



.section-title {
	background: url("../images/bullet1.gif") no-repeat;
	background-position: left;
	height: 40px; width: auto;
	border-bottom: 1px dotted silver;
}
.section-title .title {
	font-weight: bold;
	font-style: italic;
	font-size: 14pt;
	color: #1B8AB7;
	padding-top: 8px;
	margin: 0 0 12px 24px;
}
.section-title-01 {
	font-size: 12pt;
	font-weight: bold;
	color: #1B8AB7;
}


#section-container-events {
	/*border: 1px solid #1B8AB7;*/
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	height: 240px;
}
.section-container-general {
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	min-height: 170px;
}





.up-comming-event-scroller {
	left: 0px;
	top: 10px;
	width: 100%;
	position: absolute;
}
.whatsnewscroll .newstitle{
	border-top: dotted 1px silver;
	padding: 15px 20px 5px 20px; 
	font-family: helvetica, arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #666666;
}
.whatsnewscroll .entrydate{
	padding: 0px 20px 20px 20px; 
	font-family: helvetica, arial, sans-serif;
	font-size: 9pt;
	color: #333333;
}

#video-preview {
	width: 298px;
	height: 189px;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	cursor: pointer;
	margin-top: 2px;
}
#video-caption {
	font-size: 8pt;
	color: #666666;
}



#video-gallery-preview {
	width: 588px;
	height: 350px;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	cursor: pointer;
	margin-top: 2px;
}
#video-gallery-caption {
	font-size: 14pt;
	font-weight: bold;
	color: #1B8AB7;
}
#clips  {
	width: auto;
	min-height: 30px;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	margin-top: 2px;
}
#clips .duration {
	font-size: 8pt;
	color: #aa1010;
}
#clips img {
	width: 70px;
	height: 50px;
	float: left;
	margin-right: 15px;
	border: 1px solid #aaaaaa;
}

.fill-gradient {
	background: url("../images/bg-gradient-01.jpg") repeat-x;
}






#news-release { width: 535px; margin-top: 2px; }
#section-container-news { height: 215px; }

.news-contents { font-size: 10pt; }
.news-contents .news-title { font-family: tahoma; color: #666666; font-size: 11pt; font-weight: bold; margin: 0px 0px 3px 0px; line-height: 18px; }
.news-contents .news-title a { color: #666666; font-size: 11pt; margin: 0px 0px 3px 0px; line-height: 18px; }
.news-contents .news-title a:hover { color: #666666; }
.news-contents .news-date { font-size: 8pt; color: gray; }
.news-contents .news-article { margin-top: 10px; }
.news-contents .news-pic1 { float: left; min-width: 120px; min-height: 80px; margin: 5px 15px 3px 0px; border: 1px solid #999999; }
.news-contents .readmore{ float: right; margin-top: 0px; }

div.scrollable-news { float:left; }
a.disabled { visibility:hidden !important; }

div.navi { float:right; height:10px; margin-top: 3px; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url("../images/navigator.png") 0 0 no-repeat; cursor:pointer;	}
div.navi a:hover { background-position:0 -8px;}
div.navi a.active { background-position:0 -16px; } 	

div.scrollable-news { position:relative; overflow:hidden; width: 535px; height: 190px; border: 1px solid silver; border-top: 2px solid #e48f00; border-bottom: 2px solid #e48f00; }
#thumbs { position:absolute; clear:both; width:20000em; }
#thumbs div.news-contents { float:left; width:505px; height: 160px; background: url("../images/news-bg.jpg"); padding: 15px; }










.banner-ads-01 {
	margin: 20px 0 20px 0;
}
.banner {
	margin: 20px 0 20px 0;
}
.show-banner-border {
	border: 1px solid #999999;
}

#polling  {
	width: auto;
	height: 250px;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	margin-top: 2px;
}

#others  {
	width: auto;
	min-height: 30px;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	margin-top: 2px;
}

.round-corner {
	background: #f6f8f0;
	margin-top: 8px;	
}


.listme_box { list-style-image: url('../images/bullet_03.gif'); }
.listme_box ul { padding: 0; margin: 0; }
.listme_box li { margin: 12px 5px 0px -10px; }

.tcol2_col1 { width:48%; float: left; }
.tcol2_col2 { width:48%; float: right; }


.decimal { list-style-type: decimal; }





#poll-container  {
	width: auto;
	height: auto;
	border: 1px solid silver;
	border-top: 2px solid #1B8AB7;
	padding: 15px 26px 5px 26px;
	color: #666666;
}

/* Bar Graphs */
.graph {
	width: 250px;
	position: relative;
	right: 30px;
}
.bar-title {
	position: relative;
	float: left;
	width: 104px;
	line-height: 10px;
	margin-right: 17px;
	font-weight: bold;
	font-size: 9pt;
	text-align: right;
}
.bar-container {
	position: relative;
	float: left;
	width: 110px;
	height: 10px;
	margin: 0px 0px 15px;
}

.bar-container div {
	background-color:#cc4400;
	height: 12px;
}
.bar-container strong {
	position: absolute;
	right: -32px;
	top: 0px;
	overflow: hidden;
	line-height: 10px;
	font-size: 9pt;
}
#poll-results h3 {
	margin: 0 0 0 0;
	padding-top: 10px;
	color: #555555;
	font-size: 11pt;
}
#poll-results p {
	text-align: center;
}







.search-result-title {
	font-weight: bold;
}
.search-result{
}
.nav-result-page {
	text-align: center;
}
.nav-result-page a {
}
.nav-result-page a:hover {
  background: transparent;
  background-color: orange;
  text-decoration: none;
  padding: 0 5px 0 5px;
  color: black;
}




.seperator01 {
	height: 0px;
	margin: 20px 0 5px 0;
	border-top: 1px dotted gray;
}
.seperator02 {
	height: 0px;
	margin: 5px 0 5px 0;
	border-top: 1px dotted gray;
}
.seperator03 {
	height: 0px;
	margin: 5px 0 5px 0;
	border-top: 1px dotted #ececec;
}






.sitemap  {
	display: block;
	line-height: 25px;
	margin-left: 30px;
}

.contact-building {
	float: left;
	margin: 3px 20px 5px 0px;
	height: 120px;
	border: 1px solid silver;
}



.news-listing { margin-top: 20px; }
.news-listing .news-title { font-family: arial; font-weight: bold; font-size: 10pt; }
.news-listing .news-title  a:hover {  }
.news-listing .news-date { color: #666666; }
.news-listing  ul { margin: 0; padding: 0; }
.news-listing  li { display: block; list-style-type: none; margin: 15px 0 5px 26px; padding: 0px 0px 0px 18px;
	line-height: 16px;
	background-image: url('../images/bullet-circle.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.news-listing  li  a { text-decoration: none; }
.news-listing  li  a:hover { text-decoration: underline; }




.show-border { border: 1px solid #999999; }
.news-photo-caption { font-size: 8pt; text-align: left; }

span.cite { font-style: italic; font-size: 90%; }

.news-title-page {
	margin-top: 16px;
	font-size: 14pt;
	font-weight: bold;
	line-height: 22px;
}

.news-date-page {
	margin-top: 5px;
	font-size: 90%;
}

.news-title {
	margin-top: 16px;
	font-size: 14pt;
	font-weight: bold;
}
.news-title span { font-size: 10pt; font-style: italic; color: #666666;}
.news-date {
	margin-top: 5px;
	font-size: 90%;
}

.new-photo-frame-left   { border: 1px solid #cccccc; padding: 7px; float:left; margin: 0 10px 10px 0;}
.new-photo-frame-mid     { border: 1px solid #cccccc; padding: 7px; margin: 0 0 10px 0;}
.new-photo-frame-right { border: 1px solid #cccccc; padding: 7px; float:right; margin: 0 0 10px 10px;}


.link2 { color: #3333cc; }



table.tbl-zebra-01 {	border: 1px solid silver; }
table.tbl-zebra-01 tr.even td { background-color:#FFF; }
table.tbl-zebra-01 tr.even th { background-color:#DDD; padding: 5px 0 5px 0; }
table.tbl-zebra-01 tr.odd td { background-color:#F4F7FB; }
table.tbl-zebra-01 td { background: #f6f8f0; padding: 5px; }






.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right { margin: 0; padding: 0; }
.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless { white-space: nowrap; }

#scroller_container { width: 260px; height: 110px; overflow: hidden }
#scroller_container p { font-weight: bold; margin-bottom: 5px; }
#scroller_container p span { font-weight:normal; font-size: 8pt; color: gray; }
#dummy {;# } /* CSS Hack Safari */
#scroller_container { overflow: auto; }









.subtitle {	font-weight: bold; background: #ff9900; padding: 1px 1px 1px 10px; font-size: 90%; }
.subtitle_desc { margin-top: 5px; margin-bottom: 18px; text-align: justify; }



.sport_org_logo { float: left; margin: 0px 20px 10px 0px; }


.show-quote { font-style:italic; font-weight:normal; padding: 5px 50px 20px 50px; color: #555555; }
.show-quote div { padding: 10px 15px 10px 15px; border: 1px solid #cccccc; }


.online-input   { background: #ffffcc; width: 370px; border: 1px solid gray; }
.online-button { background: #cc6600; font-family: verdana; font-size: 8pt; border: 1px solid gray; color: white; }
.online-button:hover { background: #bae1ba; cursor: pointer; color: black; }









#main-search { float: left; background: #fff; min-height: 400px; width: 764px; }
#main-search-inner { clear: both; font-size: 10pt; margin-left: 15px; margin-right: 5px; }

.shadow-horizontal2 { background: url('../images/nav_main_bg_shadow2.png') no-repeat; height:10px; }

#sub-nav {
	background-color: #bfbfbf;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	width: 756px;
	height: 23px;
	color: #333333;
	line-height: 20px;
}

#pre-footer2 { clear: both; }
#pre-footer2 .col-left { float: left; background-position: left botom; height: 28px; width: 202px; margin-left: 8px; }


.courtesy {font-size:8pt; color:gray; font-style:italic;}