﻿@media (min-width:320px)  {
			img {max-width:100%}
			* {
				padding : 0;
				margin : 0;
			}
			body { 
			font-family : Arial, Helvetica, sans-serif;
			color : #666666;
			font-size : 12px;
			} 
			#wrapper { 
			width : 100%;
			margin : 5px auto 0 auto;
			}
			img { 
			padding : 3px;
			border : 1px solid #bce296;
			} 
			img.floatTL { 
			float : left;
			margin-right : 7px;
			margin-bottom : 7px;
			margin-top : 7px;
			margin-left : 10px;
			} 
			img.floatTR { 
			float : right;
			margin-left : 7px;
			margin-bottom : 7px;
			margin-top : 7px;
			margin-right : 10px;
			} 
			#one { 
			display : inline;
			width : 100%;
			float : left;
			min-height : 70px;
			background-color : #000000;
			} 
			* html #one { 
			height : 70px;
			} 
			#one h1 {
			color: #fafafa;
			font-size: 1.4em;
			padding-left: 15px;
			padding-top: 10px;
			}
			#two { 
			display : inline;
			width : 100%;
			float : left;
			min-height : 70px;
			background-color : #299ad4;
			border-left : 1px solid #fff;
			} 
			* html #two { 
			height : 70px;
			} 
			#three { 
			border-left : 1px solid #fff;
			border-right : 1px solid #fff;
			display : inline;
			width : 100%;
			float : left;
			min-height : 70px;
			background-color : #6c9626;
			} 
			* html #three { 
			height : 70px;
			} 
			#four { 
			display : inline;
			width : 100%;
			float : left;
			min-height : 70px;
			background-color : #e48f00;
			} 
			* html #four { 
			height : 70px;
			} 
			#four a {
				color : #fffffe;
				font-family : Verdana;
				font-size : 25px;
				text-decoration : none;
				float : right;
				padding-right : 5px;
				padding-top: 35px;
			}
			#three a { 
			color : #fffffe;
			font-family : Verdana;
			font-size : 25px;
			text-decoration : none;
			float : right;
			padding-right : 5px;
			padding-top : 40px;
			} 
			#two a { 
			color : #fffffe;
			font-family : Verdana;
			font-size : 25px;
			text-decoration : none;
			float : right;
			padding-right : 5px;
			padding-top : 40px;
			} 
			#four a:hover { 
				text-decoration:underline;
			}
			#three a:hover { 
				text-decoration:underline;
			}
			#two a:hover { 
				text-decoration:underline;
			}
			#one a:hover{ 
				text-decoration:none;
			}
			#one a{ 
				text-decoration:none;
			}
			#navigation { 
			display : inline;
			width : 100%;
			float : left;
			background-color : #f2f2f2;
			min-height : 179px;
			border-top : 3px solid #fff;
			border-left : 1px solid #ccc;
			border-right : 1px solid #fff;
			border-bottom : 1px solid #ccc;
			} 
			* html #navigation { 
			height : 179px;
			} 
			.navigation { 
			float : left;
			margin-left : 17px;
			margin-top : 17px;
			width : 100%;
			} 
			.navigation ul { 
			margin : 0;
			padding : 0;
			} 
			.navigation li { 
			border-bottom : 1px solid #d5e8ad;
			list-style : none;
			text-transform : lowercase;
			} 
			.navigation li a { 
			color : #553;
			display : block;
			padding : 4px 4px 5px 12px;
			text-decoration : none;
			font-family : Verdana;
			font-size : 0.75em;
			font-weight : bold;
			} 
			.navigation li a:hover { 
			color : #553;
			text-decoration:underline;
			} 
			#header { 
			display : inline;
			width : 100%;
			float : left;
			height : 180px;
			background-image : url(images/header.jpg);
			background-repeat : no-repeat;
			border-top : 3px solid #fff;
			border-right : 1px solid #ccc;
			padding-top:5px;
			} 
			* html #header { 
			height : 180px;
			} 
			.brdl { 
			background-color : #299ad4;
			display : inline;
			float : left;
			text-align: right;
			color:#FFF;
			padding-right:3px;
			} 
			#brdl { 
			background-color : #299ad4;
			display : inline;
			float : left;
			text-align: right;
			color:#FFF;
			padding-right:3px;
			} 
			#brdl{
			margin-bottom : 3px;
			border-top : 3px solid #fff;
			padding-top:3px;
			width : 100%;
			height : 50px;
			}
			#col_two { 
			display : inline;
			width : 100%;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_four p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_four p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_three p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_three p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p.more { 
			text-align : right;
			}
			#col_three p.more { 
			text-align : right;
			}
			#col_four p.more { 
			text-align : right;
			}
			#col_two h2{ 
			background-color : #299ad4;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-top : 3px;
			padding-left : 5px;
			padding-bottom : 4px;
			text-decoration : none;
			line-height:23px;
			} 
			#col_two img { 
			margin-top : 5px;
			margin-left : 5px;
			} 
			#col_four h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_three h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_two h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_four a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_three a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_two a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_three { 
			border-left : 1px solid #fffff0;
			border-right : 1px solid #fffff0;
			display : inline;
			width : 100%;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_three h2 { 
			background-color : #6c9626;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			line-height:23px;
			} 
			#col_three img { 
			margin-top : 5px;
			margin-left : 5px;
			} 
			#col_four { 
			display : inline;
			width : 100%;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-right : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_four h2 { 
			background-color : #e48f00;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			line-height:23px;
			} 
			 
			#footer { 
			margin-top : 3px;
			border : 1px solid #ccc;
			background-color : #299ad4;
			display : inline;
			float : left;
			width : 100%;
			padding-top : 5px;
			padding-bottom : 5px;
			text-align : center;
			} 
			#footer p { 
			padding-top : 5px;
			padding-bottom : 5px;
			font-size : 0.8em;
			color:#000000;
			} 

			a.white:hover{
				color:#ffffff;
				text-decoration:none;
			}

			a.white:visited{
				color:#ffffff;
				text-decoration:none;
			}

			a.white{
				color:#ffffff;
				text-decoration:none;
			}
			a.white:hover{
				text-decoration:underline;
			}
			a.black:hover{
				color:#000000;
				text-decoration:none;
			}
			a.black:visited{
				color:#000000;
				text-decoration:none;
			}
			a.black{
				color:#000000;
				text-decoration:none;
			}
			a.black:hover{
				text-decoration:underline;
			}
			a.grey:hover{
				color:#aaa;
				text-decoration:none;
			}
			a.grey:visited{
				color:#aaa;
				text-decoration:none;
			}
			a.grey{
				color:#aaa;
				text-decoration:none;
			}
			a.grey:hover{
				text-decoration:underline;
			}
			#logo{
				clear:both;
			}
				#tabsJ {
				  float:left;
				  width : 100%;
				  background:url(images/menu_bg.jpg) top repeat-x;
				  font-size:103%;
				  font-weight:bold;
				  line-height:normal;
				}
				#tabsJ ul {
				margin:0;
				padding:10px 10px 0 10px;
				list-style:none;
				  }
				#tabsJ li {
				  display:inline;
				  margin:0;
				  padding:0;
				  }
				#tabsJ a {
				  float:left;
				  background:url("images/tableftJ.gif") no-repeat left top;
				  margin:0;
				  padding:0 0 0 5px;
				  text-decoration:none;
				  }
				#tabsJ a span {
				  float:left;
				  display:block;
				  background:url("images/tabrightJ.gif") no-repeat right top;
				  padding:5px 15px 4px 6px;
				  color:#006EB4;
				  }
				/* Commented Backslash Hack hides rule from IE5-Mac \*/
				#tabsJ a span {float:none;}
				/* End IE5-Mac hack */
				#tabsJ a:hover span {
				  color:#FFF;   
				  }
				#tabsJ a:hover {
				  background-position:0% -42px;
				  }
				#tabsJ a:hover span {
				  background-position:100% -42px;  
				  }

			.titletc,.titleen {font-family:"Century Gothic", Arial; font-size:44px; color:#FFFFFF; padding-left:10px; font-weight:600; line-height:95%;}
			.titletc{ padding-top:10px;}

			#col_two h2 a, #col_two h2 a.visited, #col_two h2 a.hover,
			#col_three h2 a, #col_three h2 a.visited, #col_three h2 a.hover,
			#col_four h2 a, #col_four h2 a.visited, #col_four h2 a.hover,
			#col_main h2 a, #col_main h2 a.visited, #col_main h2 a.hover
			{ 
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			margin-right : 1px;
			text-decoration : none;
			} 
			#col_two h2 a.hover,
			#col_three h2 a.hover,
			#col_four h2 a.hover,
			#col_main h2 a.hover,
			{ 
			text-decoration : underline;
			} 

}

@media (min-width:840px)  {
			* {
				padding : 0;
				margin : 0;
			}
			body { 
			font-family : Arial, Helvetica, sans-serif;
			color : #666666;
			font-size : 12px;
			} 
			#wrapper { 
			width : 830px;
			margin : 5px auto 0 auto;
			}
			img { 
			padding : 3px;
			border : 1px solid #bce296;
			} 
			img.floatTL { 
			float : left;
			margin-right : 7px;
			margin-bottom : 7px;
			margin-top : 7px;
			margin-left : 10px;
			} 
			img.floatTR { 
			float : right;
			margin-left : 7px;
			margin-bottom : 7px;
			margin-top : 7px;
			margin-right : 10px;
			} 
			#one { 
			display : inline;
			width : 200px;
			float : left;
			min-height : 70px;
			background-color : #000000;
			} 
			* html #one { 
			height : 70px;
			} 
			#one h1 {
			color: #fafafa;
			font-size: 1.4em;
			padding-left: 15px;
			padding-top: 10px;
			}
			#two { 
			display : inline;
			width : 147px;
			float : left;
			min-height : 70px;
			background-color : #299ad4;
			border-left : 1px solid #fff;
			} 
			* html #two { 
			height : 70px;
			} 
			#three { 
			border-left : 1px solid #fff;
			border-right : 1px solid #fff;
			display : inline;
			width : 174px;
			float : left;
			min-height : 70px;
			background-color : #6c9626;
			} 
			* html #three { 
			height : 70px;
			} 
			#four { 
			display : inline;
			width : 276px;
			float : left;
			min-height : 70px;
			background-color : #e48f00;
			} 
			* html #four { 
			height : 70px;
			} 
			#four a {
				color : #fffffe;
				font-family : Verdana;
				font-size : 25px;
				text-decoration : none;
				float : right;
				padding-right : 5px;
				padding-top: 35px;
			}
			#three a { 
			color : #fffffe;
			font-family : Verdana;
			font-size : 25px;
			text-decoration : none;
			float : right;
			padding-right : 5px;
			padding-top : 40px;
			} 
			#two a { 
			color : #fffffe;
			font-family : Verdana;
			font-size : 25px;
			text-decoration : none;
			float : right;
			padding-right : 5px;
			padding-top : 40px;
			} 
			#four a:hover { 
				text-decoration:underline;
			}
			#three a:hover { 
				text-decoration:underline;
			}
			#two a:hover { 
				text-decoration:underline;
			}
			#one a:hover{ 
				text-decoration:none;
			}
			#one a{ 
				text-decoration:none;
			}
			#navigation { 
			display : inline;
			width : 199px;
			float : left;
			background-color : #f2f2f2;
			min-height : 179px;
			border-top : 3px solid #fff;
			border-left : 1px solid #ccc;
			border-right : 1px solid #fff;
			border-bottom : 1px solid #ccc;
			} 
			* html #navigation { 
			height : 179px;
			} 
			.navigation { 
			float : left;
			margin-left : 17px;
			margin-top : 17px;
			width : 158px;
			} 
			.navigation ul { 
			margin : 0;
			padding : 0;
			} 
			.navigation li { 
			border-bottom : 1px solid #d5e8ad;
			list-style : none;
			text-transform : lowercase;
			} 
			.navigation li a { 
			color : #553;
			display : block;
			padding : 4px 4px 5px 12px;
			text-decoration : none;
			font-family : Verdana;
			font-size : 0.75em;
			font-weight : bold;
			} 
			.navigation li a:hover { 
			color : #553;
			text-decoration:underline;
			} 
			#header { 
			display : inline;
			width : 799px;
			float : left;
			height : 145px;
			background-image : url(images/header.jpg);
			background-repeat : no-repeat;
			border-top : 3px solid #fff;
			border-right : 1px solid #ccc;
			padding-top:10px;
			} 
			* html #header { 
			height : 180px;
			} 
			.brdl { 
			background-color : #299ad4;
			display : inline;
			float : left;
			text-align: right;
			color:#FFF;
			padding-right:3px;
			} 
			#brdl { 
			background-color : #299ad4;
			display : inline;
			float : left;
			text-align: right;
			color:#FFF;
			padding-right:3px;
			} 
			#brdl{
			margin-bottom : 3px;
			border-top : 3px solid #fff;
			padding-top:3px;
			width : 797px;	
			height : 20px;
			}
			#col_two { 
			display : inline;
			width : 200px;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_four p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_four p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_three p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_three p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p.more { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p { 
			font-size : 0.9em;
			text-align : justify;
			background-color : #e6e6e6;
			margin-left : 5px;
			margin-right : 5px;
			margin-top : 5px;
			padding : 3px;
			font-size: 12px;
			} 
			#col_two p.more { 
			text-align : right;
			}
			#col_three p.more { 
			text-align : right;
			}
			#col_four p.more { 
			text-align : right;
			}
			#col_two h2{ 
			background-color : #299ad4;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-top : 3px;
			padding-left : 5px;
			padding-bottom : 4px;
			text-decoration : none;
			line-height:23px;
			} 
			#col_two img { 
			margin-top : 5px;
			margin-left : 5px;
			} 
			#col_four h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_three h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_two h3 {
				text-align : center;
				font-family : verdana;
				font-size: 18px;
				padding-top : 10px;
				padding-bottom : 5px;
				font-weight : lighter;
			}
			#col_four a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_three a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_two a {
				color : #667dfe;
				font-weight : bold;
				text-decoration : underline;
				font-size: 1em;
			}
			#col_three { 
			border-left : 1px solid #fffff0;
			border-right : 1px solid #fffff0;
			display : inline;
			width : 198px;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_three h2 { 
			background-color : #6c9626;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			line-height:23px;
			} 
			#col_three img { 
			margin-top : 5px;
			margin-left : 5px;
			} 
			#col_four { 
			display : inline;
			width : 200px;
			float : left;
			background-color : #fff;
			border-top : 1px solid #ccc;
			border-right : 1px solid #ccc;
			border-bottom : 1px solid #ccc;
			} 
			#col_four h2 { 
			background-color : #e48f00;
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			line-height:23px;
			} 
			 
			#footer { 
			margin-top : 3px;
			border : 1px solid #ccc;
			background-color : #299ad4;
			display : inline;
			float : left;
			width : 800px;
			padding-top : 5px;
			padding-bottom : 5px;
			text-align : center;
			} 
			#footer p { 
			padding-top : 5px;
			padding-bottom : 5px;
			font-size : 0.8em;
			color:#000000;
			} 

			a.white:hover{
				color:#ffffff;
				text-decoration:none;
			}

			a.white:visited{
				color:#ffffff;
				text-decoration:none;
			}

			a.white{
				color:#ffffff;
				text-decoration:none;
			}
			a.white:hover{
				text-decoration:underline;
			}
			a.black:hover{
				color:#000000;
				text-decoration:none;
			}
			a.black:visited{
				color:#000000;
				text-decoration:none;
			}
			a.black{
				color:#000000;
				text-decoration:none;
			}
			a.black:hover{
				text-decoration:underline;
			}
			a.grey:hover{
				color:#aaa;
				text-decoration:none;
			}
			a.grey:visited{
				color:#aaa;
				text-decoration:none;
			}
			a.grey{
				color:#aaa;
				text-decoration:none;
			}
			a.grey:hover{
				text-decoration:underline;
			}
			#logo{
				clear:both;
			}
				#tabsJ {
				  float:left;
				  width:900px;
				  background:url(images/menu_bg.jpg) top repeat-x;
				  font-size:103%;
				  font-weight:bold;
				  line-height:normal;
				}
				#tabsJ ul {
				margin:0;
				padding:10px 10px 0 10px;
				list-style:none;
				  }
				#tabsJ li {
				  display:inline;
				  margin:0;
				  padding:0;
				  }
				#tabsJ a {
				  float:left;
				  background:url("images/tableftJ.gif") no-repeat left top;
				  margin:0;
				  padding:0 0 0 5px;
				  text-decoration:none;
				  }
				#tabsJ a span {
				  float:left;
				  display:block;
				  background:url("images/tabrightJ.gif") no-repeat right top;
				  padding:5px 15px 4px 6px;
				  color:#006EB4;
				  }
				/* Commented Backslash Hack hides rule from IE5-Mac \*/
				#tabsJ a span {float:none;}
				/* End IE5-Mac hack */
				#tabsJ a:hover span {
				  color:#FFF;   
				  }
				#tabsJ a:hover {
				  background-position:0% -42px;
				  }
				#tabsJ a:hover span {
				  background-position:100% -42px;  
				  }

			.titletc,.titleen {font-family:"Century Gothic", Arial; font-size:44px; color:#FFFFFF; padding-left:10px; font-weight:600; line-height:95%;}
			.titletc{ padding-top:10px;}

			#col_two h2 a, #col_two h2 a.visited, #col_two h2 a.hover,
			#col_three h2 a, #col_three h2 a.visited, #col_three h2 a.hover,
			#col_four h2 a, #col_four h2 a.visited, #col_four h2 a.hover,
			#col_main h2 a, #col_main h2 a.visited, #col_main h2 a.hover
			{ 
			color : #f1f1f1;
			font-family : verdana;
			font-size : 16px;
			padding-left : 5px;
			padding-top : 3px;
			padding-bottom : 4px;
			margin-right : 1px;
			text-decoration : none;
			} 
			#col_two h2 a.hover,
			#col_three h2 a.hover,
			#col_four h2 a.hover,
			#col_main h2 a.hover,
			{ 
			text-decoration : underline;
			} 

}