/*----------------------------------------------------------------------------------------------------*/

html {
	overflow-y: scroll;
}

body {
	background-color: #e4f0fc !important;
	background-image: url(/img/bg.jpg);
	background-repeat: repeat-x;
	font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica, Geneva;
}

p, ul, li, td {
	font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica, Geneva;
}

p, li {
/*	line-height: 1.25;	*/
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, Geneva;
}

a.plain,
ul.plain a {
	color: inherit;
	text-decoration: none;
}

a.plain:hover,
ul.plain a:hover {
	color: blue;
	text-decoration: underline;
}

.mainwrapper {
	background-color: #FFFFFF;
/*	border: 1pt solid #a2a2a2;		*/
/*	box-shadow: 0 0 10px 5px #cccccc;	*/
	margin: 0 auto;
	padding: 0px;
	width: 96%;
}

.box {
	background-color: #FFFFCC;
	border: 1pt #FFFF55 solid;
	padding: 5px;
}

@media screen and (max-width: 640px) {
	.mainwrapper { width: 100%; }
	.mainwrapper > blockquote { margin-left: 0px; margin-right: 0px; }
}

@media screen and (min-width: 1024px) {
	.mainwrapper {
		max-width: 960px;
	}
}

@media screen and (max-width: 640px) {
	.widthmin640 {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.widthmin800 {
		display: none;
	}
}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/*----------------------------------------------------------------------------------------------------*/
/* Responsive columns (http://www.ad-responsivegridsystem.com/calculator/) */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { 	width: 49.2%; }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 640 PIXELS  */
@media screen and (max-width: 640px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


/*----------------------------------------------------------------------------------------------------*/
/*--- columns ---*/

/* 2 columns */
@media screen and (min-width:464px) { .columns2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; } }

/* 3 columns */
@media screen and (min-width:464px) { .columns3 { columns: 2; -webkit-columns: 2; -moz-columns: 2; } }
@media screen and (min-width:696px) { .columns3 { columns: 3; -webkit-columns: 3; -moz-columns: 3; } }

/* 4 columns */
@media screen and (min-width:464px) { .columns4 { columns: 2; -webkit-columns: 2; -moz-columns: 2; } }
@media screen and (min-width:696px) { .columns4 { columns: 3; -webkit-columns: 3; -moz-columns: 3; } }
@media screen and (min-width:928px) { .columns4 { columns: 4; -webkit-columns: 4; -moz-columns: 4; } }


/*----------------------------------------------------------------------------------------------------*/

@media screen {
	.print { display: none; }
}

@media print {
	.noprint { display: none; }
	* { color: #000000 !important; background-color: #FFFFFF !important; }
	a { text-decoration: none !important; }
	div.mainwrapper > blockquote { margin-left: 0; margin-right: 0; }
}


/*----------------------------------------------------------------------------------------------------*/

.ad-responsive .ad-125x125 { display: none; }
.ad-responsive .ad-200x200 { display: none; }
.ad-responsive .ad-250x250 { display: none; }
.ad-responsive .ad-300x250 { display: none; }
.ad-responsive .ad-336x280 { display: none; }
.ad-responsive .ad-398x250 { display: none; }
.ad-responsive .ad-468x60  { display: none; }
.ad-responsive .ad-728x90  { display: none; }

@media screen and (min-width: 780px) {
	.ad-responsive .ad-728x90 { display: initial; }
}

@media screen and (min-width: 498px) and (max-width: 779px) {
	.ad-responsive .ad-468x60 { display: initial; }
}

@media screen and (min-width: 428px) and (max-width: 497px) {
	.ad-responsive .ad-398x250 { display: initial; }
}

@media screen and (min-width: 366px) and (max-width: 427px) {
	.ad-responsive .ad-336x280 { display: initial; }
}

@media screen and (min-width: 330px) and (max-width: 365px) {
	.ad-responsive .ad-300x250 { display: initial; }
}

@media screen and (min-width: 280px) and (max-width: 329px) {
	.ad-responsive .ad-250x250 { display: initial; }
}

@media screen and (min-width: 230px) and (max-width: 279px) {
	.ad-responsive .ad-200x200 { display: initial; }
}

@media screen and (max-width: 229px) {
	.ad-responsive .ad-125x125 { display: initial; }
}


/*----------------------------------------------------------------------------------------------------*/

.gads-responsive-rect				  { width: 125px; height: 125px }
@media (min-width: 210px) { .gads-responsive-rect { width: 180px; height: 150px } }
@media (min-width: 230px) { .gads-responsive-rect { width: 200px; height: 200px } }
@media (min-width: 280px) { .gads-responsive-rect { width: 250px; height: 250px } }
@media (min-width: 330px) { .gads-responsive-rect { width: 300px; height: 250px } }
@media (min-width: 366px) { .gads-responsive-rect { width: 336px; height: 280px } }
@media (min-width: 428px) { .gads-responsive-rect { width: 398px; height: 250px } }

.gads-responsive-rect-right				{ width: 125px; height: 125px }
@media (min-width: 480px) { .gads-responsive-rect-right { width: 180px; height: 150px } }
@media (min-width: 500px) { .gads-responsive-rect-right { width: 200px; height: 200px } }
@media (min-width: 500px) { .gads-responsive-rect-right { width: 250px; height: 250px } }
@media (min-width: 600px) { .gads-responsive-rect-right { width: 300px; height: 250px } }
@media (min-width: 636px) { .gads-responsive-rect-right { width: 336px; height: 280px } }
@media (min-width: 698px) { .gads-responsive-rect-right { width: 398px; height: 250px } }

@media (max-width: 479px) { .gads-wrapper { float: none !important; margin-left: 0px !important; margin-bottom: 0px !important; } }
.gads-responsive-vert				  { width: 125px; height: 125px }
@media (min-width: 350px) { .gads-responsive-vert { width: 320px; height: 50px } }
@media (min-width: 480px) { .gads-responsive-vert { width: 120px; height: 600px } }
@media (min-width: 640px) { .gads-responsive-vert { width: 160px; height: 600px } }
@media (min-width: 900px) { .gads-responsive-vert { width: 300px; height: 600px } }

.gads-responsive-horiz				    { width: 234px; height: 60px }
@media (min-width: 350px)  { .gads-responsive-horiz { width: 320px; height: 50px } }
@media (min-width: 498px)  { .gads-responsive-horiz { width: 468px; height: 60px } }
@media (min-width: 780px)  { .gads-responsive-horiz { width: 728px; height: 90px } }


/*----------------------------------------------------------------------------------------------------*/