@import url(http://fonts.googleapis.com/css?family=Lora:400,700&subset=latin,latin-ext);

#loginContainer {
	border-bottom: 1px solid white;
	border-top: 1px solid #2f2d2b;
	background: #1d1c1b; /* Old browsers */
	background: -moz-linear-gradient(top, #1d1c1b 0%, #2f2d2b 50%, #2f2d2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1c1b), color-stop(50%,#2f2d2b), color-stop(100%,#2f2d2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1d1c1b 0%,#2f2d2b 50%,#2f2d2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1d1c1b 0%,#2f2d2b 50%,#2f2d2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1d1c1b 0%,#2f2d2b 50%,#2f2d2b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1d1c1b 0%,#2f2d2b 50%,#2f2d2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1c1b', endColorstr='#2f2d2b',GradientType=0 ); /* IE6-9 */

	height: 28px;
	padding-top: 2px;
	padding-right: 2px;
	text-align: right;
	color: white;
}

#logoContainer {
	background-color: white;
	border-top: 1px solid #e5e2dd;
	font-family: 'Lora', serif;
	padding: 15px;
}

#logoContainer .title {
	font-size: 22pt;
}

#logoContainer .subtitle {
	font-size: 14pt;
	color: #808080;
}

#menuContainer {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
}

#menuContainer .wrapper {
	height: 31px;
	border-bottom: 5px solid #629826;

	background: #6ead23; /* Old browsers */
	background: -moz-linear-gradient(top, #6ead23 0%, #77ad21 25%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ead23), color-stop(25%,#77ad21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6ead23 0%,#77ad21 25%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6ead23 0%,#77ad21 25%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6ead23 0%,#77ad21 25%); /* IE10+ */
	background: linear-gradient(to bottom, #6ead23 0%,#77ad21 25%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ead23', endColorstr='#77ad21',GradientType=0 ); /* IE6-9 */

	border-radius: 2px 2px 0px 0px;
	position: relative;
}

#menuContainer ul.menu {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
}

#menuContainer ul.menu li {
	border-left: 1px solid #7cb229;
	border-right: 1px solid #6aa024;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	margin-top: 4px;
	display: block;
	float: left;
	height: 17px;
	color: white;
}

#menuContainer ul.menu li.selected {
	border: 1px solid #629826;
	padding-top: 9px;
	height: 26px;
	border-bottom: 0;
	background-color: white;
	color: black;
	border-radius: 5px 5px 0px 0px;
	margin-top: 0px;
}

#menuContainer a {
	text-decoration: none;
	font-size: 10pt;
	color: inherit;
}

#contentContainer {
	background-color: white;
	margin: auto;
	padding-top: 20px;
}

#footer {
	color: #777572;
	background: #1c1017; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1017 0%, #2c2927 20%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1017), color-stop(20%,#2c2927)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1017 0%,#2c2927 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1017 0%,#2c2927 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c1017 0%,#2c2927 20%); /* IE10+ */
	background: linear-gradient(to bottom, #1c1017 0%,#2c2927 20%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1017', endColorstr='#2c2927',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #2e2b26;
	font-size: 8pt;
	padding: 15px;
	text-align: center;
}

.hsizer {
	width: 962px;
	margin: auto;
}

.leftColumn {
	border-right: 1px dotted #d6d1c9;
	margin-right: 200px;
	padding-right: 10px;
	padding-bottom: 40px;
}

.rightColumn {
	padding-left: 10px;
	float: right;
	width: 190px;
}

.clearer {
	height: 0px;
	clear: both;
}