/*===========================
	 * Body and Wrappers
	 *---------------------------*/

	body {
		text-align: center;
		margin: 12px 12px;
		background-color: #00C0FF;
	}

	#wrapper {
		display: block;
		width: 917px;
		margin: 0px auto;
		text-align: left;
		border: #000000 solid;
		border-size: 1px
	}
	
	img {
		border: none; 
	}


	/*===========================
	 * Header and Sub-navigation
	 *---------------------------*/

	#header {
		line-height: 1px;
		font-size: 1px;
		display: block;
		width: 951 px;
		height: 200px;
		background: url("image/realbanner.bmp") transparent no-repeat;
	}

	#sub-nav {
		display: block;
		width: 951px;
		height: 29px;
		background: url("image/navigation-bar.jpg") transparent no-repeat;
		text-align: center;
	}

	#sub-nav #links {
		margin: 0px 0px;
		padding: 2px 0px 0px 0px;
		list-style: none;
	}

	#sub-nav #links li {
		display: inline;
		padding-left: 24px;
		background: url("image/nav_spacer.gif") no-repeat 0px 6px;
	}

	#sub-nav #links li.first {
		padding-left: 0px;
		background-image: none;
	}

	#sub-nav #links a {
		color: #000000;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

	/*===========================
	 * Contents area
	 *---------------------------*/

	#body {
		display: block;
		width: 951px;
		height: auto;
		background: url("image/body-wrapper.jpg") transparent repeat-y;
		padding: 10px 10px;
	}

	/*===========================
	 * Column 1 (Navigation)
	 *---------------------------*/

	#column-1 {
		float: left;
		display: block;
		width: 240px;
	}

	#column-1 .head {
		display: block;
		width: 237px;
		height: 30px;
		background: url("image/navigation-head.jpg") transparent no-repeat;
	}

	#column-1 .head b {
		position: relative;
		left: 30px;
		top: 8px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	#column-1 .text {
		display: block;
		width: 237px;
		background: url("image/navigation-wrapper.jpg") transparent repeat-y;
	}

	#column-1 .text p {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		display: block;
		margin: 0px 0px;
		padding: 5px 12px 6px 12px;
		line-height: 18px;
	}

	#column-1 .foot {
		line-height: 1px;
		font-size: 1px;
		display: block;
		width: 237px;
		height: 4px;
		background: url("image/navigation-foot.jpg") transparent no-repeat;
	}

	/*===========================
	 * Column 2 (Content)
	 *---------------------------*/
	
	#column-2 {
		float: left;
		display: block;
		width: 655px;
		margin-left: 6px;
	}	

	#column-2 .head {
		display: block;
		width: 651px;
		height: 30px;
		background: url("image/content-head.jpg") transparent no-repeat;
	}

	#column-2 .head b {
		position: relative;
		left: 30px;
		top: 8px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	#column-2 .text {
		display: block;
		width: 651px;
		background: url("image/content-wrapper.jpg") transparent repeat-y;
	}

	#column-2 .text tt {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		color: #000000;
		display: block;
		margin: 0px 0px;
		padding: 7px 7px 5px 7px;
		line-height: 18px;
	}

	#column-2 * {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		color: #0A505C;
	}

	#column-2 .foot {
		line-height: 1px;
		font-size: 1px;
		display: block;
		width: 651px;
		height: 4px;
		background: url("image/content-foot.jpg") transparent no-repeat;
	}
	
	/*===========================
	 * Footer (Copyright)
	 *---------------------------*/

	#footer {
		display: block;
		width: 951px;
		height: 28px;
		background: url("image/footer.png") transparent no-repeat;
	}

	#footer b {
		float: right;
		color: #FFFFFF;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		position: relative;
		top: 8px;
		right: 12px;
	}
		
	/*===========================
	 * News
	 *---------------------------*/

	.news-icon {
		float: left;
		margin: 0px 8px 8px 3px;
	}

	.news-body {
		float: right;
		position: relative;
		top: 5px;
		right: 6px;
		display: block;
		width: 520px;
		padding: 0px 0px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		color: #000000;
		line-height: 18px;
	}

	.news-details {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 3px 3px;
		margin: 0px 0px;
		position: relative;
		top: -5px;
		right: 3px;
		width: 100%;
		background-color: #00FFCC;
		text-color: #000000;
	}

	/*===========================
	 * Links
	 *---------------------------*/

	#column-2 a {
		color: #000000 !important;
		text-decoration: none;
	}

	#column-1 a {
		color: #2BA0B5 !important;
		text-decoration: none;
		height: 18px;
	}
	

	/*===========================
	 * Control Panel
	 *---------------------------*/

	.panel-row {
		display: block;
		width: 618px;
		height: 50px;
		padding: 4px 4px;
		border-bottom: 1px dotted #B3D3D7;
		border-left: 10px solid #B3D3D7;
	}

	.panel-row img {
		float: left;
		margin-right: 20px;
	}

	.panel-row b {
		float: left;
		position: relative;
		top: 10px;
	}
	
	.panel-row i {
		float: left;
		position: relative;
		top: 8px;
		font-style: normal;
		color: #139BB3 !important;
	}

	.item-info {
		border: 1px solid gray;
		-moz-border-radius: 4px;
		background: url("image/info_header.png") #FFFFFF repeat-x;
		padding-top: 16px;
		width: 95%;
	}

	.item-info table {
		background-color: #C3C3C3;
	}

	.item-info table td {
		padding: 5px 5px;
		background-color: #FFFFFF;
	}	

	.item-desc {
		line-height: 20px !important;
		padding: 6px 6px !important;
	}
	
	/*===========================
	 * Generic
	 *---------------------------*/

	.on {
		color: #00CC00;
	}

	.off {
		color: #FF3333;
	}
	
	.left {
		float: left;
	}

	.right {
		float: right;
	}

	.date {
		font-style: normal;
		color: #000000 !important;
	}

	* h4  {
		font-size: 12px !important;
		font-weight: bold;
		margin: 0px 0px;
		padding: 0px 0px;
		border-bottom: 1px solid #000000;
		padding-left: 15px !important;
	}

	#column-2 * ul {
		list-style-type: square;
		line-height: 18px;
	}

	#column-2 * ol {
		list-style-type: circle;
		line-height: 18px;
	}

	#column-2 * ol li {
		padding: 0px 0px;
		margin: 0px 0px;
	}

	* .disabled, * .disabled *, .disabled * * {
		color: gray !important;
	}