@charset "utf-8";


html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


.box { float: left; }
#root {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #f1f1f1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.4em;
}

#box1 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.3em;
	color: #FFF;
	background-color: #666;
	text-align: center;
}
#box2 {
	width: 100%;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
#box3 {
	width: 32%;
	padding-left: 1%;
	font-size: 1.4em;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #930;
	background-color: #FFF;
	font-weight: bold;
}
#box4 {
	width: 32%;
	padding-left: 1%;
	font-size: 1.4em;
	color: #FFF;
	background-color: #333;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-weight: bold;
}
#box5 {
	width: 32%;
	padding-left: 1%;
	font-size: 1.4em;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #FFF;
	font-weight: bold;
}
#box6 {
	width: 25%;
	background-color: #069;
	color: #FFF;
	margin-bottom: 0.4em;
	text-align: center;
}
#box7 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box8 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box9 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box10 {
	width: 25%;
	background-color: #069;
	color: #FFF;
	margin-bottom: 0.4em;
	text-align: center;
}
#box11 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box12 {
	width: 50%;
	background-color: #FFF;
	margin-bottom: 0.6em;
	text-align: center;
	font-size: 1.2em;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#box121 {
	width: 50%;
	background-color: #FFF;
	margin-bottom: 0.6em;
	text-align: center;
	font-size: 1.2em;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#box13 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box14 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box15 {
	width: 25%;
	background-color: #069;
	color: #FFF;
	margin-bottom: 0.4em;
	text-align: center;
}
#box16 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box17 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#box18 {
	width: 25%;
	background-color: #FFF;
	text-align: center;
	margin-bottom: 0.4em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.t1  {
	font-size: 0.6em;
}
#foot { width: 96%;
	color: #FFF;
	background-color: #F00;
	font-size: 14px;
	padding: 2%; }
#foot a { color: #FFF; }

.trn2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #000;
	float: right;
	width: auto;
	padding: 15px;
}
.tnc2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #CD071e;
	float: left;
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.clear  {clear: both;}

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 32%; }
	#box4 { width: 32%; }
	#box5 { width: 32%; }
	#box6 { width: 25%; }
	#box7 { width: 25%; }
	#box8 { width: 25%;}
	#box9 { width: 25%; }
	#box10 { width: 25%; }
	#box11 { width: 25%; }
	#box12 { width: 50%; }
	#box121 { width: 50%; }
	#box13 { width: 25%; }
	#box14 { width: 25%; }
	#box15 { width: 25%;}
	#box16 { width: 25%; }
	#box17 { width: 25%; }
	#box18 { width: 25%; }

}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 32%; }
	#box4 { width: 32%; }
	#box5 { width: 32%; }
	#box6 { width: 25%; }
	#box7 { width: 25%; }
	#box8 { width: 25%;}
	#box9 { width: 25%; }
	#box10 {
	width: 25%;
}
	#box11 {
	width: 25%;
}
	#box12 { width: 50%; }
	#box121 { width: 50%; }
	#box13 { width: 25%; }
	#box14 { width: 25%; }
	#box15 { width: 25%;}
	#box16 { width: 25%; }
	#box17 { width: 25%; }
	#box18 { width: 25%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 { width: 100%; }
	#box6 { width: 50%; }
	#box7 { width: 50%; }
	#box8 { width: 50%;}
	#box9 { width: 50%; }
	#box10 { width: 50%; }
	#box11 { width: 50%; }
	#box12 { width: 50%; }
	#box121 { width: 50%; }
	#box13 { width: 50%; }
	#box14 { width: 50%; }
	#box15 { width: 50%;}
	#box16 { width: 50%; }
	#box17 { width: 50%; }
	#box18 { width: 50%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 {
	width: 100%;
	margin-bottom: 0.4em;
}
	#box6 { width: 100%;}
	#box7 { width: 100%; }
	#box8 { width: 100%;}
	#box9 { width: 100%; }
	#box10 { width: 100%; }
	#box11 { width: 100%; }
	#box12 { width: 100%; }
	#box121 { width: 100%; }
	#box13 { width: 100%; }
	#box14 { width: 100%; }
	#box15 { width: 100%; }
	#box16 { width: 100%; }
	#box17 { width: 100%; }
	#box18 { width: 100%; }
	
	
}

/* iPad 3 & 4 Landscape */
@media only screen and (width: px) and (width: 1024px) and (orientation: landscape) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 32%; }
	#box4 { width: 32%; }
	#box5 { width: 32%; }
	#box6 { width: 25%; }
	#box7 { width: 25%; }
	#box8 { width: 25%;}
	#box9 { width: 25%; }
	#box10 { width: 32%; }
	#box11 { width: 32%; }
	#box12 { width: 50%; }
	#box121 { width: 50%; }
}

/* iPad 3 & 4 Portrait */
@media only screen and (width: px) and (width: 1024px) and (orientation: portrait) {
	#box1 { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 32%; }
	#box4 { width: 32%; }
	#box5 { width: 32%; }
	#box6 { width: 25%; }
	#box7 { width: 25%; }
	#box8 { width: 25%;}
	#box9 { width: 25%; }
	#box10 { width: 32%; }
	#box11 { width: 32%; }
	#box12 { width: 50%; }
	#box121 { width: 50%; }
}