body
{
	font-family:Arial, Helvetica, sans-serif;	
}

#wrapper
{
	width:100%;
	max-width:1200px;
	min-width:1134px;
	margin:0 auto;
}


.clear
{
	clear:both;	
}



#topbanner
{	
	width:100%;
	max-width:1200px;
}

#topbanner img
{	
	width:100%;
	max-width:1200px; 
}

#topbannerdivider img
{
	width:100%;
	max-width:1200px; 
}
	
#container
{
	position:relative;	
}

#leftcol
{
	width:20.833333333333%;
	max-width:250px;
	float:left;
	min-height:1025px;
	background-image:url(../images/yellowrightcolbar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
}





#rightcol
{
	width:20.833333333333%;
	max-width:250px;
	float:right;
	position:absolute;
	top:0px;
	left:79.166666666667%;
	min-height:1025px;
	background-image:url(../images/yellowrightcolbar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
}

 

#midcol {
	width:700px;
	min-height:650px;
	float:left;

} 


iframe {

width: 700px;
height:650px;
border:none;
overflow:hidden;
}



/*content css*/
h1 
{
	color:#00ADEE;
	font-size:24px;
	margin-left:15px;
	margin-bottom:14px;
}

#intro,#contactintro,#contactthankyou
{
	color:#636466;
	font-weight:bold;
	font-size:15px;
	max-width:227px;
	width:87.3%;
	margin-left:15px;
}

#contactthankyou
{
	display:none;
}



#beans img
{
	margin:15px 5px;
}

.dividerbars img,#beans img
{
	max-width:100%;	
}


#abouttext
{
	font-size:15px;	
	max-width:227px;
	width:87.3%;
	color:#636466;
	margin-left:15px;
}

p#contact
{
	color:#00ADEE;
}


#downloadimg
{
	float:left;
	margin-left:15px;
	margin-top:-18px;
	width:52px;
	height:120px;
}

#downloadtitle
{
	float:left;
	color:#636466;
	font-weight:bold;
	font-size:13px;
	margin-left:10px;
	margin-top:-18px;
	width:140px;
}

#downloadlink
{
	float:left;
	width:100px;
	margin-left:10px;
	margin-top:15px;	
	
}
/*links css*/

p#contact a:link, p#contact a:visited
{
	color:#00ADEE;
	font-weight:bold;
	text-decoration:none;
}

p#contact a:hover, p#contact a:active
{
	color:#636466;
	font-weight:bold;
}


#downloadlink a:link, #downloadlink a:visited
{
	color:#00ADEE;
	font-size:14px;
	text-decoration:none;
}

#downloadlink a:hover, #downloadlink a:active
{
	color:#636466;
	font-size:14px;
}




/*form css*/

#contactform
{
	margin-top:35px;  
}
.formlabel
{
	font-size:14px;
	width:100%;
	color:#636466;
	margin-left:15px;
	margin-top:5px;
}

.formfield input
{
	font-size:15px;
	height:30px;
	width:87.3%;
	color:00ADEE;
	border:#fff;
	margin-left:15px;
	margin-top:5px;
}

.formfielddivide
{
	margin-top:10px;
	border-bottom:5px solid #FAC942;	
}

#submitBtn
{
	width:100px;
	margin:20px auto;
}

#microSubmitBtn
{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-o-border-radius:5px;
	background:#FAC942;
	font-weight:bold;
	color:#00ADEE;
	font-size:22px;
	border:none;
}

.error
{
	font-size:12px;
	color:#F00;
	font-weight:bold;	
	margin-left:15px;
}



@media only screen 
and (max-width : 1222px) {
	

	
	h1 
	{
	color:#00ADEE;
	font-size:20px;
	margin-left:15px;
	margin-bottom:14px;
	}
	
	#intro,#contactintro,#contactthankyou
	{
	color:#636466;
	font-weight:bold;
	font-size:14px;
	max-width:227px;
	width:87.3%;
	margin-left:15px;
	}
	
	
#downloadimg
{
	float:left;
	margin-left:15px;
	margin-top:5px;
	width:52px;
	height:120px;
}

#downloadtitle
{
	float:left;
	color:#636466;
	font-weight:bold;
	font-size:12px;
	margin-left:10px;
	margin-top:5px;
	width:100px;
}

#downloadlink
{
	float:left;
	width:100px;
	margin-left:10px;
	margin-top:15px;	
	
}


#downloadlink a:link, #downloadlink a:visited
{
	color:#00ADEE;
	font-size:13px;
	text-decoration:none;
}

#downloadlink a:hover, #downloadlink a:active
{
	color:#636466;
	font-size:13px;
}

#leftcol
{
	width:16.79261125105%;
	max-width:200px;
	float:left;
}





#rightcol
{
	width:16.79261125105%;
	max-width:200px;
	float:right;
	position:absolute;
	top:0px;
	left:83.20738874895%;
}



#midcol {
	width:700px;
	min-height:650px;
	float:left;
	position:relative;
	left:3.35852225021%;

} 



}