/* ================== */
/* = 960 Fixed Grid = */
/* ================== */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:960px; }

.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0;
	overflow: hidden;
	float: left;
	display: inline; /* ie6 double-margin bug fix */
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
	background-color: #E7E7F1;
	width: 960px; margin: 0 auto; overflow: hidden;
}

/*  Main  */

#bg-img  { z-index:-1; visibility:visible; position:fixed; left: 0px; top: 0px; width:100%; height:100%; display:block; }

body { 
	background-color: #E7E7F1;
	font: 13px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0; 
}

#header { height: 175px; background: url(header.jpg) no-repeat 0 0;}
#header h1 { 
	font-size: 50px;
	font-weight: bold; 
	line-height: normal;
	margin-bottom: 30px; 
	color: #363663;
	padding-left: 150px;

}

/*- Tabs --------------------------- */

#tabs {
	float:left;
	width:959px;
	background:#9c9cc9;
	font-size:93%;
	line-height:normal;
	padding: 0 0 0 1px;
}

#tabs ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
}

#tabs a {
	background: #7b7bb7 url(bg_tab_off.png) repeat-x;
	border: 1px solid #484884;
	color: #fff;
	float:left;
	margin:0 2px 0 0;
	padding:4px 8px;
	text-decoration:none;
}

#tabs a:hover, #tabs #current a { background: #484884 url(bg_tab_on.png) repeat-x; color: #fff; }

#navLeft ul { padding: 5px 0 0 0; margin: 0 0 10px 0; }
#navLeft li { line-height: 2em; margin: 0 0 2px 0; }

#navLeft li a {
	background-color: #E7E7F1;
	border: 1px solid  #484884;
	display: block;
	line-height: 2em;
	text-decoration: none;
	padding: 0 0 0 10px;
}

#navLeft li a:hover { background-color: #484884; color: #fff; }
#navLeft #current a { background-color: #fff; }
#navLeft #current a:hover { color: #2c506d; }

#leftColumn { background-color: #9C9CC9; }
#mainColumn { 	background-color: #E7E7F1; padding: 10px 0; margin-left: 20px; }

#footer { background-color: #5a5aa5; color: #fff; }

#footer p {	margin: 20px 0; text-align: center; }

.content { margin: 5px 10px; }

h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, .roundedCornerMain {
	font-weight: normal;
	line-height: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

h1 { color: #484884; text-transform: uppercase  }
h2 { color: #484884; font-size: 29px; }
h3 { color: #484884; font-size: 23px; }
h4 { font-size: 17px; }

a { color: #484884; font-weight: bold; }
a:hover { text-decoration: none; }

#footer a, .roundedCornerLeft a { color: #dedeed; }

.roundedCornerLeft {	
	background-color: #484884;
	border: 1px solid #484884;
	color: #fff;	
	margin: 0 0 10px 0;
	padding: 5px 10px; 
}

.roundedCornerMain {
	border: 1px solid #484884;	
	background-color: #fff;	
	margin: 0 0 0 0;
	padding: 5px 10px; 
}

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
}

#bg-img  { z-index:-1; visibility:visible; position:fixed; left: 0px; top: 0px; width:100%; height:100%; display:block; }