@charset "utf-8";
a:link {
	color: #993300;
	text-decoration: none;
}
a:visited {
	color: #990033;
	text-decoration: underline;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}
h1 {
	font-size: 24px;
	color: #666666;
	margin: 0 auto 15px auto;
	color: #cc0000;
}
h2 {
	font-size: 20px;
	color: #666666;
	margin: 0 auto 10px auto;
}
h3 {
	font-size: 16px;
	color: #666666;
	margin: 0 auto 10px auto;
	color: #ff0000;
}
h4 {
	font-size: 14px;
	color: #666666;
	margin: 0 auto 5px auto;
}
h5 {
	font-size: 12px;
	color: #666666;
	margin: 0 auto 5px auto;
}
h6 {
	font-size: 11px;
	color: #666666;
	margin: 0 auto 5px auto;
}
ul {
	margin-top: 0;
}

#sz-memori-yipang-unthinkable {
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: 18px;
background: #cccccc;
}
#sz-topsection {
width: 100%;
background: #ffffff url(../images/bg_body.jpg) repeat-x top left;
}
#sz-wrapper {
width: 970px;
margin: 0 auto 0 auto;
background: transparent url(../images/bg_wrapper.jpg) repeat-x top left;
}
#sz-page {
margin: 0 2px 0 2px;
background: #ffffff;
}
#sz-header {
height: 200px;
}
#sz-module-header {
margin-bottom: 10px;
}
#sz-module-banner {
text-align: center;
margin-bottom: 10px;
}
#sz-logo {
height: 200px;
background: transparent url(../images/logo.png) no-repeat top left;
}
#sz-topmenu {
height: 41px;
background: transparent url(../images/bg_topmenu.jpg) repeat-x top left;
}
#sz-pathway {
height: 37px;
line-height: 25px;
padding-left: 15px;
color: #cccccc;
background: transparent url(../images/bg_module_grey_h3.jpg) repeat-x top left;
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-pathway .pathway img {
margin: 6px 5px 0 5px !important;
margin: 5px 5px 0 5px;
}
span.pathway {
margin-top: 0 !important;
margin-top: 10px;
}
#sz-pathway a:link, #sz-pathway a:visited {
color: #cccccc;
text-decoration: none;
}
#sz-pathway a:hover {
text-decoration: none;
}
#sz-middle {
display: block;
}
#sz-right {
width: 200px;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-left {
width: 200px;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-bottom, #sz-footer {
margin: 10px auto 10px auto;
}
/* other modules, quite tricky */
#sz-module1 {
float: left;
width: 30%;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module1-no-mod2 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module1-no-mod3 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module1-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-module2 {
float: right;
width: 30%;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module2-no-mod1 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module2-no-mod3 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module2-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-module3 {
margin: 0 32% 0 32%;
}
#sz-module3-no-mod1 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module3-no-mod2 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module3-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-module4 {
float: left;
width: 30%;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module4-no-mod5 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module4-no-mod6 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module4-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-module5 {
float: right;
width: 30%;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module5-no-mod4 {
width: 48.5%;
float: left;
margin-left: 10px !important;
margin-left: 5px;
}
#sz-module5-no-mod6 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module5-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
#sz-module6 {
margin: 0 32% 0 32%;
}
#sz-module6-no-mod4 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module6-no-mod5 {
width: 48.5%;
float: right;
margin-right: 10px !important;
margin-right: 5px;
}
#sz-module6-no-both {
margin: 0 10px 0 10px !important;
margin: 0 5px 0 5px;
}
/* other modules, quite tricky */
/* copyright notice */
#sz-bottomsection {
background: #cccccc url(../images/bg_bottom.jpg) repeat-x top left;
padding-bottom: 0px;
padding-top: -5px;
}
#sz-copyright {
width: 100%;
height: 40px;
margin: 0px 0 0 0px !important;
float: left;
color: #666666;
font-size: 100%;
font-family: Georgia;
}
#sz-copyright a:link, #sz-copyright a:visited {
color: #990000;
text-decoration: none;
}
#sz-copyright a:hover {
color: #333333;
text-decoration: none;
}

/* copyright notice */
/* Joomla! Stuff */
/* Module */
div.module {
background: transparent url(../images/bg_module_1.jpg) repeat-x top left;
padding: 1px 1px 0 1px;
margin-bottom: 20px;
}
div.module div {
background: #ffffff;
margin: 1px;
}
div.module div div div form table {
margin: 0 auto 0 auto !important;
margin: -20px auto 0 auto;
width: 180px;
}
div.module div div div {
}
div.module h3 {
margin: 0;
padding-left: 10px;
font-size: 12px;
color: #ffffff;
background: transparent url(../images/bg_module_h3.jpg) repeat-x top left;
height: 34px;
line-height: 25px;
}
#sz-modules div.module, #sz-bottom div.module, #sz-footer div.module {
background: transparent url(../images/bg_module_grey_1.jpg) repeat-x top left;
padding: 1px 1px 0 1px;
margin-bottom: 20px;
}
#sz-modules div.module h3, #sz-bottom div.module h3, #sz-footer div.module h3 {
margin: 0;
padding-left: 10px;
font-size: 12px;
color: #ffffff;
background: transparent url(../images/bg_module_grey_h3.jpg) repeat-x top left;
height: 34px;
line-height: 25px;
}
#sz-modules div.module div, #sz-bottom div.module div, #sz-footer div.module div {
background: #ffffff;
margin: 1px;
}
/* topmenu */
ul#mainlevel-nav {
list-style: none;
padding: 0 0 0 3px;
margin: 0;
font-size: 12px;
background: none;
}
ul#mainlevel-nav li {
list-style-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
line-height: 28px;
height: 30px;
background: none;
}
ul#mainlevel-nav li a, ul#mainlevel-nav li a:visited {
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #ffffff;
display: block;
float: left;
background: none;
}
#buttons>ul#mainlevel-nav li a {
width: auto;
}
#mainlevel-nav #active_menu-nav, ul#mainlevel-nav li a:hover {
color: #ff0000;
display: block;
}
#mainlevel-nav a#active_menu-nav:hover {
color: #000000;
}
/* menus */
.mainlevel {
color: #666666;
text-decoration: none;
}
a.mainlevel:link, a.mainlevel:visited {
background: transparent;
float: left;
display: block;
width: 94%;
padding: 3px 2px 3px 10px;
text-decoration:none
}
a.mainlevel:hover {
background: #f2f0f0;
}
a.mainlevel#active_menu {
background: #fdefef;
color: #990000;
}
/* menus */
/* Title of the content, article, etc. being displayed.*/
/*Title of articles*/
.contentheading {
color: #990000;
font-size: 18px;
font-family: Verdana,Tahoma, Arial, Helvetica;
font-weight: normal;
overflow: hidden;
line-height: 35px;
height: 35px;
white-space: nowrap;
letter-spacing: -2px;
width: 100%;
margin: 0 auto 3px auto;
}
.contentheading img {
float: right;
vertical-align: top;
padding: 0;
}
/* Title of the component being used to display the content.*/
.componentheading {
font-size: 14px;
color: #666666;
font-style: bold;
border-bottom: solid 1px #666666;
margin-bottom: 5px;
}
/* custom, core file hack */
.pagenavsection {
padding-top: 15px;
margin-top: 10px;
border-top: solid 1px #CCCCCC;
}
/* custom, core file hack */
span.pagenav {
text-align: center;
color: #666666;
padding: 5px;
height: 35px;
text-decoration: none;
font-size: 10px;
display: inline;
}
a.pagenav:link {
text-align: center;
padding: 5px;
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.pagenav:visited {
text-align: center;
padding: 5px;
color: #999999;
text-decoration: none;
font-weight: bold;
}
a.pagenav:hover {
text-align: center;
padding: 5px;
color: #666666;
text-decoration: none;
font-weight: bold;
}
.page-nav {
width: 98.8%;
}
.back_button {
margin-top: 20px;
height: 30px;
}
.back_button a:link, .back_button a:visited {
display: block;
text-indent: -9999px;
width: 71px;
height: 27px;
text-align: center;
background: transparent url(../images/back_button_link.jpg) no-repeat top left;
outline-style: none;
}
.back_button a:hover {
background: transparent url(../images/back_button_hover.jpg) no-repeat top left;
}
/* Read more... link */
a.readon:link {
display: block;
text-indent: -9999px;
width: 97px;
height: 23px;
background: transparent url(../images/readon_button_link.jpg) no-repeat top left;
float: right;
}
a.readon:hover {
display: block;
background: transparent url(../images/readon_button_hover.jpg) no-repeat top left;
float: right;
}
/* Read more... link */
th.pagenav_prev, th.pagenav_next {
text-align: center;
width: 100% !important;
width: 50%;
}
.pagenav_next a:link, .pagenav_next a:visited, .pagenav_prev a:link, .pagenav_prev a:visited {
padding-top: 3px;
display: block;
color: #333333;
text-decoration: none;
width: 60px;
height: 20px;
text-align: center;
border: solid 1px #999999;
} /*Style for the PREV button*/
/*Style for the NEXT button*/
.sectiontableentry1 {
background-color : transparent;
line-height: 18px;
text-align: left;
padding: 2px 5px 2px 5px;
height: 22px;
}
.sectiontableentry2 {
background-color : #f9f9f9;
text-align: left;
line-height: 18px;
padding: 2px 5px 2px 5px;
height: 22px;
}
.sectiontableheader {
height: 34px;
font-weight: bold;
color: #ffffff;
line-height: 20px;
vertical-align: top;
padding: 2px 0 0 5px;
background: transparent url(../images/bg_module_grey_h3.jpg) repeat-x top left;
}
.sectiontablefooter {
height: 25px;
text-align: center;
vertical-align: bottom;
}
table.blog, table.contentpaneopen, .contentpane {
width: 98%;
margin: 0 auto 0 auto;
}
table.poll {
width: 90%;
}
/* Dates , Authors*/
.small {
font-size: 11px;
color: #666666;
font-style: normal;
}
.createdate, .modifydate {
font-size: 11px;
color: #999999;
}
.smalldark {
font-size: 10px;
color: #999999;
font-style: normal;
}
.mosimage {
border: solid 1px #CCCCCC;
margin: 0 15px 0 0;
}
.mosimage img {
margin: 5px;
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
ul.latestnews, ul.mostread {
margin-top: 0;
}
li.latestnews {
list-style: none;
background: transparent url(../images/list-image-2.png) no-repeat left;
padding-left: 20px;
margin: 0 0 0 -15px;
}
li.mostread {
list-style: none;
background: transparent url(../images/list-image-1.png) no-repeat left;
padding-left: 20px;
margin: 0 0 0 -15px;
}
li.latestnews a:link, li.latestnews a:visited {
color: #990000;
text-decoration: none;
}
li.latestnews a:hover {
color: #ff0000;
text-decoration: none;
}
#mod_login_username, #mod_login_password {
width: 82% !important;
width: 80%;
}
#mod_login_remember {
width: 20px;
}
/* Joomla! Stuff */
/* typography */
.info {
background: #f0f6fd url(../images/typo/info.gif) no-repeat center left;
border-bottom: solid 2px #CAE2F4;
border-top: solid 2px #CAE2F4;
padding: 10px 10px 10px 50px;
display: block;
}
blockquote, .quote {
background: #FFFFFF url(../images/typo/quote1-1.gif) no-repeat top left;
padding: 0 0 0 35px;
color: #990000;
display: block;
width: auto;
}
blockquote div {
background: transparent url(../images/typo/quote1-2.gif) no-repeat bottom right;
padding: 10px 35px 10px 0px;
}
blockquote .link {
color: #0066CC;
font-family: Tahoma, Arial, Helvetica;
font-size: 11px;
background: none;
padding: 5px 0;
display: block;
}
.alert {
background: #fcead3 url(../images/typo/alert.gif) no-repeat center left;
padding: 10px 10px 10px 50px;
border-bottom: solid 2px #EDCD87;
border-top: solid 2px #EDCD87;
display: block;
width: auto;
}
.download {
background: #deffe5 url(../images/typo/download.gif) no-repeat center left;
padding: 10px 10px 10px 50px;
border-bottom: solid 2px #99CC99;
border-top: solid 2px #99CC99;
display: block;
width: auto;
}
.url {
background: #f8ffe6 url(../images/typo/url.gif) no-repeat center left;
padding: 10px 10px 10px 50px;
border-bottom: solid 2px #DCE8B6;
border-top: solid 2px #DCE8B6;
display: block;
width: auto;
}
.idea {
background: #fcfee4 url(../images/typo/idea.gif) no-repeat center left;
padding: 10px 10px 10px 50px;
border-bottom: solid 2px #cccc00;
border-top: solid 2px #cccc00;
color: #000066;
display: block;
width: auto;
}
.warning {
background: #ffe6e6 url(../images/typo/warning.gif) no-repeat center left;
padding: 10px 10px 10px 50px;
border-bottom: solid 2px #FF6633;
border-top: solid 2px #FF6633;
display: block;
width: auto;
}
.code {
background-color:
#fbfbfd;
border:
1px solid #dae0e4;
font-size:
11px;
margin:
5px;
padding:
8px;
display: block;
overflow:
auto;
white-space:
nowrap;
width: auto;
}
.clearall {
clear: both;
}
/* in case u r using fireboard */
div#fireboard {
width: 98%;
margin: 0 auto 0 auto;
}