#container
{
width: 75%;

margin-left: auto ;
margin-right: auto ;
background-color:#ffffff;
}
#top
{
padding: 0px;
background-color:#ffffff;
border-bottom: 0px solid gray;
text-align:left;
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
#footer	
{
clear: both;
margin: 0;
padding-right: 56px;
padding-bottom: 8px;
padding-top: 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align: right;
color:#000033;
background-color:#ffffff;
border-top: 0px solid gray;
}
#container p {margin: 0 0 1em 0; }

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

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

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

#container a:active {
color:#666666;
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: 75%;
	text-align:left;
border: 0px solid gray;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#666666;
font-size:16px;
}
.span_1_of_2 {
	width: 20%;
	text-align:left;
background-color:#ffffff;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}

/*  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:#666666;
text-decoration:none;
}

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

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

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

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

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

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

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

#col span_1_of_2 h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#CCCCCC;
padding: 0; 
margin: 0;
}
#col span_1_of_2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
padding: 0; 
margin: 0;
}
#col span_1_of_2t h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
padding-left:2px; 
margin: 0;
}
#col span_1_of_2 td{
color:#666666;
}