/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
font-family: "PT Serif",Times,Georgia,serif;
color: #000;
font-size: 18px;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {background-color: transparent;color: #039;clear: both;}


h1 {
color: #000;
font-family: "Source Sans Pro",Helvetica,sans-serif;
font-size: 30px;
font-weight: 700;
text-align:center;
border-top: 1px solid #acacac;
padding:0;
margin:0;
line-height: 1.1;
padding-top:5px;
padding-bottom:3px;
}

h2 {
font-family: "Source Sans Pro",Helvetica,sans-serif;
border-bottom: 1px solid #acacac;
text-transform: none;
font-size: 22px;
text-align:center;
font-weight: 400;
color:#000;
margin:0;
padding:0;
padding-bottom: 5px;
line-height: 1.3;
}

h3 {
font-family: "Source Sans Pro",Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #acacac;
border-top: 1px solid #acacac;
padding-top: 5px;
padding-bottom: 5px;
color: #000;
margin: 2em auto 1.5em;
}

h4 {
font-family: "Source Sans Pro",Helvetica,sans-serif;
font-size: 15pt;
font-weight:bold;
text-align: center;
color: #000;
}

h5 {
font-family: "Source Sans Pro",Helvetica,sans-serif;	
font-size: 12pt;
font-weight: normal;
color: #000;
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}

img {
border: 0 solid #ddd;
}
img{max-width:99%!important;height:auto!important;-ms-interpolation-mode:bicubic;padding:4px;}

a:link img{opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}
a:hover img{opacity:.5}
a:link img {
border: 0;
}

@media only screen and (max-width: 780px) {
body {
font-size: 16px;
}
#ContentColumn, #ContentColumn .Liner {
padding: 0 2%;
width: 100%;
}
}

/* -- General Link Styling -- */

a:link {
color: #00C; 
font-weight: normal;
text-decoration: underline;
}

a:visited {
color: #00C;
text-decoration: underline;
}

a:hover {
	color: #00C;
	text-decoration: underline;
}



/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {width:100%; max-width:1200px; margin:420px auto 10px auto;  padding:0; background:#fff; border:1px solid #ccc;}

#Header {width:100%;padding:0;margin:0;border:none;min-height:0px; _height:0px;}
#Header .Liner {width:100%;position:relative; padding:0;min-height:0px; _height:0px;background:url()transparent top left no-repeat; }


#ContentWrapper {border:none; margin: auto;width:70%; height:auto;float:left;}
#ContentWrapper {background: url()#fff; background-repeat: repeat-y;background-position: top center;}
#ContentWrapper table {max-width:90% !important; margin:10px auto;}
#ContentColumn {
width:100%;
margin-top:0px;
padding:0 10px;
border:none;
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
float:left;
}
#ContentColumn .Liner{width: 95%; margin:0 auto;}


#NavColumn {display: none;}


#ExtraColumn {
border-left:1px dotted #ccc;
float: right;
width: 29%;
margin-top:0px;
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
font-size: 80%;
float:right;
}
#ExtraColumn .Liner {margin-top:0px;}


#Footer {
border-top:1px solid #c00;
clear: both;
width: 100%;
padding: 8px 0;
margin: 0 auto;
background-image: url();
text-align: center;
font-size: 85%;
}
#Footer .Liner {margin: 0;padding: 0;}





#NavColumn h4 {
font-size: 95%;
color: #000;
margin-top: 0;
}

#ExtraColumn h4 {
font-size: 85%;
color: #000;
margin-top: 0;
}




/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a:link {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: #00C;
}


/* -- Horizontal Text NavBar -- */

.ExtraNav {
background-color: transparent;
}

.ExtraNav ul {
list-style-type: none;
padding: 0;
}

.ExtraNav ul li {
display: inline;
background-color: transparant;
text-align: center;
}

.ExtraNav a:link {
color: #00C;
text-decoration: none;
text-align: center;
padding: 3px 40px 3px 0;
}

.ExtraNav a:visited {
color: #00C;
text-decoration: none;
}

#Footer .ExtraNav a:hover {
text-decoration: underline;
color: #00C;
}

.ExtraNav a:hover {
color: white;
background-color: transparant;
text-decoration: underline;
}

#Header .ExtraNav {
	font-size: 110%;
	position: absolute;
	top: 157px;
	right: 12px;
	width: 952px;
	height: 25px;
}

#Header .ExtraNav ul { 
margin: 0;
}

#Footer .ExtraNav {
margin: 12px auto;
background-color: transparent;
font-weight: normal;
font-family: "PT Serif",Times,Georgia,serif;
text-transform: uppercase;
font-size: 17px;
width:85%;
}



/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-color: #fff;
width: 85%;
border: 2px dotted #bf2c3c;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

.ReminderBox {          
background-color: #ddd;
width: 24%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 120%;
}

.TipsBox {          
background-color: #EFEDEE;
width: 85%;
border: 1px solid #8f8fb3;
margin: 18px auto 24px auto;
color: #006;
}

.TipsBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #EFEDEE;
}

.TipsBox p {
font-size: 80%;
padding: 0 4px;
line-height: 120%;
}

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
padding: 5px;
background-color: #fff;
border: 0px;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.ReturnToNavBox {
background-color: #fff;
width: 90%;
border-top: 1px solid #bf2c3c;
border-bottom: 1px solid #bf2c3c;
margin: 0 auto 12px auto;
padding: 4px;
}

.connect{float:right;margin-top:70px;margin-right:5px;}

/* -- RSS Box -- */

#RSSbox {
width: 148px;
background-color: #fff;
border: 1px solid #063;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 120%;
text-align: center;
}



/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
clear: both;
}

.Caption {
font-size: 60%;
text-align: center;
font-weight: bold;
line-height: 100%;
color: #000;
display: block;
margin-bottom:10px;
}

/* -- floats -- */

.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}
#PageWrapper #ContentWrapper #ContentColumn .Liner table {
	font-weight: normal;
}

.RightHandText {
	font-size: 90%;
}

a:link { 
text-transform: none; 
color: #00C; 
font-family: "PT Serif",Times,Georgia,serif;
}

#ContentColumn li { list-style-type: disc;}

div #sthoverbuttons.sthoverbuttons-pos-left { left:30px; top:175px;}





#ddmenu{ right:0;width:100%;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;text-align:center;letter-spacing:normal}
#ddmenu .top-heading{font-size:16px;color:#fff; font-weight:bold;}
#ddmenu ul{margin:0 auto;padding:2px 0 0;text-align:center;width:100%;font-size:0;background:0 0;display:inline-block;list-style:none;position:relative;z-index:999999990;border-radius:8px;}
#ddmenu li{margin:0;padding:0;font-size:14px;display:inline-block;zoom:1;position:relative;color:#000;line-height:44px;transition:background-color .5s;outline:0}
#ddmenu li.full-width{position:static}
#ddmenu li.over{color:#333;background-color:#990000} /* background behind top links*/
#ddmenu li.over.no-sub{color:#fff;background-color:#ff0000;border-radius:3px;}
#ddmenu .top-heading{font-weight:400;white-space:nowrap;margin:0 22px;text-decoration:none;display:inline-block;outline:0;cursor:pointer}
#ddmenu li a,#ddmenu li a:hover,#ddmenu li a:link{color:inherit}
#ddmenu li.no-sub a:visited{color:#000}
#ddmenu li a:hover{text-decoration:underline}
#ddmenu li a:focus{outline:#09F dotted 1px}
#ddmenu i.caret{color:#fff;left:-18px;width:0;height:0;overflow:hidden;vertical-align:middle;margin-bottom:2px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;display:inline-block;position:relative}
#ddmenu .dropdown{width:auto;left:0;color:#333;padding:0;margin:0;display:none;position:absolute;top:100%;border:1px solid #ccc;border-top:none;border-radius:0 0 3px 3px;box-shadow:0 6px 6px rgba(0,0,0,.175)}
#ddmenu li.full-width .dropdown{width:100%;padding:0;margin:0 auto;}
#ddmenu .offset300{left:-300px;right:auto}
#ddmenu .right-aligned{left:auto;right:0}
#ddmenu li.over .dropdown{display:block}
#ddmenu .dd-inner{text-align:center;padding:20px;margin:0;background-color:#e4e7ea;white-space:nowrap;font-size:13px;line-height:1.35}
#ddmenu .dropdown a{display:block;color:#444;line-height:22px;text-decoration:none;padding:0}
#ddmenu .dropdown a:focus,#ddmenu .dropdown a:hover{text-decoration:underline;color:#09F}
#ddmenu div.column{text-align:left;vertical-align:top;display:inline-block;white-space:normal;width:auto;min-width:150px;max-width:300px;padding:0 20px;border-right:1px solid #333}
#ddmenu div.dd-inner div:last-child{border-right:none}
#ddmenu div.column h3{font-weight:500;line-height:1.1;margin-top:12px;margin-bottom:8px;font-size:20px}
#ddmenu li{border-radius:3px 3px 0 0}
#ddmenu div.column h3{border-bottom:1px solid #333}







div.clear{clear:both;background-color:transparent}div.clear10{clear:both;height:10px;background-color:transparent}div.clear20{clear:both;height:20px;background-color:transparent}div.clear30{clear:both;height:30px;background-color:transparent}div.clear40{clear:both;height:40px;background-color:transparent}div.clear50{clear:both;height:50px;background-color:transparent}div.clear60{clear:both;height:60px;background-color:transparent}div.clear70{clear:both;height:70px;background-color:transparent}div.clear80{clear:both;height:80px;background-color:transparent}div.clear90{clear:both;height:90px;background-color:transparent}div.clear100{clear:both;height:100px;background-color:transparent}
.mobile-only{display:none;}
span.mobile-only{display:none;}
.mobileOnly{display:none;}
span.mobileOnly{display:none;}
@media screen and (max-width:780px){
.mobile-only{display:block;width:100%}
span .mobile-only{display:inline;}
div .mobileOnly{display:block;}
span .mobileOnly{display:inline;}
.desktopOnly{display:none;}
.desktop-only{display:none;}
body {background: url() #fff top repeat-x;  font-size:15px;overflow-x:hidden;}

#PageWrapper {width:100%; padding:0;margin:250px auto 25px auto; background:#fff; border:none;}

#Header {width:100%;padding:0;margin:0;}
#Header .Liner {width:100%;position:relative; padding:0;min-height:0px; _height:0px;background:url()#fff top left no-repeat; }


#ContentWrapper {border:none; margin: auto;width:100%; height:auto;float:none; display:block;}
#ContentWrapper {background: url()#fff; background-repeat: repeat-y;background-position: top center;}
#ContentWrapper table {max-width:90% !important; margin:10px auto;}


#ContentColumn {
width:100%;
margin-top:0px;
border:none;
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
float:none;
display:block;
overflow-x:hidden;
}
#ContentColumn .Liner{margin-top:0px;width:90%; padding-right:20px;}


#NavColumn {display: none;}


#ExtraColumn {
border:none;
float: right;
width: 100%;
margin-top:0px;
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
font-size: 80%;
float:none;
display:block
}
#ExtraColumn .Liner {margin-top:0px;}


#Footer {
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
clear: both;
width: 100%;
padding: 8px 0;
margin: 0 auto;
background-image: url(../image-files/content1440.png);
 background-repeat: repeat-y;
 background-position: top center;
text-align: center;
font-size: 85%;
}
#Footer .Liner {margin: 0;padding: 0;}

img{max-width:95%!important;height:auto!important;-ms-interpolation-mode:bicubic;padding:4px;clear:both;display:block; float:none;}
#ExtraColumn a img center  {display:inline !important; float:left !important;}


#wrap{width:100%;position:absolute;top:100px;right:0px;background:#cc0000;border-color:transparent;padding:4px;margin-right:5px;margin-top:8px;margin-bottom:8px;color:#fff;}
#wrap img{border:transparent;}
#wrap a:link{color:#ffffff; font-weight:bold; margin:10px;}
#wrap a:visited{color:#ffffff;}
#wrap a:hover{color:#ffff00;}
#ddmenu {display:none;}
.MobileNav img{border:transparent}
.more{display:none;background:0 0;padding:0}
.news{width:300px !important; margin:10px auto;}
.connect{float:right;margin-top:70px;margin-right:5px;}
}

@media screen and (max-width:479px){
.connect{float:left;margin-top:120px;margin-left:5px;}
}


/* ------ HEADER EDITS - JAN 2018 ------ */

body {
background: #f0f0f0;
}

#PageWrapper {
margin: 90px auto 10px auto;
}

#ContentColumn, #ContentColumn .Liner {
width: 100%;
padding: 0 5%;
box-sizing: border-box;
}

#ContentColumn .Liner {
padding-top: 40px !important;
}

#ddmenu {
top: 0 !important;
width: 100%;
background: #900000;
position: fixed !important;
z-index: 999;
}

#ddmenu ul {
margin: 0;
padding: 12px 5% 10px 180px;
box-sizing: border-box;
text-align: right;
}

.logo {
position: fixed;
top: 4px;
left: 5%;
z-index: 1000;
}

.logo img {
width: 100px;
}

@media only screen and (max-width: 780px) {
.logo img {
width: 80px;
}
}

.mobile-nav #wrap {
width: 100%;
position: fixed;
top: 0px;
right: 0;
background: #900000;
padding: 22px 10px 0px 10px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 2px;
text-align: right;
}

.mobile-nav #wrap a:link {
margin: 0px 10px 10px 10px;
}