@font-face {
	font-family: 'Fjalla One';
	font-style: normal;
	font-weight: normal;
	src: local('Fjalla One'), url('fonts/FjallaOne-Regular.woff') format('woff');
	}

	@font-face {
	    font-family: 'robotolight';
	    src: url('fonts/Roboto-Light-webfont.eot');
	    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/Roboto-Light-webfont.woff') format('woff'),
	         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
	         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'robotoregular';
	    src: url('fonts/Roboto-Regular-webfont.eot');
	    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
	         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
	         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'robotomedium';
	    src: url('fonts/Roboto-Medium-webfont.eot');
	    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
	         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
	         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'robotobold';
	    src: url('fonts/Roboto-Bold-webfont.eot');
	    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
	         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
	         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}


	#body h1 { font-size:260%; font-family:'Fjalla One'; text-align:center; width:100%; padding:40px 60px 20px 60px; line-height:1.5;}
	#body h2 { font-size:165%; font-family:'Fjalla One'; letter-spacing:-0.5px; line-height:1.4; margin-bottom:10px;}
	#body h3 { font-size:120%; font-family:'robotobold'; line-height:normal; margin-bottom:10px;}
	.list-col h2 {  font-family:'robotoregular'; letter-spacing:normal;}
	#top-nav,
	.gotop span,
	select#slct 	{ font-family:'Fjalla One';}

	.ui-tabs 					    { font-family:'Fjalla One';}
	.tab-sw.ui-tabs .ui-tabs-panel  { font-family:'robotoregular';}

	.esec>h3,  .esec-download>h3, .esec.open h3 { font-family:'robotomedium'; font-size:100%; padding-left:15px; border-left:5px solid #000}
	.general .greyBox h2,
	.general .greyBox h3 { font-family:'robotomedium';}


	/* ==========================================================================
	    Media Style
 	============================================================================= */
	@media only screen and (max-width:1024px) {
	#body h1 { font-size:220%; padding:30px 40px}
	#body h2 { font-size:145%}
	}

	@media only screen and (max-width:767px) {
	#body h1 { font-size:160%; padding:15px 0px }
	#body h2 { font-size:120%}
	#body h3 { font-size:105%}
	}