@charset "utf-8"

body {
	background-color: #FFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
}

h1 {
	font-size:24px;	
	line-height: 34px;	
	}
	
.headertxt {
	font-size: 32px;
	line-height: 42px;
	color: #FFF;
	text-align:center;	
	background-color:#006699;
	}
	
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}

a { color: #002f67; text-decoration: none; }
a:visited { color: #002f67; text-decoration: none; }
a:hover { color: #457abe; text-decoration: none; }

a.blue { color: #002f67; text-decoration: none }
a.blue:visited { color: #002f67; text-decoration: none; }
a.blue:hover { color: #457abe; text-decoration: none; }

a.whitelk { color: #FFF; text-decoration: none; }
a.whitelk:visited { color: #FFF; text-decoration: none; }
a.whitelk:hover { color: #999; text-decoration: none; }

* {
    box-sizing: border-box;
}

#sm_break {
	display:none;
}  

.container {
	margin: 1% 5% 1% 5%;
	padding: 10px;
	background-color: #f2f3fa;
	}

.frame { 
    border-style: solid;
	border-width: 4px;
	border-color: #002f67; 
	background-color:#006599;
	text-align:center;
	padding:0px; 
	margin:10px;
	color: #FFF;
	}		   

.para {
	width: 100%;
	padding: 20px;
	text-align: left;
	line-height: 20px;
}

.squarebrackets 
{
  font-family: calibri;
  font-size:17px;
  position: relative;
  width:75%;
  padding:10px;
}
.squarebrackets:before {
   content: " ";
   position: absolute;
   border-left:5px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   border-color:#0C3;
   padding:7px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   border-radius: 4px;
  }
  
.squarebrackets:after
{
   content: " ";
   position: absolute;
   border-right:5px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   border-color:#0C3;
   padding:7px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   border-radius: 4px;
}	

.tablemenu {
    display: block;
	}
.jumpmenu {
		display: none;
	}	

.section {
	clear: both;
	margin: 1% 5% 1% 5%;
	padding: 10px;
	background-color: #f2f3fa;
}

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

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; }

.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49.2%; }

.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

.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%; }

.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: 79.68%; }
.span_3_of_5 { width: 59.36%; }
.span_2_of_5 { width: 39.04%; }
.span_1_of_5 { width: 18.72%; }

.span_6_of_6 { width: 100%; }
.span_5_of_6 { width: 83.06%; }
.span_4_of_6 { width: 66.13%; }
.span_3_of_6 { width: 49.2%; }
.span_2_of_6 { width: 32.26%; }
.span_1_of_6 { width: 15.33%; }

/*  GRID OF NINE  */
.span_9_of_9 { width: 100%; }
.span_8_of_9 { width: 88.71%; }
.span_7_of_9 { width: 77.42%; }
.span_6_of_9 { width: 66.13%; }
.span_5_of_9 { width: 54.84%; }
.span_4_of_9 { width: 43.55%; }
.span_3_of_9 { width: 32.26%; }
.span_2_of_9 { width: 20.97%; }
.span_1_of_9 { width: 9.688%; }

#logo1 { 
	/* background-color:#009efe; AE0508*/
	width:85%;
	float:left;
	}

#banner1 {
	display:block;
	padding: 15px;
}
#banner2 {
	display:none;
}

#table2 {
	display:block;
	padding: 15px;
}
#table1 {
	display:none;
}

.border {
	    border: 5px solid black;
		border-width: thin;
		color: #000;
		text-align:left;
		font-size:18px;
		line-height:28px;
		margin: 5%;
		padding: 5%;
}
.brackets {
		color: #000;
		text-align:left;
		font-size:16px;
		line-height:22px;
		margin: 1% 9% 1% 9%;
		padding: 1%;
}

@media only screen and (max-width: 480px) {
	#banner1 {
	display:none;
}
	#banner2 {
	display:block;
}
	#table2 {
	display:block;
}
    .tablemenu {
		display: none;
	}
    .jumpmenu {
		display: block;
	}

	.col {  margin: 1% 0 1% 0%; } 
	.span_1_of_2, .span_2_of_2 { width: 100%; }
	.span_1_of_3, .span_2_of_3, .span_3_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9 { width: 100%; }

     #sm_break {
	  display:block;
		 }     
}