/* CloudPuffs base styles */
/* reset 

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,  
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.2;
	}

ol, ul {
	list-style: none;
}

body {
	margin: auto 5% auto 5%; 
}
body {
	box-sizing: border-box;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Calibri,Arial,Verdana,sans-serif;
}

h1{ color: blue; }
h2{ color: #F3056B; }
h3,h4,h5,h6,p,strong  { color: #000000; }
h4{ font-style:strong}
h1,h2,h3 { font-weight: bold; }

h1{ font-family: Algerian, decorative, serif; }
h2{ font-family: "Brush Script MT", script, serif; }
h3,h4,h5,h6{ font-family: Century, roman, serif; }

h1 		{ line-height: 40px; }
h2 		{ line-height: 25px; }
h3 		{ line-height: 120%; }
h4 		{ line-height: 120%; }
h5	 	{ line-height: 120%; }
h6 		{ line-height: 120%; }



h1,h2,h3,h4,h5,h6 { 	margin-left: 5%;
						margin-right: 5%; 
						padding-top: 12px;
						padding-bottom: 12px; 
						padding-left: 10px;
						padding-right: 10px;
						}
					
h1 { font-size: 96px; }
h2 { font-size: 74px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p.center {text-align: center}
p.half {line-height:20%}
p.tall {line-height:200%}

	
p { font-family: Century, roman, serif; }
	
p {	font-size: 20px; 
	margin-top:auto;
	margin-bottom:auto;
	line-height: auto;
	margin-left: 5%;
	margin-right: 5%; }
						}

/* responsive web design */
.col-1 {width: 10%;}
.col-2 {width: 10%;}
.col-3 {width: 10%;}
.col-4 {width: 10%;}
.col-5 {width: 10%;}
.col-6 {width: 50%;}
.col-7 {width: 50%;}
.col-8 {width: 50%;}
.col-9 {width: 75%;}
.col-10 {width: 75%;}

/*[class="col-1"] {
  float: left;
  padding: 15px;
  border: 1px solid red;
}*/



						
.cp-container,.cp-panel{padding:0.01em 16px}
.cp-panel{margin-top:16px;margin-bottom:16px}						
.cp-justify{text-align:justify!important}
.cp-center{text-align:center!important}
.cp-small{font-size:12px!important}
.cp-medium{font-size:15px!important}
.cp-large{font-size:18px!important}
.cp-xlarge{font-size:24px!important}
.cp-xxlarge{font-size:36px!important}
.cp-left-align{text-align:left!important}
.cp-right-align{text-align:right!important}
.cp-auto{max-width:90%}
.cp-margin-left{margin-left:16px!important}.cp-margin-right{margin-right:16px!important}
.cp-padding-small{padding:4px 8px!important}.cp-padding{padding:8px 16px!important}.cp-padding-large{padding:12px 24px!important}
.cp-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.cp-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.cp-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.cp-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.cp-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.cp-padding-top-64{padding-top:64px!important;padding-bottom:16px!important}
.cp-padding-bottom-64{padding-top:16px!important;padding-bottom:64px!important}
.cp-left{float:left!important}
.cp-right{float:right!important}
.cp-button:hover{color:#000!important;background-color:#ccc!important}
.cp-transparent,
.cp-hover-none:hover{background-color:transparent!important}
.cp-hover-none:hover{box-shadow:none!important}

.cp-hide{display:none!important}
.cp-show-block,.cp-show{display:block!important}
.cp-show-inline-block{display:inline-block!important}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .screen-xsmall {display: none}
  .cp-var-width {width: 160px}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .screen-small {display:none}
  .cp-var-width {width: 100px}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .screen-medium {background: blue}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .screen-large {background: orange}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .screen-xlarge {background: pink}
}



/*@media (min-width:620px){
	.cp-hide-medium{display:none!important}
	}

@media (max-width:600px){
	.cp-modal-content{margin:0 10px;width:auto!important}
	.cp-hide-small{display:none!important}
	.cp-mobile{display:block;width:100%!important}
	.cp-bar-item.cp-mobile,
	.cp-dropdown-hover.cp-mobile,
	}

@media (max-width:768px){.cp-modal-content{width:500px}.cp-modal{padding-top:50px}}
@media (max-width:992px) and (min-width:601px){.cp-hide-medium{display:none!important}}
@media (max-width:992px){.cp-sidebar.cp-collapse{display:none}.cp-main{margin-left:0!important;margin-right:0!important}.cp-auto{max-width:100%}}
@media (min-width:610px){.cp-modal-content{width:900px}.cp-hide-medium{display:none!important}.cp-sidebar.cp-collapse{display:block!important}}
@media (min-width:993px){.cp-modal-content{width:900px}.cp-hide-large{display:none!important}.cp-sidebar.cp-collapse{display:block!important}}-->*/

/* iPhone */
@media only screen and (width:320px) and (device-width:320px) and (device-height:480px) 
/* and (orientation: landscape) */ {
	body {
		-webkit-transform: scale(0.500);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 480px;
	}
}
/* iPad */
@media only screen and (width:768px) and (device-width:768px) and (device-height:1024px) 
/* and (orientation: landscape) */ {
	body {
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 1024px;
	}
}

.cp-hide-large{display:none!important}
.cp-hide-medium{display:none!important}
.cp-hide-small{display:none!important}
.cp-mobile{display:block;width:100%!important}
.cp-top,.cp-bottom{position:fixed;width:100%;z-index:1}.cp-top{top:0}.cp-bottom{bottom:0}
.cp-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.cp-display-topleft{position:absolute;left:0;top:0}.cp-display-topright{position:absolute;right:0;top:0}
.cp-display-bottomleft{position:absolute;left:0;bottom:0}.cp-display-bottomright{position:absolute;right:0;bottom:0}
.cp-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.cp-display-middleright{position:absolute;top:50%;right:30%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

/* Colors */
.cp-amber,.cp-hover-amber:hover{color:#000!important;background-color:#cpc107!important}
.cp-aqua,.cp-hover-aqua:hover{color:#000!important;background-color:#00cpcp!important}
.cp-blue,.cp-hover-blue:hover{color:#cpf!important;background-color:#2196F3!important}
.cp-light-blue,.cp-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.cp-brown,.cp-hover-brown:hover{color:#cpf!important;background-color:#795548!important}
.cp-cyan,.cp-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.cp-blue-gray,.cp-hover-blue-gray:hover,.cp-blue-gray,.cp-hover-blue-gray:hover{color:#cpf!important;background-color:#607d8b!important}
.cp-green,.cp-hover-green:hover{color:#cpf!important;background-color:#4CAF50!important}
.cp-light-green,.cp-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.cp-indigo,.cp-hover-indigo:hover{color:#cpf!important;background-color:#3f51b5!important}
.cp-khaki,.cp-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.cp-lime,.cp-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.cp-orange,.cp-hover-orange:hover{color:#000!important;background-color:#cp9800!important}
.cp-deep-orange,.cp-hover-deep-orange:hover{color:#cpf!important;background-color:#cp5722!important}
.cp-pink,.cp-hover-pink:hover{color:#cpf!important;background-color:#e91e63!important}
.cp-purple,.cp-hover-purple:hover{color:#cpf!important;background-color:#9c27b0!important}
.cp-deep-purple,.cp-hover-deep-purple:hover{color:#cpf!important;background-color:#673ab7!important}
.cp-red,.cp-hover-red:hover{color:#cpf!important;background-color:#f44336!important}
.cp-sand,.cp-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.cp-teal,.cp-hover-teal:hover{color:#cpf!important;background-color:#009688!important}
.cp-yellow,.cp-hover-yellow:hover{color:#000!important;background-color:#cpeb3b!important}
.cp-white,.cp-hover-white:hover{color:#000!important;background-color:#cpf!important}
.cp-black,.cp-hover-black:hover{color:#cpf!important;background-color:#000!important}
.cp-gray,.cp-hover-gray:hover,.cp-gray,.cp-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.cp-light-gray,.cp-hover-light-gray:hover,.cp-light-gray,.cp-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.cp-dark-gray,.cp-hover-dark-gray:hover,.cp-dark-gray,.cp-hover-dark-gray:hover{color:#cpf!important;background-color:#616161!important}
.cp-pale-red,.cp-hover-pale-red:hover{color:#000!important;background-color:#cpdddd!important}
.cp-pale-green,.cp-hover-pale-green:hover{color:#000!important;background-color:#ddcpdd!important}
.cp-pale-yellow,.cp-hover-pale-yellow:hover{color:#000!important;background-color:#cpcpcc!important}
.cp-pale-blue,.cp-hover-pale-blue:hover{color:#000!important;background-color:#ddcpcp!important}
.cp-text-amber,.cp-hover-text-amber:hover{color:#cpc107!important}
.cp-text-aqua,.cp-hover-text-aqua:hover{color:#00cpcp!important}
.cp-text-blue,.cp-hover-text-blue:hover{color:#2196F3!important}
.cp-text-light-blue,.cp-hover-text-light-blue:hover{color:#87CEEB!important}
.cp-text-brown,.cp-hover-text-brown:hover{color:#795548!important}
.cp-text-cyan,.cp-hover-text-cyan:hover{color:#00bcd4!important}
.cp-text-blue-gray,.cp-hover-text-blue-gray:hover,.cp-text-blue-gray,.cp-hover-text-blue-gray:hover{color:#607d8b!important}
.cp-text-green,.cp-hover-text-green:hover{color:#4CAF50!important}
.cp-text-light-green,.cp-hover-text-light-green:hover{color:#8bc34a!important}
.cp-text-indigo,.cp-hover-text-indigo:hover{color:#3f51b5!important}
.cp-text-khaki,.cp-hover-text-khaki:hover{color:#b4aa50!important}
.cp-text-lime,.cp-hover-text-lime:hover{color:#cddc39!important}
.cp-text-orange,.cp-hover-text-orange:hover{color:#cp9800!important}
.cp-text-deep-orange,.cp-hover-text-deep-orange:hover{color:#cp5722!important}
.cp-text-pink,.cp-hover-text-pink:hover{color:#e91e63!important}
.cp-text-purple,.cp-hover-text-purple:hover{color:#9c27b0!important}
.cp-text-deep-purple,.cp-hover-text-deep-purple:hover{color:#673ab7!important}
.cp-text-red,.cp-hover-text-red:hover{color:#f44336!important}
.cp-text-sand,.cp-hover-text-sand:hover{color:#fdf5e6!important}
.cp-text-teal,.cp-hover-text-teal:hover{color:#009688!important}
.cp-text-yellow,.cp-hover-text-yellow:hover{color:#d2be0e!important}
.cp-text-white,.cp-hover-text-white:hover{color:#cpf!important}
.cp-text-black,.cp-hover-text-black:hover{color:#000!important}
.cp-text-gray,.cp-hover-text-gray:hover,.cp-text-gray,.cp-hover-text-gray:hover{color:#757575!important}
.cp-text-light-gray,.cp-hover-text-light-gray:hover,.cp-text-light-gray,.cp-hover-text-light-gray:hover{color:#f1f1f1!important}
.cp-text-dark-gray,.cp-hover-text-dark-gray:hover,.cp-text-dark-gray,.cp-hover-text-dark-gray:hover{color:#3a3a3a!important}
.cp-border-amber,.cp-hover-border-amber:hover{border-color:#cpc107!important}
.cp-border-aqua,.cp-hover-border-aqua:hover{border-color:#00cpcp!important}
.cp-border-blue,.cp-hover-border-blue:hover{border-color:#2196F3!important}
.cp-border-light-blue,.cp-hover-border-light-blue:hover{border-color:#87CEEB!important}
.cp-border-brown,.cp-hover-border-brown:hover{border-color:#795548!important}
.cp-border-cyan,.cp-hover-border-cyan:hover{border-color:#00bcd4!important}
.cp-border-blue-gray,.cp-hover-border-blue-gray:hover,.cp-border-blue-gray,.cp-hover-border-blue-gray:hover{border-color:#607d8b!important}
.cp-border-green,.cp-hover-border-green:hover{border-color:#4CAF50!important}
.cp-border-light-green,.cp-hover-border-light-green:hover{border-color:#8bc34a!important}
.cp-border-indigo,.cp-hover-border-indigo:hover{border-color:#3f51b5!important}
.cp-border-khaki,.cp-hover-border-khaki:hover{border-color:#f0e68c!important}
.cp-border-lime,.cp-hover-border-lime:hover{border-color:#cddc39!important}
.cp-border-orange,.cp-hover-border-orange:hover{border-color:#cp9800!important}
.cp-border-deep-orange,.cp-hover-border-deep-orange:hover{border-color:#cp5722!important}
.cp-border-pink,.cp-hover-border-pink:hover{border-color:#e91e63!important}
.cp-border-purple,.cp-hover-border-purple:hover{border-color:#9c27b0!important}
.cp-border-deep-purple,.cp-hover-border-deep-purple:hover{border-color:#673ab7!important}
.cp-border-red,.cp-hover-border-red:hover{border-color:#f44336!important}
.cp-border-sand,.cp-hover-border-sand:hover{border-color:#fdf5e6!important}
.cp-border-teal,.cp-hover-border-teal:hover{border-color:#009688!important}
.cp-border-yellow,.cp-hover-border-yellow:hover{border-color:#cpeb3b!important}
.cp-border-white,.cp-hover-border-white:hover{border-color:#cpf!important}
.cp-border-black,.cp-hover-border-black:hover{border-color:#000!important}
.cp-border-gray,.cp-hover-border-gray:hover,.cp-border-gray,.cp-hover-border-gray:hover{border-color:#9e9e9e!important}
.cp-border-light-gray,.cp-hover-border-light-gray:hover,.cp-border-light-gray,.cp-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.cp-border-dark-gray,.cp-hover-border-dark-gray:hover,.cp-border-dark-gray,.cp-hover-border-dark-gray:hover{border-color:#616161!important}
.cp-border-pale-red,.cp-hover-border-pale-red:hover{border-color:#cpe7e7!important}.cp-border-pale-green,.cp-hover-border-pale-green:hover{border-color:#e7cpe7!important}
.cp-border-pale-yellow,.cp-hover-border-pale-yellow:hover{border-color:#cpcpcc!important}.cp-border-pale-blue,.cp-hover-border-pale-blue:hover{border-color:#e7cpcp!important}
						
<style type="text/css">
A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
</style>