body { font-face: sans-serif;

}
 
}

/* STRUCTURE */

#pagewrap {
	padding: 10px;
	width: 70%;
	margin: 20px auto;
        background-color: #ffffff;
}

header {
	padding: 0 12px 12px 12px;
        alignment: center;
}

article {
  -webkit-columns: 3 300px;
     -moz-columns: 3 300px;
          columns: 3 300px;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
    padding:8px;
}

footer {
	clear: both;
	padding: 0 15px;
}

img {
       max-width: 100%;
       height: auto;
}

a {
	color: #209020;
	text-decoration: none;
	font-family: arial, helvetica;
}

a:visited {
	color: #686;
}

a:hover {
	color: #ea0;
}




p.bighead	{
	font-size: 36pt;
	font-family: arial, helvetica;
        text-align: center;
        width: 100% auto;
	margin:  0 40 0 40;
	font-weight: 900;
	color: #666666;
}


p.bighead2	{
	font-size: 36pt;
	font-family: arial, helvetica;
        float: center;
	margin: 4 0 4 0;
	font-weight: 900;
	color: #888888;
}


h1 {
	color: #555555;
	text-align: center;
        font-family: arial, helvetica, sans-sefif;
	font-size: 36pt;
        width: 70%;
        align: center;
	left-margin: 40px;
        padding: 10px;
}

p.hometext	{
	font-size: 28pt;
	font-family: arial, helvetica;
	margin: 4 0 4 0;
	font-weight: 700;
	color: #666666;
}

p.name	{
    margin-top: -5px;
	font-size: 12pt;
	font-family: arial, helvetica;
	font-weight: 900;
	color: #ff0000;
	text-indent: none;
	
}


p.faq	{
	font-size: 14pt;
	font-family: arial, helvetica;
	text-align: center;
	margin-top: 25px;
	font-weight: 400;
	color: #ff0000;

}


p.links a	{
	font-family: arial;
	font-size: 12pt;
        text-align: center;
	color: #999999;
	font-weight: 700;

}


p.subhead	{
	font-size: 14pt;
	font-family: arial, helvetica;
	text-align: center;
	margin-top: 25px;
	font-weight: 400;
	color: #888888;

}

p.about	{
	font-size: 10pt;
	font-family: arial, helvetica;
	margin-top: 8px;
	margin-left: 6px;
	font-weight: 500;
	color: #444444;
}

p.list	{
	font-size: 14pt;
	font-family: arial, helvetica;
	text-align: center;
	
	line-height: 2.4;
	font-weight: 900;
	color: #666666;

}



p.feature	{
	font-size: 9pt;
	font-family: arial, helvetica;
	color: #724825;
	font-weight: bold;
	margin: 3 0 2 0;
}


p.nav	{
	font-size: 9pt;
	font-family: arial, helvetica;
	color: #724825;
	font-weight: bold;
	text-align: center;
	margin: 3 0 6 0;
}



p.more {
	font-size: 7pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-align: center;
	margin-bottom: 4px;
}

p.more a	{
	color:#333380;
}


p.more a:visited	{
	color: #333380;
}

p.more a:hover	{
	color:#ff2255;
}



p.headlines {
	font-family: times;
	font-size: 13pt;
	font-weight: bold;
	color: #444;
	line-height: 1.1;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1600px or less */
@media screen and (max-width: 1600px) {
	
	#pagewrap {
		width: 90%;
	}
	#column1 {
		width: 28%;
		padding: 1% 4%;
	}
	#column2 {
		width: 28%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#column3 {
                width: 28%;
		padding: 1% 4%;
		width: auto;
		float: right;
	}

	header, footer {
		padding: 1% 4%;
	}
}


/* for 1050px or less */
@media screen and (max-width: 1050px) {
	
	#pagewrap {
		width: 94%;
	}
	#column1 {
		width: 41%;
		padding: 1% 4%;
	}
	#column2 {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#column3 {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}


#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f0efef;
}
header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#pagewrap, header, #content, #middle, #sidebar, footer {
	
}