/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Fonts/Margins
	#Colors/Backgrounds
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Fonts
================================================== */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700);

.fs46 { font-size: 46px; line-height: 50px; }
.fs35 { font-size: 35px; line-height: 40px; }
.fs28 { font-size: 28px; line-height: 34px; }
.fs21 { font-size: 21px; line-height: 30px; }
.fs17 { font-size: 17px; line-height: 24px; }
.fs14 { font-size: 14px; line-height: 21px; }

/* #Colors/Backgrounds
================================================== */
.white{
	color:#ffffff;
}
.bg_white{
	background-color:#ffffff;
}
/* #Site Styles
================================================== */
body{
	font-family:'Open Sans', Arial;

}
div.super_container{
	width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', Arial;
	font-weight:400;
}
th{
	padding:4px;
}
td{
	padding:4px;
}
ul{
	margin-left:30px;
	list-style:square;
}
p{
	font-family:'Open Sans', Arial;
	font-weight:400;
}
p span{
	margin:0px;
}
a{
	color:#0088cc;
}
a:visited{
	color:#0088cc;
}
a:hover{
	color:#0088cc;
}
b, strong{
	font-weight:700;
}
i, em {
	font-style:italic;
}
img{
	width:auto;
	max-width:100%;
}
div.logo{
	margin:12px 0px 12px 0px;
}
div.menu_wrapper{
	margin-left:auto;
	margin-right:auto;
	width:auto;
}
div.section1{
	height:277px;
}
div.section_contact{
	height:195px;
}
div.section_hm{
	height:195px;
}

/*Blog/News Related CSS*/
div.blogcategorybox{
	display:block;
	width:180px;
	float:right;
	margin:12px;
	padding:12px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

}
ul.blogcategoryboxlist {
	display:block;
	width:100%;
	margin:12px;
	padding:0px;
	float:left;

}
ul.blogcategoryboxlist > li {
	display:block;
	width:100%;
	float:left;
	text-decoration:none;

}
.bloglink{
	font-size:20px;
	text-decoration:none;
}
.blogimgsm{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.blogimg{
	width:40%;
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}
div.newscategorybox{
	display:block;
	width:180px;
	float:right;
	margin:12px;
	padding:12px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

}
ul.newscategoryboxlist {
	display:block;
	width:100%;
	margin:12px;
	padding:0px;
	float:left;
}
ul.newscategoryboxlist > li {
	display:block;
	width:100%;
	float:left;
	text-decoration:none;
}
.newslink{
	font-size:20px;
	text-decoration:none;
}
.newsimgsm{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.newsimg{
	width:40%;
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}
.sticky-wrapper{
	position:relative;
	z-index:99999;
}
/*END Blog/News Related CSS*/

/*General CSS*/
.error{
	color:#ff0000;
}
.sticky{
	z-index:9999;
}
.select-menu{
	width:216px;
	margin:8px auto 8px 12px;
}
.mart20{
	margin-top:20px;
}

.tacenter{
	text-align:center;
}
.taright{
	text-align:right;
}
.bortop{
	border-top:1px solid #cccccc;
}
.borrnd{
	border-radius:10px;
}
.stroke{
	-webkit-text-stroke: 1px #666666;
	text-shadow:
	1px 1px 0 #666666,
	-1px -1px 0 #666666,  
	1px -1px 0 #666666,
	-1px 1px 0 #666666,
	1px 1px 0 #666666;
}
/*End General CSS*/

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
/* #Additional - Large Screens beyond 1280px */
@media only screen and (min-width: 1280px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	/*Blog/News Related CSS*/
	div.blogcategorybox{
		display:block;
		width:100%;
		float:left;
		margin:0px 0px 12px 0px;
		padding:0px;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		text-align:center;

	}	
	ul.blogcategoryboxlist {
		display:block;
		width:100%;
		margin:0px;
		padding:0px;
		float:left;
	}
	.blogimgsm{
		width:100%;
		float:left;
		margin-right:0px;
		margin-bottom:12px;
	}
	div.newscategorybox{
		display:block;
		width:100%;
		float:left;
		margin:0px 0px 12px 0px;
		padding:0px;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		text-align:center;

	}
	ul.newscategoryboxlist {
		display:block;
		width:100%;
		margin:0px;
		padding:0px;
		float:left;
	}
	.newsimgsm{
		width:100%;
		float:left;
		margin-right:0px;
		margin-bottom:12px;
	}
	/*END Blog/News Related CSS*/
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/