html {
	margin: 0;
	padding: 0;
/*	background: #CAE1F2;*/
}

body {
	margin: 0;
	background: #FFFFFF;
	color: #1F5A8C;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
}

a {
	color: #999999;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: underline;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

img { border: 0; }

	img.float_left {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	img.float_right {
		margin-bottom: 8px;
		margin-left: 8px;
	}

	img.img_inline {
		vertical-align: -5px;
		border: none;
	}
/*
table { width: 100%; }

	table .label {
		width: 150px;
		font-weight: bold;
		text-align: right;
	}

	td {
		padding-left: 8px;
		padding-right: 8px;
		vertical-align: top;
		text-align: justify;
		border-right: 1px #CCCCCC solid;
	}

	td:first-child {
		padding-left: 0;
	}

	td:last-child {
		padding-right: 0;
		border: none;
	}
*/
abbr {
	cursor: help;
}


/* GUH */
#container_page {
	margin-right: 0;
	margin-left: 0;
}

/* For Left Sidebar */
	/* Header text */
	#container_page.sidebar_left #container_header h1 {
		margin-left: 216px;
	}

	/* Sidebar */
	#container_page.sidebar_left #container_sidebar {
		left: 0;
		border-right: 1px #CCCCCC solid;
	}

	/* Content */
	#container_page.sidebar_left #container_content {
		margin-left: 216px;
		border-left: 1px #CCCCCC solid;
	}

	/* Footer */
	#container_page.sidebar_left #container_footer {
		margin-left: 216px;
		border-left: 1px #CCCCCC solid;
	}

/* For Right Sidebar */
	/* Sidebar */
	#container_page.sidebar_right #container_sidebar
	{
		right: 0;
		border-left: 1px #CCCCCC solid;
	}

	/* Content */
	#container_page.sidebar_right #container_content {
		margin-right: 216px;
		border-right: 1px #CCCCCC solid;
	}
	* html #container_page.sidebar_right #container_content {
		margin-right: 217px;
	}

	/* Footer */
	#container_page.sidebar_right #container_footer {
		margin-right: 216px;
		border-right: 1px #CCCCCC solid;
	}
	* html #container_page.sidebar_right #container_footer {
		margin-right: 217px;
	}

#container_header {
	padding: 8px;
	margin-right: 0;
	margin-left: 0;
	background: url(bg_header.png) repeat-x top left;
	border-bottom: 1px #CCCCCC solid;
	height: 72px;
}

	#container_header h1,
	#container_header .title {
		color: #1F5A8C;
		font-weight: bold;
	}

#container_sidebar {
	padding: 8px;
	width: 200px;
	position: absolute;
	top: 90px;
}

* html #container_sidebar {
	top: 90px;
}

	#container_sidebar .panel {
		background: #E0EEF7;
	}

/*	#container_sidebar .panel,*/
	#container_sidebar .link,
	#container_sidebar .current {
		font-weight: bold;
	}

		#container_sidebar .track,
		#container_sidebar .panel,
		#container_sidebar .link a,
		#container_sidebar .current a {
			margin-bottom: 4px;
			padding: 2px 2px 2px 4px;
			width: 192px;
			border: 1px #CAE1F2 solid;
			color: #1F5A8C;
		}

		#container_sidebar .track {
			display: block;
			font-size: 10px;
		}

		#container_sidebar .panel,
		#container_sidebar .link a,
		#container_sidebar .current a {
			display: block;
			text-decoration: none;
		}

		#container_sidebar .link a:hover,
		#container_sidebar .current a {
			border: 1px #1F5A8C solid;
			text-decoration: none;
		}

		#container_sidebar .current a {
			background: #EAF3FA;
		}

			#container_sidebar .link #switch {
				margin-top: 16px;
				font-size: 10px;
			}

	#container_sidebar div {
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px #CAE1F2 solid;
	}

	#container_sidebar span { }

		#menu h4 {
			display: none;
		}

		#menu ul {
			margin: 0;
			padding: 0;
		}

		#menu li {
			list-style-type: none;
		}

#container_content {
	padding: 0 8px 8px 8px;
}

	#container_content .navigation {
		margin-bottom: 8px;
		border-bottom: 1px #CAE1F2 solid;
		color: #1F5A8C;
		font-size: 20px;
		font-weight: bold;
	}

		#container_content .navigation a {
			color: #CCCCCC;
			text-decoration: none;
		}

		#container_content .navigation a:hover {
			color: #1F5A8C;
			text-decoration: none;
		}

	#container_content .text { }

		a.item {
			padding: 4px;
			width: 84px;
			height: 92px;
			text-align: center;
			text-decoration: none;
		}

			a.item:active,
			a.item:focus {
				color: #FFFFFF;
				background: #1F5A8C;
			}

			a.item:hover {
				background: #CAE1F2;
				color: #1F5A8C;
			}

			a.item .icon {
				width: 84px;
				height: 64px;
				vertical-align: middle;
				text-align: center;
			}

			a.item .text {
				font-size: 10px;
			}

#container_footer {
	padding: 8px;
	font-size: 10px;
	border-top: 1px #CCCCCC solid;
}


/* BITS */
.group_name {
	margin-top: 8px;
}

.group_site {
	background: #E0EEF7;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	padding: 4px;
	border: 1px #CCCCCC solid;
	float: left;
	width: 242px;
}

.group_site:hover {
	background: #EFEFDE;
}

	.group_site a {
		color: #1F5A8C;
		text-decoration: none;
	}
/*
	.group_site a:hover {
		text-decoration: underline;
	}
*/
	.group_site img {
		margin-bottom: 4px;
		border: 1px #CCCCCC solid;
		display: block;
	}

		.group_site img + br {
			display: none;
		}

	.group_site .name {
		font-size: 16px;
	}

	.group_site .desc {
		font-size: 10px;
	}

	#postform .panel {
		margin-bottom: 4px;
		padding: 2px 2px 2px 4px;
		border: 1px #CAE1F2 solid;
		background: #E0EEF7;
		color: #1F5A8C;
		display: block;
	}

	#postform .panel hr {
/*		font-weight: bold;
		color: #CAE1F2;*/
	}

	#resultform {
		border: 1px #CAE1F2 solid;
		background: #E0EEF7;
		color: #1F5A8C;
	}

	#resultform .panel {
		padding: 4px 8px 4px 8px;
		border-left: 1px #CAE1F2 solid;
	}

	#resultform .panel:first-child {
		padding-left: 4px;
		border-left: none;
	}


/* FORMS */

input[type="checkbox"] {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

input[type="radio"] {
	margin: 0 0 2px 0;
	vertical-align: top;
}


/* FLUIDITY */

.nobr {
	white-space: nowrap;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/* Apply clear to element containing floated containers */
	/* IE6 Clear */
	* html .float_clear {
		clear: both;
		height: 1%;
	}

	/* IE7 Clear */
	.float_clear {
		min-height: 0;
	}

	/* GOOD BROWSER Clear */
	.float_clear:after {
		clear: both;
		display: block;
		content: ".";
		height: 0;
		visibility: hidden;
	}