/* 
  -----------------------------------
  PVII Allegro
  by Project Seven Development
  www.projectseven.com
  Structural CSS
  -----------------------------------
*/

body {
	margin: 0px;
}
h1, h2, h3, h4 {
	margin: 0px;
}

a img {border: none;}

img.scalable, .masthead img, p img, h1 img, h2 img, h3 img, h4 img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.allegro-row .column-group .allegro-column {
	box-sizing: border-box;
}
.allegro-column {
	float: left;
}
.allegro-row:after, .column-group:after {
	content: "";
	display: table;
	clear: both;
}
.column-15 {
	width: 15%;
}
.column-20 {
	width: 20%;
}
.column-25 {
	width: 25%;
}
.column-30 {
	width: 30%;
}
.column-33 {
	width: 33.3334%;
}
.column-35 {
	width: 35%;
}
.column-40 {
	width: 40%;
}
.column-45 {
	width: 45%;
}
.column-50 {
	width: 50%;
}
.column-55 {
	width: 55%;
}
.column-60 {
	width: 60%;
}
.column-65 {
	width: 65%;
}
.column-70 {
	width: 70%;
}
.column-75 {
	width: 75%;
}
.column-80 {
	width: 80%;
}
.column-100 {
	width: auto;
	float: none !important;
}

/*Column Group Widths*/
.column-group {
	width: 90%;
	margin: auto;
}
.max-720 {max-width: 720px;}
.max-980 {max-width: 980px;}
.max-1024 {max-width: 1024px;}
.max-1200 {max-width: 1200px;}
.max-1440 {max-width: 1440px;}
.max-1600 {max-width: 1600px;}

.max-none {
	margin-bottom: 0px !important;
	border-radius: 0px !important;
}

/*Row Backgrounds
A allegro row spans the width of the browser window. For each row you add, using the interface, you will be required to enter a unique ID. The ID can be used for Scroll-to-Element bahaviors attached to the Drop Menu Magic menu bar. You also use these IDs to style each row. The rule below provides the syntax for a row to which you have assigned the ID "about-us". The declarations inside describe a background image that will be revealed as you scroll the page:*/

.fixed-bg {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
#seo {font-size:8px;height:16px;margin-bottom:12px;}
.centered {margin-left:auto!important; margin-right:auto!important;}
.bkgblue {
	background-image: url(../images/bkg-pattblu2.gif);
	background-repeat:repeat;
}
#signup, #content_col {margin-top:-10px!important;}
#jukebox {margin-bottom:-20px!important;}

div.hideit {position:absolute; top:0px; left:33%; visibility:hidden; width:500px; height:auto;min-height:240px;background-color:#FFF; font-size:.80em;border:ridge 3px #46043d; z-index:999999;}
.hideit p, .hideit strong {margin: 10px;}
div.big {left:auto!important;width:75%!important;}
#logo H1 {font-size:.6em;margin:0;line-height:.6em;color:#333;}
.warning {color:#F00;font-weight:bold;}
img.whisperer {
	border: 1px solid rgba(0,0,0,.75);
	border-bottom:none!important; 
	margin-bottom:-1px;
	}
.yellow {background-image: url(../images/yellowgrid2.jpg);background-repeat:repeat;}
.bkgyellow { 
	background-image: url(../images/bkg-yellowlines1.jpg);
	background-repeat:repeat;
	border-top: 1px solid rgba(99,99,99,.7);
	border-right: 1px solid rgba(99,99,99,1);
	border-bottom: 1px solid rgba(99,99,99,1);
	border-left: 1px solid rgba(99,99,99,.7);
}
.green {
	background-color: #81C796;
	background-image: -webkit-linear-gradient(180deg, #9AD1AB, #65BA7E);
	background-image: linear-gradient(180deg, #9AD1AB, #65BA7E);
}
.green {
	border-top: 4px double rgba(69,90,150,.7);
	border-right: 4px double rgba(69,90,150,1);
	border-bottom: 4px double rgba(69,90,150,1);
	border-left: 4px double rgba(69,90,150,.7);
}
.redhighlight, .redhighlight a {background-color:#da1f28;color:#FFF;}
.warning {color:#F00;font-weight:bold;}
#whisper {display:none;}