html,body {	height: 100%; }
body { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-size: small; }
p { padding: 0px; margin: 5px 0px 5px 0px; }
a { text-decoration: none; } 
h1, h2 { border-top: 1px solid #BBD7EC; margin: 0px; padding: 5px 15px 5px 15px; }
h1 { font-size: 130%; color: #fff; background-color: #285886; }
h2 { font-size: 115%; color: #fff; background-color: #5E99C5; }
hr { color: #285886; height: 1px; }

.cssMain, .cssView {
	width: 776px;
	height: 418px;
	border: 1px solid #285886;
}
.cssMain {
	background-image: url(/assets/rbb02s/img/banner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.cssView {	background-color: #000; }
.cssMenu {
	float: left;
	width: 200px;
	margin: 130px 10px 0px 10px;
}
.cssMenu a { display: block; padding-left: 10px; border: 1px solid #285886 }
.cssMenu a:link, .cssMenu  a:visited { color: #285886; background-color: #fff;  }
.cssMenu a:hover,.cssMenu a:active, .cssMenu a.sel {   color: #fff; background-color: #909193; }

.cssMenu ul { margin: 0px; padding: 0px; list-style-type: none;}
.cssMenu li { margin: 4px 0px 0px 0px; padding: 0px; list-style-type: none;  }
.cssMenu ul ul { padding-left: 20px }
.cssMenu ul li { width: 200px; font-size: 110%; font-weight: bold;  }
.cssMenu ul ul li { width: 180px; font-size: 100%;  font-weight: bold;  }
.cssMenu ul ul ul li { width: 160px; font-size: 100%; font-weight: normal; }

.cssTemplate {
	width: 541px;
	height: 418px;
	float: right;
}
.cssTemplate a:link, .cssTemplate a:visited { color: #285886; }
.cssTemplate a:hover, .cssTemplate a:active { color: #fff; background-color: #285886; }

.cssContent1, .cssContent2 {
	height: 278px;
	margin: 126px 20px 20px 20px;
	overflow: auto;
}
.cssContent1 { width: 501px; }
.cssContent2 { width: 300px; float: left; }

#gallery {
	float: right;
	height: 418px;
	width: 178px;
	overflow: auto;
	background-color: #000;
}
#gallery p
{
	text-align: center;
	xxcursor: pointer;
}