/******************* global ************************/
input.gobtn {
width: 26px;
height: 18px;
background: #333 url(images/global/login-go.gif) no-repeat;
outline: none;
}


body {
	margin:0px;
	padding:0px;
	background-color: #E8E8E8;
	}
	
.left-space {
	background-image:url(../images/global/left-space.gif);
	background-repeat:repeat-y;
	}
	
.right-space {
	background-image:url(../images/global/right-space.gif);
	background-repeat:repeat-y;
	}
	
.header-bg {
	background-image:url(../images/global/header-bg.gif);
	background-repeat:repeat-x;
	}

.login {
	margin-top: 3px;
	font-size:9px;
	font-family:Arial;
	font-weight:bold;
	color:#FFFFFF;
	}
.login a {
	color:#F7C779;
}
.login a:hover {
	text-decoration: none;
}
	
input.loginbox
	{
    width:80px;
	height:18px;	
	}

.login input {
	border: 1px solid #8C7564;
	background-color:#F2D9CD;
	color:#333333;
	}
	
.banner {
	background-image:url(../images/banner/banner-bg.gif);
	background-repeat:repeat-x;
	padding: 5px 10px 5px 10px;
	font-size:11px;
	font-family:Arial;
	color:#663A00;
	line-height:14px;
}
.banner table {
	margin: 5px 0px 8px 0px;
}
.banner div {
	border-top: 1px solid #F7C779;
	padding-top: 5px;
}
.banner a {
	color: #FEE392;
	text-decoration: none;
}
.banner a:hover {
	color: #FFFFFF;
}

.sub-banner {
	background-image:url(../images/banner/sub-bg.gif);
	background-repeat:repeat-x;
	padding: 5px;
	font-size:11px;
	font-family:Arial;
	color:#663A00;
	line-height:13px;
}

.title {
	background-image:url(../images/title/title-bg.gif);
	background-repeat:repeat-x;
	}

/****************************** footer ********************************/
.footer {
	background-color:#C9C9C9;
	padding:5px 10px;
	font-size:10px;
	font-family:Arial;
	color:#888888;
	}
	
.footer a:link, .footer a:visited, .footer a:active {
	color:#888888;
	text-decoration:underline;
	}
	
.footer a:hover {
	color:#333333;
	text-decoration:underline;
	}


/**************************** index box *****************************/
.box-date-font {
	font-size:11px;
	font-family:Arial;
	line-height:15px;
	color:#444444;
	}

.box {
	padding:5px 8px;
	font-size:11px;
	font-family:Arial;
	line-height:15px;
	color:#444444;
	}
	
.box-date, .box-date a:link, .box-date a:visited {
	font-size:11px;
	font-family:Arial;
	font-style:italic;
	color:#C51513;
	text-decoration: none;
	}
.box-date a:hover {
	font-size:11px;
	font-family:Arial;
	font-style:italic;
	color:#000000;
	text-decoration: none;
	}
	
.sponsor {
	margin:5px 0px 10px 0px;
	}
	
.sponsor #logo {
	padding:5px;
	}
	

/***************************** calendar ********************************/
.calendar-left{
	background-image:url(../images/calendar/cal-left-space.gif);
	background-repeat:repeat-y;
}

.calendar-right{
	background-image:url(../images/calendar/cal-right-space.gif);
	background-repeat:repeat-y;
}
	
.calendar {
	font-size:10px;
	font-family:Arial;
	color:#555555;
	line-height:20px;
}

.calendar a:link, .calendar a:visited, .calendar a:active {
	color:#555555;
	text-decoration:none;
	display: block;
	width: 100%;
}
	
.calendar a:hover {
	color:#555555;
	text-decoration:underline;
}

.calendar_desc {
	-moz-opacity: 0.80;
	opacity: 0.80;
	FILTER: Alpha(Opacity=80);
	padding: 5px;
	font-family: Arial;
	font-size:9px;
	color: #333333;
	border: 1px solid #E38028;
	width: 100px;
}
.calendar_desc td {
	font-family: Arial;
	font-size:9px;
	color: #333333;
	line-height: 10px;
}
.calendar_desc a:link, .calendar_desc a:visited {
	font-family: Arial;
	font-size: 9px;
	color: #9A0B0B;
	font-weight: normal;
	text-decoration: none;
	line-height: 10px;
}
.calendar_desc a:hover {
	font-family: Arial;
	font-size: 9px;
	color: #000000;
}
.calendar_desc ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
.calendar_desc li {
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

/******************************* main content *********************************/
.index-main-content {
	margin:20px 0px 20px 0px;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	color:#666666;
}
.index-main-content h3{
	font-size:12px;
	font-family:Arial;
	color:#B12E09;
	font-weight:bold;
}
.main-content {
	margin:20px 20px 30px 0px;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	color:#666666;
}
.main-content td {
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	color:#666666;
}

.main-content h3{
	font-size:12px;
	font-family:Arial;
	color:#B12E09;
	font-weight:bold;
}
.main-content ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/bullet-arrow.gif);
}
.main-content li {
	padding: 0px;
	margin: 0px 0px 0px 24px;
}
.main-content a:link, .main-content a:visited {
	font-family: Arial;
	color: #9A0B0B;
	text-decoration: none;
}
.main-content a:hover {
	font-family: Arial;
	color: #000000;
}



	
/********************* socialising ***********************/
.socialising_content {
	margin:20px 0px 30px 0px;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	color:#666666;
}
.s_frame_left {
	background-image:url(../images/socialising/frame/s-left.gif);
	background-repeat:repeat-y;
	}
	
.s_frame_right {
	background-image:url(../images/socialising/frame/s-right.gif);
	background-repeat:repeat-y;
	}
	
.b_frame_left {
	background-image:url(../images/socialising/frame/b-left.gif);
	background-repeat:repeat-y;
	}
	
.b_frame_right {
	background-image:url(../images/socialising/frame/b-right.gif);
	background-repeat:repeat-y;
	}
	
.frame_div {
	margin:4px;
	}
	
	
/************************* Calendar ******************************/
.calendar_date, .calendar_date td {
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	line-height: 14px;
}
.calendar_date a:link, .calendar_date a:visited {
	color: #9A0B0B;
	font-weight: normal;
	text-decoration: none;
}
.calendar_date a:hover {
	color: #000000;
}
.calendar_date td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
.calendar_date td ul li {
	font-family: Arial;
	font-size: 9px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	line-height: 10px;
}

/************************* Magazine ******************************/
.magazine_table img {
	border: 1px solid #666666;
}

/************************* Pictures ******************************/
.pictures {
	margin:20px 0px 30px 0px;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	color:#666666;
}
.pictures h3{
	font-size:12px;
	font-family:Arial;
	color:#B12E09;
	font-weight:bold;
}
.pictures table td {
	text-align: center;
	font-size:11px;
	font-family:Arial;
	line-height:14px;
	color:#666666;
}
.pictures table td table{
	width: 126px;
}
.pictures table td table td {
	text-align: center;
	font-size:11px;
	font-family:Arial;
	line-height:14px;
	color:#666666;
}
.pictures table td table td#folders{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 18px 10px;
	background: url(../images/pictures/bg-folder.gif) left top no-repeat;
	height: 134px;
}
.pictures table td table td#thumbnails{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background: url(../images/pictures/bg-thumb.gif) left top no-repeat;
	height: 126px;
}
.pictures table td#enlarge{
	margin: 0px 0px 0px 0px;
	padding: 20px;
	background: url(../images/pictures/bg-image.gif) left top no-repeat;
	height: 534px;
}