body {
background-color:#000000;
}
#container
{
width: 85%;
margin-left: auto ;
margin-right: auto ;
background-color:#000000;
background-image:url(img/bg1.jpg);
background-repeat:no-repeat;

}
#top
{
padding: 0px;
background-color:#000000;
border-bottom: 0px solid gray;
text-align:left;
color:#00CCFF;
font-family: 'Titillium Web', sans-serif;
font-size:1em;

}
#footer	
{
clear: both;
margin: 0;
padding-right: 56px;
padding-bottom: 8px;
padding-top: 8px;
font-family: 'Titillium Web', sans-serif;
font-size:0.9em;
text-align: right;
color: #ffffff;
background-color:#809FBB;
border-top: 0px solid gray;
line-height:150%;
}
#container p {margin: 0 0 1em 0; }

#container a:link {
color:#ffffff;
text-decoration:none;
}

#container a:visited {
color:#ffffff;
text-decoration:none;
}

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

#container a:active {
color:#ffffff;
text-decoration:none;
}

.datagrid table { 
border-collapse: collapse; 
text-align: left; 
width: 100%; 
} 
.datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif; 
background: #fff; 
overflow: hidden; 
border: 1px solid #006699; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
}
.datagrid table td, .datagrid table th { 
padding: 3px 10px;
width: 20%; 
}
.datagrid table tbody td { 
color: #00496B; border-left: 1px solid #E1EEF4;
font-size: 12px;
font-weight: normal;
}
.datagrid table tbody .alt td { 
background: #E1EEF4; 
color: #00496B;
}
.datagrid table tbody td:first-child { 
border-left: none;
}
.datagrid table tbody tr:last-child td 
{
border-bottom: none; 
}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  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 TWO  */
.span_2_of_2 {
	width: 78%;
	text-align:left;

border-left: 0px solid #A2CBCD;
padding-left: 0px;
font-family: 'Roboto', sans-serif;
font-size:0.9em;
color:#000033;
font-size:14px;
line-height:150%;


}
.span_1_of_2 {
	width: 18%;
	text-align:left;
	

border-right:0px solid #A2CBCD;
color:#000033;
font-family: 'Titillium Web', sans-serif;
font-size:16px;
line-height:95%;
}

/*  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 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%;
		}
		

		


#col span_1_of_2 a:link {
color:#000033;
text-decoration:none;
}

#col span_1_of_2 a:visited {
color:#000033;
text-decoration:none;
}

#col span_1_of_2 a:hover {
color:#000033;
font-weight:normal;
text-decoration:none;
}

#col span_1_of_2 a:active {
color:#000033;
text-decoration:none;
}

#footer a:link {
color:#cccccc;
text-decoration:none;
}

#footer a:visited {
color:#000033;
text-decoration:none;
}

#footer a:hover {
color:#00CCFF;
font-weight:normal;
text-decoration:none;
}

#footer a:active {
color:#cccccc;
text-decoration:none;
}

#col span_2_of_2 h1 {
font-family: 'Roboto', sans-serif;
font-size:34px;
color:#000033;
padding: 0; 
margin: 0;
line-height:150%;
}
#col span_2_of_2 h2 {
font-family: 'Roboto', sans-serif;
font-size:18px;
color:#000033;
padding: 0; 
margin: 0;
}
#col span_2_of_2 h3 {
font-family: 'Roboto', sans-serif;
font-size:24px;
color:#666666;
padding-left:2px; 
margin: 0;
}
#col span_2_of_2 td{
color:#666666;
}