@charset "UTF-8";
/* CSS Document */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 696px;
}

/* Personal */
body {
	font-family:Helvetica, Arial, sans-serif;
	background-color: #fff;
	font-size:13px;
	color:#596478;
}
a {
	text-decoration:none;
	color:#7c8899;
}
a:hover, a:active {
	color: #417eb5;;
	text-decoration: underline;
}
.title a:hover, a:visited, a:active, a:link {
	text-decoration:none;
	color:#7c8899;
}
div {
	overflow: visible;
}
.hidden {
	display:none;
}
.title {
	font-size:24px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
li {
	margin-left: 0px;
	font-size: 12px;
	text-align: left;
}
li a:hover, a:active {
	text-decoration: underline;
}
.footer {
	font-size:10px;
}
#topnav {
	margin: 0px;
	padding-top: 8px;
	
}
#topnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topnav li {
	display: inline;
	padding-right: 35px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#frontNav li {
	margin-left: -8px;
	margin-top: 0px;
	margin-bottom: 10px;

}
td {
	margin-top:0px;
	padding-top:10px;
}
.description {
	font-style:italic;
	font-size:11px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:38px;
}

.container_12 .grid_2 {
	width:96px;
}

.container_12 .grid_3 {
	width:154px;
}

.container_12 .grid_4 {
	width:212px;
}

.container_12 .grid_5 {
	width:270px;
}

.container_12 .grid_6 {
	width:328px;
}

.container_12 .grid_7 {
	width:386px;
}

.container_12 .grid_8 {
	width:444px;
}

.container_12 .grid_9 {
	width:502px;
}

.container_12 .grid_10 {
	width:560px;
}

.container_12 .grid_11 {
	width:618px;
}

.container_12 .grid_12 {
	width:676px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:58px;
}

.container_12 .prefix_2 {
	padding-left:116px;
}

.container_12 .prefix_3 {
	padding-left:174px;
}

.container_12 .prefix_4 {
	padding-left:232px;
}

.container_12 .prefix_5 {
	padding-left:290px;
}

.container_12 .prefix_6 {
	padding-left:348px;
}

.container_12 .prefix_7 {
	padding-left:406px;
}

.container_12 .prefix_8 {
	padding-left:464px;
}

.container_12 .prefix_9 {
	padding-left:522px;
}

.container_12 .prefix_10 {
	padding-left:580px;
}

.container_12 .prefix_11 {
	padding-left:638px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:58px;
}

.container_12 .suffix_2 {
	padding-right:116px;
}

.container_12 .suffix_3 {
	padding-right:174px;
}

.container_12 .suffix_4 {
	padding-right:232px;
}

.container_12 .suffix_5 {
	padding-right:290px;
}

.container_12 .suffix_6 {
	padding-right:348px;
}

.container_12 .suffix_7 {
	padding-right:406px;
}

.container_12 .suffix_8 {
	padding-right:464px;
}

.container_12 .suffix_9 {
	padding-right:522px;
}

.container_12 .suffix_10 {
	padding-right:580px;
}

.container_12 .suffix_11 {
	padding-right:638px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:58px;
}

.container_12 .push_2 {
	left:116px;
}

.container_12 .push_3 {
	left:174px;
}

.container_12 .push_4 {
	left:232px;
}

.container_12 .push_5 {
	left:290px;
}

.container_12 .push_6 {
	left:348px;
}

.container_12 .push_7 {
	left:406px;
}

.container_12 .push_8 {
	left:464px;
}

.container_12 .push_9 {
	left:522px;
}

.container_12 .push_10 {
	left:580px;
}

.container_12 .push_11 {
	left:638px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-58px;
}

.container_12 .pull_2 {
	left:-116px;
}

.container_12 .pull_3 {
	left:-174px;
}

.container_12 .pull_4 {
	left:-232px;
}

.container_12 .pull_5 {
	left:-290px;
}

.container_12 .pull_6 {
	left:-348px;
}

.container_12 .pull_7 {
	left:-406px;
}

.container_12 .pull_8 {
	left:-464px;
}

.container_12 .pull_9 {
	left:-522px;
}

.container_12 .pull_10 {
	left:-580px;
}

.container_12 .pull_11 {
	left:-638px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}