@charset "utf-8";

body {font-family: 'Lato', arial, sans-serif!important;
 font-size: 0.75rem; 
 background:url(images/bg-new.gif) repeat-x #ffffff !important;
}


/* responsive*/ 

.row.bodytrec {
	background-color:#ffffff !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px; 
	margin-top:15px;
}

.row {
	background-color:#ffffff !important;
}

.top-bar{
		    background: #6d319b !important;
	}

.top-bar-section li:not(.has-form) a:not(.button){
	background:#6e329b !important;
	text-transform: uppercase;
	font-family:"Open Sans", Sans-Serif !important;
	font-size: 1.059rem;
	
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  background:#197700 !important;
}

.top-bar-section li:not(.has-form) a:not(.button):hover { 
background:#197700 !important;

}
#slideshow {
    position:relative !important;
    height:350px !important;
}

#slideshow IMG {
    position:absolute;
    top:0 !important;
    left:0 !important;
    z-index:8 !important;
    opacity:0.0 !important;
	width: 100%;
}

#slideshow IMG.active {
    z-index:10 !important;
    opacity:1.0 !important;
}

#slideshow IMG.last-active {
    z-index:9 !important;
}

.main {
padding-top:30px;
}

.main h2,.main h2 a, .main h2 a:link {
	color: #197800;
    font-family: 'Lato', arial;
    font-size: 1.125rem;
    font-weight: 400;
    text-shadow: 0 1px #999;
}

.main h1 {
    font-family: 'Lato', arial;
    font-size: 1.5rem;
    color:#6d319b;
    font-weight: 700;
}

.main p,.main ul li,
.main ol{
font-family: 'Lato', arial, sans-serif;
    font-size:0.875rem;
    font-weight: 400;
    color: #3f3f3f;
}

.main ul li a, .main ul li a:link
 {
font-family: 'Lato', arial, sans-serif;
    font-size:0.875rem;
    font-weight: 400;
    color:#e54e1f;
}

.main ul li a:hover{
	color:#2f328d;
}

.siderbar 
{
	background-color:#197700;
	font-family: 'Lato', arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    color: #3f3f3f;
}

.quick {
    font-family: 'Lato', arial;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
	margin-top:5px;
}

.siderbar label {
	 font-family: 'Lato', arial;
	font-size:0.875rem;
    color: #fff;
}

.siderbar input[type="text"]
{
	margin-bottom:0px !Important;
	border: 2px solid #d1d1d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#333333;
}

.siderbar textarea
{
	
	border: 2px solid #d1d1d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#333333;
}

.siderbar input[type="submit"]
{
	cursor:hand;
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:0.9375rem;
	font-weight:bold;
	font-style:normal;
	width:100%;
	line-height:50px;
	
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
	margin-bottom:15px;
}	

.siderbar input[type="submit"]:hover {
	background:#2f328d;
}

.siderbar #privacy {
	 margin-top: 15px;
}

.alignleft 
{
float:left;
}

img.alignleft {
	padding:10px;
}

.alignright 
{
float:right;
}

img.alignright {
	padding:10px;
}

.main hr {
    border: 1px solid #888888;
}

footer hr {
	border: 2px solid #2f328d;
}

footer p{
	font-family: 'Lato', arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    color: #3f3f3f;
}

td {font-family: 'Lato', arial, sans-serif; font-size:0.75rem; font-weight: 400; color:#3f3f3f}

@media only screen and (max-width: 639px) and (min-width: 321px) {
	table.grid td, table.form td {
		padding: 1px;
		display: block;
		width:100%; 
		text-align:left !important;
	}
	table.grid td div, table.form td div{
		width:100%;
	}
	table.grid tr {
		display: block;
		margin-bottom:1rem;
		border-bottom:2px solid #000000;
	}
	thead{ 
		display: none; 
	}
}
@media only screen and (max-width: 320px) {
	table.grid, div.divgrid{
		width:100%;
	}
	table.grid td, table.form td {
		padding: 1px;
		display: block;
		width:100%; 
		text-align:left !important;
	}
	table.grid td div, table.form td div{
		width:100%;
	}
	table.grid tr, table.form tr {
		display: block;
		margin-bottom:1rem;
		border-bottom:2px solid #000000;
	}
	thead{ 
		display: none; 
	}
}
	
/* Large screens */
@media only screen and (min-width: 64.063em) { 
	.top-bar {
    background:#6d319b  !important;
	}
	
	.mainmenu {
		margin-top:9%;
		padding-right:0px !Important;
		margin-bottom:0px;
	}
	
	
} 

/* medium*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.mainmenu {
		margin-top:9%;
		padding-right:0px !Important;
		margin-bottom:0px;
	}
	
	.top-bar-section li:not(.has-form) a:not(.button) {
		 text-transform:lowercase;
	}
} 