@charset "utf-8";

body {
	background: #2C3345;
	margin: auto;
	color: #000;
	font-family: arial, verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #E8E8E8;
	font-style: normal;
	line-height: 1.4em;
	height: 100%;
	width: 100%;
	overflow:auto;
	padding-bottom:120px;		
}


header {


display:inline-block;
margin: 30px auto 10px auto;

font-size: 1.1em;
overflow:hidden;
}
header p {margin: 0px auto 10px 10px;}

section {


margin: 0px auto 60px;
	max-width: 990px;

position: relative;

padding: 20px

}






h1 {


font-size: 1.1em;

color: white;

line-height: 1.15em;

margin: 10px 0 ;

}


h2 {


font-size: 1.1em;

color: white;

line-height: 1.15em;

margin: 10px 0 ;

}


h3 {


font-size: 1.1em;

color: white;

line-height: 0.2em;

margin: 10px 0 ;

}


h4 {


font-size: 1.1em;

color: white;

line-height: 0.2em;

margin: 10px 0 ;

}


h5 {


font-size: 1.3em;

line-height: 1.4em;

margin: 20px 0 ;


color:orange;

}


h6 {


font-size: 1em;

line-height: 1.4em;

margin: 20px 0 ;


color:orange;

}



p {
  margin-bottom: 1em;
}


/*  COLUMN SETUP  */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}


/*  GRID OF ONE   ============================================================================= */
.span_1_of_1 {
	width: 100%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_1_of_1 { width: 100%; }
}


/*  GRID OF ONE END  ============================================================================= */

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*  GRID OF TWO END  ============================================================================= */

/*  GRID OF THREE  ============================================================================= */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GRID OF THREE END  ============================================================================= */
/*  GRID OF FOUR  ============================================================================= */

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/*  GRID OF FOUR END  ============================================================================= */
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79%; 
}

.span_3_of_5 {
  	width: 59%; 
}

.span_2_of_5 {
  	width: 39%;
}

.span_1_of_5 {
  	width: 17%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}
/*  GRID OF FIVE END  ============================================================================= */

/* dCodes Framework:(c) Matt Varone,TemplateAccess */

#toTop{background:url(../images/ui.totop.png) no-repeat left top;border:none;bottom:10px;display:none;height:40px;overflow:hidden;position:fixed;right:10px;text-decoration:none;text-indent:100%;width:40px}#toTopHover{background:url(../images/ui.totop.png) no-repeat left -40px;display:block;filter:alpha(opacity=0);float:left;height:40px;moz-opacity:0;opacity:0;overflow:hidden;width:40px}#toTop:active,#toTop:focus{outline:none}




div#wrapper {
width: 100%;
background-color: #2C3345;

margin-left: auto;
margin-right: auto;
height:100%;
height:auto;
min-height:100%;
padding-bottom:120px;
}

.wrapper1 {
width: 960px;
background-color: #2C3345;

margin-left: auto;
margin-right: auto;
height:auto;
height:100%;
min-height:100%;
padding-bottom:70px;
}


a:link {text-decoration:none; color:white;}
a:visited {text-decoration:none; color:white;}
a:hover {text-decoration:none; color:white;}
a:active {text-decoration:none; color:white;}
a img { border: 0; }




div.img
  {
  margin:0px;
  border:0;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:0px;
  border:0;
  }
div.img a:hover img
  {
  border:0;
  }
div.desc
  {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 85%;
  text-align:center;
  font-weight:bold;
  width:auto;
  margin:0px;
margin-bottom:30px;
margin-top:5px;
  }