/* jwfacts stylesheet */

@media (min-width: 668px)

{ 
.googlefootermobile { display: none; }
.googlefooter600 {display: none;}
.headingsmall { display: none; }
}

body{background:#ffffff; margin:0px;padding:0px;text-align:center;}/* center everything. some browsers add margins and padding by default, remove them. Up till jan 2015 background:#e9e9e9;*/ 

#container {width:100%; text-align:center; margin:0 auto; }
#header { text-align:center; margin:0 auto; }

#headerpurple {background:#D0A9F5; text-align:center; margin:0 auto; width:100%;}
#headerlogo {margin:0 auto; width:1000px; padding:0px 0px;}
#headerlogotext {font-family:"Helvetica Light", helvetica, arial; font-size:20pt; text-align:left; width:1000px; padding:6px 0px;}

#headercharcoal {background:#333333; text-align:center; margin:0 auto; width:100%;}
#headerlinks {margin:0 auto; text-align:left; width:1000px; padding:15px 0px;} 

/*slider */
#headerryoutube {width:1000px; align:center; }
.headeryoutube {width:1000px;  background:#ffffff; padding:3px; border-radius:10px; text-align:center; align:center; clear:both;}

#headerryoutube100 {width:100%; align:center; }
.headeryoutube100 {width:100%; background:#ffffff; padding:3px; border-radius:10px; text-align:center; align:center; clear:both;} 

#footerr {width:100%; background:#D0A9F5; padding:5px; text-align:center; margin:0 auto; }
/* Up till jan 2015 border-bottom-right-radius:10px; border-bottom-left-radius:10px;*/
.googlefooter {padding:0px; text-align:center;}

.main-body {width:1000px; background:#FFFFFF; padding:0px; border:1; text-align:center; valign:top; margin-left:auto; margin-right:auto; } /*text-align required for explorer - Up till jan 2015 border-top-right-radius:10px; border-top-left-radius:10px;*/
tr,td {text-align:left; vertical-align:top;}
.main-content {background:#FFFFFF; padding:5px; border-top-right-radius: 10px; border-top-left-radius: 10px; width:630px; img-align:left;}
.main-content-home {background:#FFFFFF; padding:5px; border-top-right-radius: 10px; border-top-left-radius: 10px; width:1000px; img-align:left;}
.right-menu {background:#FFFFFF; float:right; padding:5px; border-top-right-radius: 10px; border-top-left-radius: 10px; width:330px;}
.exposed-body {width:500px; background:#FFFFFF; padding:0px; border:1; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align:center; valign:top; margin-left:auto; margin-right:auto; } /*text-align required for explorer*/

#section-container500 {width:100%; height:500px;}
#section-container300 {width:100%; height:300px;}
#section-container {width:100%;}
#fullblock {width:90%; height:300px; padding:5px;}
#fullblockgrey {width:90%; height:500px; padding:5px; background-color:#f3f3f3;}
#leftblock {width:45%;  float:left; padding:5px;}
#leftblockgrey {width:45%; height:500px; float:left; padding:5px; background-color:#f3f3f3; }
#rightblock {width:45%; float:left; padding:5px;}
#rightblockgrey {width:45%; height:500px; float:left; padding:5px; background-color:#f3f3f3; }

.background1 {width:100%; background-color:#f3f3f3; padding:5px;}
.background2 {width:100%; background-color:#ffffff; padding:5px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

h1 {font-family:"Helvetica Light", helvetica, arial; font-size:1.75em; text-align:center; color:#666666;}
h2 {font-family:"Helvetica Neue", helvetica, arial; font-size:1.25em; text-align:center; color:#AE1804;}
h3 {font-family:"Helvetica Neue", helvetica, arial; font-size:1.25em; text-align:left; color:#AE1804;}
h4 {font-family:"Helvetica Neue", helvetica, arial; font-size:1.0em; text-align:left; font-weight: bold; padding-left:20pt; color:#333333;}
h5 {font-family:"Helvetica Neue", helvetica, arial; font-size:1.0em; text-align:left; color:#333333;}
h6 {font-family:"Helvetica Neue", helvetica, arial; font-size:0.9em; text-align:left; font-weight: bold; color:#333333;}

p {font-family:"Helvetica Neue", helvetica, arial; font-size:0.925em; text-align:left; line-height:125%; color:#333333;}
.phomepage {font-family:"Helvetica Neue", helvetica, arial; font-size:1.05em; text-align:left; line-height:125%; color:#333333;}
.p2 {font-family:"Helvetica Neue", helvetica, arial; font-size:1.0em; text-align:left; line-height:125%; color:#333333;}
.psmall {font-family:"Helvetica Neue", helvetica, arial; font-size:0.85em; text-align:left; line-height:125%; color:#333333;}
.psmallcenter {font-family:"Helvetica Neue", helvetica, arial; font-size:0.85em; text-align:center; line-height:125%; color:#333333;}
.pcenter {font-family:"Helvetica Neue", helvetica, arial; font-size:0.925em; text-align:center; line-height:125%; color:#333333;}
.pright {font-family:"Helvetica Neue", helvetica, arial; font-size:0.925em; text-align:right; line-height:125%; color:#333333;}
.pindent {font-family:"Helvetica Neue", helvetica, arial; font-size:0.925em; text-align:left; line-height:125%; padding-left:20pt; color:#333333;}
.pquote {font-family:palantino, times; font-size:1.05em; line-height:125%; padding-left:30pt; color:#333333;}
.pquote2 {font-family:palantino, times; font-size:1.05em; line-height:125%; padding-left:60pt; color:#333333;}
.pquotenoindent {font-family:palantino, times; font-size:1.05em; line-height:125%; color:#333333;}
.plargequote {font-family:palantino, times; float: right; text-align:center; color:#BFD9DA; border:1; padding:10px; border-radius: 10px; background-color:#484452; font-size:1.6em; margin:10px 0px; color:#BFD9DA;} 
.plarge {font-family:"Helvetica Neue", helvetica; text-align:left;  border:1; padding:0px; border-radius: 10px; font-size:1.3em; letter-spacing:0.05em; margin:10px 0px; color:#333333;} 

fontred {font-color:red;}

blockquote {font-family:palantino, times; font-size:1.05em; line-height:125%; text-align:left; quotes: "\201C" "\201D"; color:#333333;}
sub, sup {font-size: .7em;}

.pblueeheading {background-color:#eff3f8; border:1px solid #eff3f8; font-family:verdana; font-size:0.9375em; text-align:center; padding:10px; margin:0px 0px; }
.pbluee {background-color:#FEFEFE; border:1px solid #eff3f8; font-family:"Helvetica Neue", helvetica, arial; font-size:0.8em; text-align:left; line-height:125%; padding:10px; margin:0px 0px;}
.pblueecenter {background-color:#FEFEFE; border:1px solid #eff3f8; font-family:helvetica, arial; font-size:0.8em; text-align:center; line-height:125%; padding:10px; margin:0px 0px;}

.preddheading {background-color:#dbd4d6; border:1px solid #dbd4d6; font-family:verdana; font-size:0.9375em; text-align:center; padding:10px; margin:0px 0px;}
.predd {background-color:#f7f7f7; border:1px solid #dbd4d6; font-family:"Helvetica Neue", helvetica, arial; font-size:0.8em; text-align:left; line-height:125%; padding:10px; margin:0px 0px;}
.preddcenter {background-color:#f7f7f7; border:1px solid #dbd4d6; font-family:"Helvetica Neue", helvetica, arial; font-size:0.8em; text-align:center; line-height:125%; padding:10px; margin:0px 0px;}


ul {font-family:"Helvetica Neue", helvetica, arial; text-align:left; font-size:0.925em; line-height:125%; color:#333333;}
.ul li ul {font-size: 1.0em; /*stops nested lists scaling*/}
.ulhomepage {font-family:"Helvetica Neue", helvetica, arial; font-size:1.05em; text-align:left; line-height:125%; color:#333333;}
.ultwo {font-family:"Helvetica Neue", helvetica, arial; text-align:left; font-size:0.955em; line-height:125%;}
.ulthree {font-family:"Helvetica Neue", helvetica, arial; text-align:left; font-size:1.1em; line-height:125%;}
.ulbluee {font-family:palantino, times; font-size:1.125em; text-align:left; line-height:125%;}
.ulredd {font-family:palantino, times; font-size:1.125em; text-align:left; line-height:125%;}
.ulquote {font-family:palantino, times; font-size:1.1em; text-align:left; line-height:125%;}
.ulquotetwo {font-family:palantino, times; font-size:1.25em; text-align:left; line-height:125%;}
ol {font-family:"Helvetica Neue", helvetica, arial; text-align:left; font-size:0.925em; line-height:125%; color:#333333;}
.olsmall {font-family:"Helvetica Neue", helvetica, arial; text-align:left; font-size:0.85em; line-height:125%;}
.olbluee {font-family:verdana; font-size:1.0em; text-align:left; line-height:125%;}
.olredd {font-family:verdana; font-size:1.0em; text-align:left; line-height:125%;}

.floatLeft {float: left; margin: 4px; padding:5px;}
.floatLeftindent {float: left; margin: 4px; padding:5px; padding-left:30pt;}
.floatRight { float: right; margin: 4px; padding:5px;}
.quote300Left { float: left; margin: 4px; width:50%;}
.quote400Left { float: left; margin: 4px; width:400px;}
.quote300Right { float: right; margin: 4px; width:50%;}
.quote400Right { float: right; margin: 4px; width:400px;}

img.imgfull {width: 100%; height: auto;}
img.imgthird {width: 32%; height: auto;}
img.imghalf {width: 48%; height: auto;}
img.img25 {width: 24%; height: auto;}
img.img75 {width: 72%; height: auto;}
img.imgindent {padding-left:30pt; border:none; border-width: 0px;}
img.imgindentfull {padding-left:30pt; width: 95%; height: auto; border:none; border-width: 0px;}
img.floatLeft {float: left; margin: 4px; padding:5px;}
img.floatRight {float: right; margin: 4px; padding:5px; border:none;}
img.floatRight50 {float: right; max-width: 50%; height: auto; margin: 4px; padding:5px; border:none;}
img.imgcenter {align:center;  border:none:}

a {color: #337810; text-decoration:none;} /* green..grey*/
a:visited {color:#337810; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}
a:active {color:#337810; text-decoration:none;}

.a1 {color:#000000; font-family:verdana;} /*black..grey*/
.a1:visited {color:#000000; }
.a1:hover {color:#333333 }
.a1:active {color:#000000; }

.a2 {color:#ffffff; font-family:verdana; font-size:0.75em;} /*white..pink*/
.a2:visited {color:#ffffff; }
.a2:hover {color:#D0A9F5; }
.a2:active {color:#ffffff;}

.a3 {color:#ffffff; font-family:palantino;} /*white..pink*/
.a3:visited {color:#ffffff; }
.a3:hover {color:#D0A9F5; }
.a3:active {color:#ffffff;}

.a4 {color:#337810; font-family:palantino; font-style:italic; font-size:2.0em; line-height:125%;}  /* green..grey*/
.a4:visited {color:#337810; }
.a4:hover {color:#333333; }
.a4:active {color:#337810;}

.bread {font-family:verdana; font-size:0.7em;}

table#bluee {background-color:#eff3f8; width:100%; cellpadding:5px; cellspacing:5px; border-radius:5px;}
table#bluee td {padding:5px;}
.blueetoprow {background-color:#eff3f8; font-family:verdana; font-size:0.9375em; text-align:center; border-top-right-radius:5px; border-top-left-radius:5px;}
.blueebody {background-color:#ffffff; font-family:verdana; font-size:0.75em; text-align:left; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.blueebodycenter {background-color:#ffffff; font-family:verdana; font-size:0.75em; text-align:center; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.blueenotoprow {background-color: #ffffff; font-family:verdana; font-size:0.75em; text-align: left; border-radius: 5px;}
.blueenotoprowcenter {background-color:#ffffff; font-family:verdana; font-size:0.75em;text-align: center; border-radius:5px;}
.blueenotoprowquotecenter {background-color:#ffffff; font-family:palantino; font-size:0.9em; text-align:center; border-radius:5px;}
.blueequotecenter {background-color:#ffffff; font-family:palantino; font-size:0.9em; text-align:center; border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.blueetopleftcurve {background-color: #ffffff; font-family:verdana; font-size:0.75em; text-align: left; border-top-left-radius: 5px; }
.blueetoprightcurve {background-color: #ffffff; font-family:verdana; font-size:0.75em; text-align: left; border-top-right-radius: 5px; }
.blueebottomleftcurve {background-color: #ffffff; font-family:verdana; font-size:0.75em; text-align: left; border-bottom-left-radius: 5px; }
.blueebottomrightcurve {background-color:#ffffff; font-family:verdana; font-size:0.75em; text-align:left; border-bottom-right-radius: 5px;}
.blueenocurve {background-color:#ffffff; font-family:verdana; font-size:0.75em; text-align:left;}
.blueenocurvecenter {background-color:#ffffff; font-family:verdana; font-size:0.75em; text-align:center;}




/*For css tables, not used yet
#row{display:table-row; text-align:center; padding:2;}
#left, #right, #middle {display:table-cell; text-align:center; padding:2;}
.leftalign {text-align:left;}
.centeralign {text-align:center;}
.rightalign {text-align:right;}

