@charset "utf-8";
/* CSS Document */



@media only screen and (min-width: 1152px) and (max-width: 1824px) {


body{	width:auto;
		height:auto;
		background-color:#f7f7f7;
		margin:auto;
		padding:0px;
		}
		
#topbg{	width:100%;
		background-color:#A2CAFE;
		height:120px;
		}
		
#topbg p{ 	font-family:"Open Sans";
			font-size:16px;
			}
	
			
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.ttf');
	src: local('OpenSans-Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

			
/*@font-face {
	font-family: Roboto;
	src: url('../fonts/Roboto-Regular.ttf');
	src: local('Roboto-Regular'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: "Roboto Condensed";
	src: url('../fonts/Roboto-Regular.ttf');
	src: local('RobotoCondensed-Regular'), local('RobotoCondensed-Regular'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}*/
		

img { max-width: 100%; }

		
#header{	width:auto;
			height:auto;
			position:relative;
			margin:auto;
			max-width:1146px;
			}


				
#header .logo{	width:311px;
				height:auto;
				margin:10px auto auto auto;
				float:left;
				}
				
#header #headerbody .socialicons{	width:auto;
									margin:0px auto;
									position:relative;
									float:right;
									}
									
#header #headerbody .socialicons ul{	list-style:none;
										float:right;
										margin:15px auto auto auto;
										}
										
#header #headerbody .socialicons ul li{	float:left;
										padding-left:12px;
										margin:2px auto;
										}


h1, h2, h3, h4, h5, h6{	font-family:"Open Sans";
						font-weight:normal;
						margin:auto;
						}

				
				
						
#navigation{	width:1146px;
				margin:auto;
				height:auto;
				position:relative;
				}
				
.navshadow{	width:100%;
			height:auto;
			}
			
.navshadow img{	width:100%;
				height:auto;
				}					
						
#container{	width:auto;
			max-width:1146px;
			height:auto;
			position:relative;
			margin:auto;
			}
			
					
#container p, ul, span{	font-family:"Open Sans";
						font-size:17px;
						line-height:normal;
						line-height:26px;
						}
			
#container #wrapper{	width:100%;
						height:auto;
						margin:auto;
						float:left;
						}
						
#container #wrapper #contactform{	width:525px;
									height:auto;
									margin:15px auto;
									float:left;
									text-align:center;
									padding-left:35px;
									}

#container #wrapper .tablebox{	width:95%; height:auto;}

#container #wrapper table {	width: 100%; 
							border-collapse: collapse;
							font-family:"Open Sans";
							font-size:17px;
							line-height:normal; 
							}
/* Zebra striping */
#container #wrapper  tr:nth-of-type(odd){	background: #eee;
											}
						
						
#container #wrapper  th{	background: #333; 
							color: white; 
							font-weight: bold; 
							}
	
	
#container h2{	font-size:30px;}


#container h4{	font-size:20px;}
	
	
#container #wrapper td, th{	padding: 6px; 
							border: 1px solid #ccc; 
							text-align: left; 
							}
								
#container #leftside{	width:23%;
						height:auto;
						position:relative;
						float:left;
						margin:auto auto 20px auto;
						}
						
						
#container #leftside .autoScroller{	width:auto;
									height:230px;
									background-color:transparent;
									overflow:auto;
									margin-bottom:10px;
									padding:10px;
									}
									
#container #leftside .autoScroller hr{ 	border:1px solid #e3e3e3;}

						
						
#container #leftside .lefttitle{	color:#FFF;
									text-align:center;
									padding: 8px 0px 8px 0px;
									width:100%;
									background-color:#91c437;
									}
									
#container #leftside .lefttitleshadow{	width:100%;
										height:auto;
										}
										
#container #leftside .lefttitleshadow img{	width:100%;
											height:auto;
											}
									
									
#container #rightside{	width:73%;
						height:auto;
						position:relative;
						float:right;
						margin:auto;
						}
						
#container #rightside .righttitle{	color:#ba9715;
									text-align:left;
									padding: 8px 0 8px 15px;
									width: 100%;
									background-color:transparent;
									float:right;
									}

#container .righttitle{	color:#ba9715;
						text-align:left;
						padding: 8px 0px 8px 15px;
						width: 98%;
						background-color:transparent;
						float:right;
						}
						
#container .righttitleshadow{	width:98%;
								height:auto;
								}
								
#container .righttitleshadow img{	width:100%;
									height:auto;
									}
									

address{	width:350px;
			height:auto;
			margin:15px auto;
			float:right;
			position:relative;
			font-style:normal;
			}

												
#footer{	width:100%;
			height:auto;
			padding:10px 0px 0px 0px;
			background-color:#262626;
			margin:auto;
			float:left;
			position:relative;
			font-family:Verdana, Geneva, sans-serif;
			font-size:16px;
			color:#cbcbcb;
			}
			
#footer .alignleft{	float:left;
					width:100%;
					}

#footer .alignright{	float:right;}

#footer .footerbody{	width:auto;
						max-width:1146px;
						margin:auto;
						height:auto;
						font-family:Roboto;
						font-size:14px;
						font-weight:normal;
						letter-spacing:0.5px;
						}
						
#footer .sectionbig{	width:auto;
						height:auto;
						position:relative;
						float:left;
						margin:auto 75px auto auto;
						color:#cbcbcb;
						}
						
#footer .footersociallinks{	width:auto;
							height:auto;
							position:relative;
							float:right;
							margin:auto;
							color:#cbcbcb;
							}


					
#footer h2{	color:#c29818;
			font-weight:normal;
			}
						
#footer .footerbody p{	text-align:left;
						margin:auto;
						}
						
#footer .footerbody p a{	padding:0px 5px;
							color:#06C;
							text-decoration:none;
							}
							
#footer .footerbody p a:hover{	color:#FF0;
									}

#footer .footerbody ul{	display:block;
						padding:0px;
						margin:auto;
						list-style:none;
						}
						

/*#footer .footerbody ul li:before{	 content: "\00BB";
									display:block;
									margin:10px auto;
									border-bottom:thin solid #999;
									padding:0px 0 12px 0px;
									}*/
									
#footer .footerbody ul li{	/*list-style-image:url(../images/doublearrow.jpg);
							border-bottom:thin solid #3a3a3a;*/
							list-style-position:inside;
							margin:10px auto;
							padding:0px 15px 0px 0px;
							float:left;
							}
							
#footer .footerbody ul li:last-child{	border-bottom:none;}

#footer .footerbody ul li a{	padding:0px;
								color:#cbcbcb;
								text-decoration:none;
								}

#footer .footerbody ul li a:hover{	color:#FF0;
									}
									
#footer #bottomgray{	float:left;
						margin:10px auto auto auto;
						width:100%;
						background-color:#454545;
						}
						
#footer #bottomgray p, span{	text-align:left;
								font-size:14px;
								letter-spacing:0.3px;
								}
						
#footer #bottomgray .bottomgraybody{	width:auto;
										height:auto;
										max-width:1146px;
										margin:auto;
										padding:0px;
										}
										
#footer #bottomgray .bottomgraybody a{	color:#39C;
										text-decoration:none
										}
			


			
}







@media only screen and (min-width: 480px) and (max-width: 768px) {
	
body{	width:auto;
		height:auto;
		background-color:#f7f7f7;
		margin:auto;
		padding:0px;
		}
		
#topbg{	width:100%;
		background-color:#A2CAFE;
		height:auto;
		float:left;
		}
		
#navigation{	width:100%;
				margin:auto;
				height:auto;
				position:relative;
				}
				
						
img { max-width: 100%; }


#header{	width:auto;
			height:auto;
			position:relative;
			margin:auto;
			max-width:952px;
			}
			
			
#header .logo{	float:none;
				width:auto;
				height:auto;
				margin:auto;
				float:left;
				}
				
				
nav{	margin:auto;}

nav li:last-child a{	border-right: 0px solid #576979;
						}

		
			
#header #headerbody{	width:100%;
						height:auto;
						margin:auto;
						position:relative;
						float:left;
						}
						
#header #headerbody .socialicons{	width:auto;
									margin:0px auto;
									position:relative;
									float:right;
									}
									
#header #headerbody .socialicons ul{	list-style:none;
										}
										
#header #headerbody .socialicons ul li{	float:left;
										padding-left:12px;
										margin:2px auto;
										}


h1, h2, h3, h4, h5, h6{	font-family:"Open Sans";
						font-weight:normal;
						margin:auto;
						}

		
#container{	width:auto;
			max-width:100%;
			height:auto;
			padding:15px;
			position:relative;
			margin:auto;
			}
			
#container p, ul{	font-family:"Open Sans";
					font-size:14px;
					line-height:normal;
					}
			
#container #wrapper{	width:auto;
						height:auto;
						margin:auto;
						float:left;
						}
						
#container #wrapper #contactform{	width:525px;
									height:auto;
									margin:15px auto;
									float:left;
									text-align:center;
									padding-left:35px;
									}

#container #wrapper .tablebox{	width:95%; height:auto;}

#container #wrapper table {	width: 100%; 
							border-collapse: collapse; 
							}
/* Zebra striping */
#container #wrapper  tr:nth-of-type(odd){	background: #eee;
											}
						
						
#container #wrapper  th{	background: #333; 
							color: white; 
							font-weight: bold; 
							}
	
	
#container #wrapper td, th{	padding: 6px; 
							border: 1px solid #ccc; 
							text-align: left; 
							}
							
							
							
#container #leftside{	width:23%;
						height:auto;
						position:relative;
						float:left;
						margin:auto auto 20px auto;
						}
						
						
#container #leftside .lefttitle{	color:#FFF;
									text-align:center;
									padding: 8px 0px 8px 0px;
									width:100%;
									background-color:#91c437;
									}
									
#container #leftside .lefttitleshadow{	width:100%;
										height:auto;
										}
										
#container #leftside .lefttitleshadow img{	width:100%;
											height:auto;
											}
											
											
#container #leftside .autoScroller{	width:auto;
									height:230px;
									background-color:transparent;
									overflow:auto;
									margin-bottom:10px;
									padding:10px;
									}
									
#container #leftside .autoScroller hr{ 	border:1px solid #e3e3e3;}

							


#container #rightside{	width:73%;
						height:auto;
						position:relative;
						float:right;
						margin:auto;
						}
						
						
#container .righttitle{	color:#ba9715;
						text-align:left;
						padding: 8px 0px 8px 15px;
						width: 98%;
						background-color:transparent;
						float:right;
						}
						
#container .righttitleshadow{	width:100%;
								height:auto;
								}
								
#container .righttitleshadow img{	width:100%;
									height:auto;
									}
			

address{	width:350px;
			height:auto;
			margin:15px auto;
			float:left;
			position:relative;
			font-style:normal;
			}

			
#footer{	width:100%;
			height:auto;
			padding:0px;
			background-color:#262626;
			margin:auto;
			float:left;
			position:relative;
			font-family:"Open Sans";
			font-size:15px;
			color:#cbcbcb;
			}

#footer .footerbody{	width:auto;
						max-width:940px;
						margin:auto;
						height:auto;
						}
						
#footer .alignleft{	float:left;
					width:98%;
					}

#footer .alignright{	float:left;
						width:98%;
						margin:5px auto;
						}

						
#footer .sectionbig{	width:auto;
						height:auto;
						position:relative;
						float:left;
						margin:auto 110px auto 15px;
						color:#cbcbcb;
						}
						
#footer .footersociallinks{	width:auto;
							height:auto;
							position:relative;
							float:left;
							margin:auto;
							color:#cbcbcb;
							padding:0px 20px;
							}


#footer .section{	width:95%;
					height:auto;
					position:relative;
					float:left;
					margin:15px;
					color:#cbcbcb;
					}
					
#footer .section img{	float:left;
						margin-right:10px;
						}
					
#footer .section img{	float:left;}
					
						
#footer h2{	color:#ffcc01;
			font-weight:normal;
			text-align:left;
			}
						
#footer .footerbody p{	text-align:left;
						margin:auto 10px auto auto;
						float:left;
						clear:left;
						font-size:15px;
						font-family:"Open Sans";
						line-height:normal;
						}

						
#footer .footerbody p a{	padding:0px 5px;
							color:#06C;
							text-decoration:none;
							}

#footer .footerbody ol{	list-style-type:decimal !important;
						padding-left:15px;
						font-size:15px;
						font-family:"Open Sans";
						line-height:normal;
						margin:15px auto;
						}

#footer .footerbody ul{	list-style:none;
						display:block;
						padding:0px;
						margin:auto;
						}

#footer .footerbody ul li{	display:block;
							margin:2px auto;
							list-style-position:inside;
							margin:10px auto;
							padding:0px 15px 0px 0px;
							float:left;
							}

#footer .footerbody ul li a{	padding:0px;
								color:#cbcbcb;
								text-decoration:none;
								font-size:15px;
								font-family:"Open Sans";
								line-height:normal;
								}

#footer .footerbody ul li a:hover{	color:#FF0;
									}
									
#footer #bottomgray{	float:left;
						margin:10px auto auto auto;
						width:100%;
						background-color:#454545;
						padding:0px 20px;
						}
									
#footer #bottomgray p, span{	text-align:left;
								font-size:12px;
								letter-spacing:0.3px;
								}
			

}





@media only screen and (min-width: 220px) and (max-width: 480px) {
	
	
body{	width:auto;
		height:auto;
		background-color:#f7f7f7;
		margin:auto;
		padding:0px;
		}

#topbg{	width:100%;
		background-color:#A2CAFE;
		height:auto;
		float:left;
		}		

img { max-width: 100%; }
		

#header{	width:100%;
			height:auto;
			position:relative;
			margin:auto;
			float:left;
			padding:15px 0px 0px;
			}
			
#header #headerbody .logo{	float:none !important;
							width:100%;
							height:auto;
							margin:auto;
							text-align:center;
							}
				
			

#navigation{	width:100%;
				margin:auto;
				height:auto;
				position:relative;
				}
								
nav{	margin:auto;}

nav li:last-child a{	border-right: 1px solid #576979;
						}

#header #headerbody{	width:100%;
						height:auto;
						margin:auto;
						position:relative;
						float:left;
						}
						
#header #headerbody .socialicons{	width:100% !important;
									margin:0px auto;
									position:relative;
									text-align:center;
									}
									
#header #headerbody .socialicons p{	text-align:center !important;}
									
#header #headerbody .socialicons ul{	list-style:none;
										display:inline-block;
										padding:0px;
										margin:auto;
										width:100%;
										}
										
#header #headerbody .socialicons ul li{	float:none;
										padding-left:6px;
										padding-right:6px;
										margin:2px auto;
										display:inline-block;
										}


h1, h2, h3, h4, h5, h6{	font-family:"Open Sans";
						font-weight:normal;
						margin:auto;
						}

		
#container{	width:auto;
			max-width:100%;
			height:auto;
			padding:15px;
			position:relative;
			margin:auto;
			}
			
			
#container p, ul{	font-family:"Open Sans";
					font-size:14px;
					line-height:normal;
					}
			
#container #wrapper{	width:100%;
						height:auto;
						margin:auto;
						float:left;
						}
						
#container #wrapper #contactform{	width:525px;
									height:auto;
									margin:15px auto;
									float:left;
									text-align:center;
									padding-left:35px;
									}
									

#container #wrapper .tablebox{	width:100%; height:auto; overflow-x: scroll;}

#container #wrapper table {	width: 100%; 
							border-collapse: collapse; 
							overflow-x: scroll; 
							}
/* Zebra striping */
#container #wrapper  tr:nth-of-type(odd){	background: #eee;
											}
						
						
#container #wrapper  th{	background: #333; 
							color: white; 
							font-weight: bold; 
							}
	
	
#container #wrapper td, th{	padding: 6px; 
							border: 1px solid #ccc; 
							text-align: left; 
							}
							
#container #leftside{	width:100%;
						height:auto;
						position:relative;
						float:left;
						margin:auto auto 20px auto;
						}
						
						
#container #leftside .lefttitle{	color:#FFF;
									text-align:center;
									padding: 8px 0px 8px 0px;
									width:100%;
									background-color:#91c437;
									}
									
#container #leftside .lefttitleshadow{	width:100%;
										height:auto;
										}
										
#container #leftside .lefttitleshadow img{	width:100%;
											height:auto;
											}
											
#container #leftside .autoScroller{	width:auto;
									height:230px;
									background-color:transparent;
									overflow:auto;
									margin-bottom:10px;
									padding:10px;
									text-align:center;
									}
									
#container #leftside .autoScroller hr{ 	border:1px solid #e3e3e3;}

							
							
#container #rightside{	width:100%;
						height:auto;
						position:relative;
						float:right;
						margin:auto;
						}
						
									
#container .righttitle{	color:#ba9715;
						text-align:left;
						padding: 8px 0px 8px 15px;
						width: 98%;
						background-color:transparent;
						float:right;
						}
									
#container .righttitleshadow{	width:100%;
								height:auto;
								}
								
#container .righttitleshadow img{	width:100%;
									height:auto;
									}
			
			
address{	width:350px;
			height:auto;
			margin:15px auto;
			float:left;
			position:relative;
			font-style:normal;
			}


			
#footer{	width:100%;
			height:auto;
			padding:0px;
			background-color:#262626;
			margin:auto;
			float:left;
			position:relative;
			font-family:"Open Sans";
			font-size:15px;
			color:#cbcbcb;
			}

#footer .footerbody{	width:auto;
						max-width:940px;
						margin:auto;
						height:auto;
						}
						
#footer .alignleft{	float:none;
					width:98%;
					text-align:center;
					}

#footer .alignright{	float:left;
						width:98%;
						margin:5px auto;
						text-align:center;
						}
						
#footer .sectionbig{	width:92%;
						height:auto;
						position:relative;
						float:left;
						text-align:center;
						margin:auto 110px auto 10px;
						color:#cbcbcb;
						}
						
#footer .footersociallinks{	width:100%;
							height:auto;
							position:relative;
							float:left;
							margin:auto;
							color:#cbcbcb;
							padding:0px;
							text-align:center;
							}

						
#footer .sectionbig ol li{	font-family:"Open Sans";
						font-size:14px;
						font-weight:normal;
						color:#999;
						padding-top:10px;
						padding-bottom:10px;
						border-bottom:thin solid #666;
						text-align:center;
						}
						
						
#footer .section{	width:95%;
					height:auto;
					position:relative;
					float:left;
					margin:10px;
					color:#cbcbcb;
					text-align:center;
					}
					
#footer .section ol{	padding:0px !important;
						margin:0px !important;
						}
					
#footer .section ol li{	font-family:"Open Sans";
						font-size:14px;
						font-weight:normal;
						color:#999;
						padding-top:10px;
						padding-bottom:10px;
						border-bottom:thin solid #666;
						}
					
#footer .section img{	float:none; vertical-align:middle;}
					
						
#footer h2{	color:#ffcc01;
			font-weight:normal;
			background-color:#666;
			padding:5px;
			margin:10px auto;
			}
						
#footer .footerbody p{	text-align:center;
						margin:auto;
						clear:left;
						color:#999;
						font-weight:normal;
						}
						
#footer .footerbody p{	text-align:center;
						margin:auto;
						}
						
#footer .footerbody p a{	padding:0px 5px;
							color:#06C;
							text-decoration:none;
							}
							
#footer .footerbody ol{	list-style-type:decimal !important;
						padding-left:15px;
						font-size:15px;
						font-family:"Open Sans";
						line-height:normal;
						margin:15px auto;
						}

#footer .footerbody ul{	list-style:none;
						display:block;
						padding:0px;
						margin:auto;
						}

#footer .footerbody ul li{	display:block;
							margin:auto;
							list-style-position:inside;
							padding:16px 0px;
							float:left;
							width:100%;
							border-bottom:thin solid #666;
							}

#footer .footerbody ul li a{	padding:0px 14px;
								color:#cbcbcb;
								text-decoration:none;
								}

#footer .footerbody ul li a:hover{	color:#FF0;
									}
									

#footer #bottomgray{	float:left;
						margin:auto;
						width:100%;
						background-color:#454545;
						padding:0px;
						text-align:center;
						}
						
#footer #bottomgray .bottomgraybody{	width:auto;
										height:auto;
										max-width:960px;
										margin:auto;
										padding:0px;
										}
										
#footer #bottomgray p, span{	text-align:center;
								font-size:12px;
								letter-spacing:0.3px;
								}
										
#footer #bottomgray .bottomgraybody a{	color:#39C;
										text-decoration:none
										}
			
			
}