/* 
  ------------------------------------------------
  PVII Affinity
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  01: 1 Col Flex
  ------------------------------------------------
*/

.menu {
	text-align:center !important;
	width: 100%;
}

#T720 {display:none;}
#TopW {display:block;}
#TopN {display:none}


/* add class="jumptarget" to all targets. @Chris */

.jumpto:before {
  content:"";
  display:block;
  height:70px; /*fixed header height*/
  margin:-70px 0 0;  /*negative fixed header height */
}


body {
	font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #97B1E4;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	padding-bottom: 4em;
}

img {
	vertical-align: bottom;
}

.photos td {vertical-align: middle !important;}


img.keepR{ float: right !important; margin:5px}

/*Original @Chris change to fixed
.masthead {
	padding: 10px 10px;
	text-align: left;
	background-color: #000066;
	position: relative;
	z-index: 10;
	box-shadow: 0px 0px 30px #000;
}
*/

.masthead {
	padding: 10px 0px;
	text-align: left;
	background-color: #000066;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	box-shadow: 0px 0px 30px #000;
}

.wide {padding-bottom: 16px !important;}
.narrow, .narrow1 {display:none !important;}

/*The Footer
.masthead{
	background-color: #000066;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 15px 15px;
	font-size: 0.7em;
	color: #8C8C8C;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 999;
	top: auto;
	top: 0%;
	width: 100%;
}*/

/*  adjust this relative to the masthead and top-navigation @Chris */
.content-wrapper {
	margin: 7em 1.25em 0em 1.25em;
	overflow: hidden;
}
.columns-wrapper {
	overflow: hidden;
	background-color: #97B1E4;
	position: relative;
	background-image: url(arrow);
}
.columns-wrapper, .menu-top-wrapper {
	max-width: 860px;
	margin: auto;
}

.main-content .content{
	padding: 30px 80px;
	font-size: 0.8em;
	line-height: 1.5em;
	border: 1px solid;
	border-radius: 20px;
	border-color: #666;
	background-color: #FFF;
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 30px 0px 0px 0px;
	font-family: Federo, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }

/*A utility rule assigned to the first heading to remove top margins.*/
.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child {
	margin-top: 0px;
}

.centered {text-align:center;}
.centeredB {text-align:center; word-spacing: 3em;}
.centered1 {text-align:center; padding-bottom: 10px;}
.left {text-align:left !important;}
.right {text-align:right !important;;}

.floatL {float:left;}
.floatR {float:right;}
.contact, .contactN {
	float:right;
}
 .contactN {display: none;}

.imghideR, .imgshiftR {float:right;}

.point li {padding: 0 0 0 10px; list-style-image:url("/WOW/img/P3ICO01.GIF");list-style-type:none; }

.boxy{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px; /* future proofing */
	background-color:#FFF8BF;
	padding: 20px;
}

.boxy1{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px; /* future proofing */
	background-color:#FFF8BF;
	padding: 10px;
	margin: 10px 80px 15px 80px;
	list-style-image:url(../WOW/img/diamond.png);

}

.linkButton, .linkButtonS, .linkButtonY {text-align:center !important;}

.linkButton a, .linkButtonS a, .linkButtonY a{
	
	text-decoration:none !important;
	padding: 5px  25px;
	border-radius: 10px;
	color:#FFFFFF !important;
	font-weight:bold;
	display:block;
	
}


.linkButton a{background-color:#009900;}
.linkButtonS a{background-color:#FF6600;}
.linkButtonY a{background-color:#FFCC33;}

.linkButton  a:hover, .linkButton a:focus {background-color:#c4e9c4; color:#000000 !important; text-decoration:none !important;}

.linkButtonS  a:hover, .linkButtonS a:focus {background-color:#FFDCB1; color:#000000 !important; text-decoration:none !important;}

.linkButtonY  a:hover, .linkButtonY a:focus {background-color:#FFF8BF; color:#000000 !important; text-decoration:none !important;}


/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 5px;
}
img.scalableC {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 5px;
	padding-right: 10px !important;;
}



.fancy {
	border: 1px solid rgba(255,255,255,.2);
	box-shadow: 0px 0px 30px rgba(0,0,0,.65);
}
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*Ordinary Link Styles*/
.content a {
	color: #006699;
	font-weight:bold;
	text-decoration: underline;
	border-bottom-width: 1px;
	border-bottom-style: none;	/*border-bottom-style: dotted*/
}
.content a:hover, .content a:focus {
	color: #000;
	/*border-bottom-style: solid;*/
}

.content a:visited {
	color: #9933CC;
	/*border-bottom-style: solid;*/
}

.footer p {padding: 0; margin: 0; line-height: 3em;}

.footer a {
	/*color: #8C8C8C;*/
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none
}
.footer a:hover, .footer a:focus {
	/*color: #FFF; */
	color: #FECC00;
}


.year a, .yearA a, .yearF a {
	display: block;
	background-color: #bfe5fb;
	text-align:center !important;
	text-decoration:none !important;
	border-radius: 10px;
	font-weight:bold;

	color:#000000 !important;
}

.yearA a {
	background-color:#007EC5 !important; 
	color:#FFFFFF !important;
	cursor:none !important;
}


.yearF a {
	color:#999999 !important;
	cursor:none !important;
}
.year  a:hover, .year a:focus {color:#007EC5 !important; text-decoration:none !important;
font-size: 1.1em;
}

.yearA  a:hover, .yearA a:focus {color:#FFFFFF !important; text-decoration:none !important;}
.yearF  a:hover, .yearF a:focus {color:#999999 !important; text-decoration:none !important;}

/*The DIVs that contains the horizontal menu bar at the top of your page.*/
.menu-top-wrapper .p7DMM01 {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

/*original changed to be fixed @Chris*/
.top-navigation {
	background-color: #000066;
	/*border-bottom: 1px solid #FFF;*/
	box-shadow: 0px 0px 30px #999;
	position: relative;
	z-index: 9;
}

/*
.top-navigation {
	background-color: #006699;
	box-shadow: 0px 0px 30px #999;
position: fixed;
top: 80px;
width: 100%;
	z-index: 9;
}*/

.top-navigation:after {
	content: "\0020";
	font-size: 0px;
	display: inline;
	overflow: hidden;
	line-height: 0;
	clear: both;
}

/*The Footer*/
.footer {
	background-color: #000066;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 999;
	top: auto;
	bottom: 0px;
	width: 100%;
}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}

.tableform {
	display:table; margin: auto;
} 

.bullet {
	
	background-color: #bfe5fb;
	text-align:center;
	max-width: 40px;
	width: 20px;
	display:table-cell;
	padding: 0px;
}

.bullet img {
	vertical-align: middle !important;

}

.data {
	background-color: #FFF8BF;
	text-align:left;
	display:table-cell;
	padding: 15px;
	
}

/*.dataBoxer {
	margin-left: 8px !important;
	background-color:#009900;
}*/

.dataCheck {

	/*background-color: #00FF66;*/
	background-color: #FFF8BF;
	text-align:left;
	display:table-cell;
	padding-right: 15px;
}
.dataLabel {
	
	background-color: #66FFCC;
	text-align:left;
	display:table-cell;
}

.field {
	background-color: #c4e9c4;
	text-align:left;
	display:table-cell;
	padding: 10px;
}

#table {display: table;}
.row {display: table-row; padding:0px; margin: 0px;}
.cell {display: table-cell;}

input{width:100% !important; height: 2em; margin:0; padding:0}


input[type=checkbox].css-checkbox {
	position:absolute; 
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:35px;
	height:30px; 
	display:inline-block;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:1.3em;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -30px;
}
label.css-label {
	background-image:url('/WOW/img/check.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	textarea {
	display: block;
	margin:auto !important;
	width: 100% !important;
	min-height: 200px;
	padding: 0;
	}

.btnSub {
   background-color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:6px;
    color: #000;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: poiner;
	 width: 20% !important;
	 margin: 0px 10px !important;
	font-weight: bold;
	border: 2px solid #000;

}
.btnSub:hover {
    border: 2px solid #9933FF;
    background-color:#9933FF;
    box-shadow: 0px 0px 1px #777;
	color: #fff;
}

.gap {padding: 4px 8px 4px 0px !important;}

.end{
	display: block;
	margin: 0 auto !important;
	width: 90% !important;
	text-align:center !important;
	/*background-color:#00FFCC;*/
	text-align: center;
	padding-top: 20px !important;;
	padding-bottom: 10px !important;;
}

.hanging {
text-indent: -25px;
padding-left: 25px;
}

.wrap {
	margin: auto;
	border-collapse: collapse;
	border: 3px solid black;
	padding: 20px 20px;
	min-height: 11.5em;
	display: block;
	vertical-align:middle;
	width: 95%;
	background-color:#FFF;	
	box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
}
.colL {
  
    float: left;
    width: 75%;
	text-align:left;
}

.colR {
    
	margin-top: 0.7em;	
}

ol.circles-list {
/*	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	
	margin: 0;
	margin-left: 1.8em;
	padding: 0;
	
	counter-reset: li-counter;*/
}
ol.circles-list > li{
/*	position: relative;
	margin-bottom: 10px;
	padding-left: 0.5em;
	min-height: 2em;*/
	margin-bottom: 10px;
}
ol.circles-list > li:before {
/*	position: absolute;
	top: 0;
	left: -1.33em;
	width: 1.2em;
	height: 1.2em;
	
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	color: #f5f5f5;

	border: 3px solid #c5c5c5;
    border-radius: 50%;
	background-color: #006699;
	content: counter(li-counter);
	counter-increment: li-counter;*/
}

	
.inset {
	
	padding: 0 5%;
	border-collapse: collapse;
	display:block;
	vertical-align:middle;

}

	.wrap {width: 85% !important; height:auto !important!}
	.colL {width: 95% !important;  float:none !important!}
	.colR {width: 95% !important; text-align: center !important; margin: 0 !important;}
	
	.year, .yearA, .yearF {padding: 8px !important;}


/*table { border-collapse: collapse; text-align: left; width: 100%;

	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background-color: #FFC;
	overflow: hidden;
	border: 2px solid #006699;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-collapse:collapse;

}
table td, table th { padding: 6px 6px !important; border: 2px solid #006699;}
table tbody td { color: #00496B; border-left: 2px solid #006699;font-size: 12px;border-bottom: 2px solid #006699;font-weight: normal; }*/



/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 893px) {
	
#TopW {display:none !important;}
#TopN {display:none !important;}

.contact{display:none !important;}
.contactN {display:none !important;}
	

.colL {width: 95% !important;  float:none !important!}


.imghide{display: none !important;}

.imgshiftR {padding-left: 5px !important;}

.masthead {
	padding: 0px !important!
}


	
.menu {
	text-align:center !important;
/*	width: 95%;
	float:right;
	margin-right: 20px;*/
	width: 100%;
	float:none;
	margin-right: 0px;
}	
	
	body {
		padding-bottom: 0px;
	}

.boxy1{	margin: 10px 10px 25px 10px !important;
padding: 20px !important;}

	
	.inset {padding: 0 !important;}
	
	img.scalableC {
	text-align:center !important;
}	
	.contact, .contactN {display:none !important;}
	.wide {display: none !important; }
	.narrow {display:inherit !important; margin-top: -16px !important; padding-bottom: 8px !important;} 
	.narrow1 {display:inherit !important; margin-top: -16px !important;} 
	
	.footer {
		position: static;
		width: auto;
	}
	.content-wrapper, .columns-wrapper {margin: 0px; border: none;}
	.content-wrapper {margin-top: 5em;}	

	.main-content .content {
		padding: 20px 10px;
		border: none;
		border-radius: 0px;
		margin: 0px !important;
	}
	.p7DMM01 ul a, .p7DMM01 ul a:hover, .p7DMM01 ul a:focus, .p7DMM01 ul a.open {
		border-bottom: 1px solid !important;
		border-color: #89AEC9 !important;
	}
	.p7DMM01 ul li:last-child a {
		border-bottom: none !important;
	}

	form{padding:0px; margin:0px;}
	input{display: block; width:100% !important; margin: auto !important; padding: 0 !important;}
		
	.row{
	width:100% !important;
	display:block;
	margin: auto !important;
	padding: 0 !important;
	background-color:#FFFFFF !important;
	}
	.bullet{display:none !important;}
	.data{
	display:block !important;
	padding: 10px !important;
	/*background-color:#F96 !important;*/
	width:90% !important;
	margin: 0 !important;
}
	.dataCheck{ width:75% !important; display:inline-block !important; padding: 10px}
	.field{display:block !important; width:90% !important;}
	.dataBoxer{display:inline-block !important;}
	
	input[type=checkbox].css-checkbox + label.css-label {
		background-position: 20px 0 !important;	}
	input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 20px -30px !important;}	

	label.css-label {padding-left: 55px  !important;}
	
	.btnSub {
		width: 60% !important;
		margin-bottom: 20px !important;
	}
	
	.tableform {
	display: block;
	margin:auto !important;
	width: 90% !important;
	background-color: #0066CC;
	padding: 0;
	}

	#yearTop {display:none !important;}
}

@media only screen and (min-width: 0px) and (max-width: 680px){
#T720 {display:none !important;}		
}

@media only screen and (min-width: 680px) and (max-width: 893px) {
	
#T720 {display:block !important;}	
}




/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 660px) and (max-width: 893px) {


	
#TopW {display:none !important;}
#TopN {display:none !important;}	

.contact{display:none !important;}
.contactN {display:none !important;}		
	

.masthead {
	padding: 0px !important!
}

.content-wrapper {margin-left: 0px; margin-right: 0px; width: 100% !important;}
.main-content .content {
	/*padding: 20px 10px;*/
	padding: 20px 60px;
	border: none;
	margin: 0px;
}
body {background-color: #FFF;}

.boxy1{	margin: 10px 80px 25px 80px !important;
padding: 20px !important;}


}


/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 894px) and (max-width: 1180px) {
	
#TopW {display:none !important;}
#TopN {display:block !important;}	

.contact{display:none !important;}
.contactN {display:block !important;}	
	
.top-navigation {padding: 0px 10px;}
.content-wrapper {margin-left: 10px; margin-right: 10px; margin-top: 7em;}

.main-content .content {
	/*padding: 20px 10px;*/
	padding: 20px 80px;
	border: none;
	border-radius: 20px;
}

.boxy1{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px; /* future proofing */
	background-color:#FFF8BF;
	padding: 10px;
	margin: 10px 80px 15px 80px;
	list-style-image:url(../WOW/img/diamond.png);

}

}

.video-wrapper {
	width: 640px;
	max-width: 100%;
	/*background-color: #C00;*/
}

 
.video-container {
	position: relative;
	padding-bottom: 60%;
	/*padding-bottom: 54%;*/
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
	
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#ScrollDiv {
width : 60%;
height:50px;
text-align:left;
padding:10px;
overflow: auto; 
background-color: #ffff80;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border: 1px solid;

}

@media only screen and (max-width: 489px)  {
img.imgshift {float: none !important; margin: auto !important; display:block !important;}
img.shrinkR {max-height: 130px !important; float: right !important;}
img.keepR{ float: right !important; margin:5px}
}

@media only screen and (min-width: 490px) {
img.imgshift {float: left !important; padding-bottom: 5px;}
img.imgshiftR, img.shrinkR {float: right !important; padding-bottom: 5px;}
img.shrinkR {min-height: 145px !important;}

}
@media only screen and (min-width: 810px) and (max-width: 894px) {
	
#TopW {display:none !important;}
#TopN {display:none !important;}	

.contact{display:none !important;}
.contactN {display:block !important;}	

}