html{width:100%; margin:0; padding:0;}

body{
font-family: Lato, sans-serif;
font-weight:normal;
background:url(../image-files/m-bodybg.jpg) top 50px center no-repeat;
width:100%; 
margin:0;padding:0;
color:#333;
font-size:100%;
line-height:1.5;
background-color:#fff;
}

body{
background:url(../image-files/m-bodybg.jpg) top center no-repeat, url(../image-files/foot.png)bottom repeat-x; 
width:100%;  
margin:0;padding:0;
color:#333;
font-size:100%;
line-height:1.5;
background-color:#fff;
}

h1,h2,h3,h4,h5,h6{
}

h1+p{
font-size:130%;
#333; 
line-height:150%; 
font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
margin:1em 0 .5em
}

h1{
font-size:54px;
margin-top:0;
margin-bottom:10px; 
text-shadow: 1px 2px 1px #666;
}

h2{
font-size:150%
}

h3{
font-size:125%
}

h4{
font-size:100%
}


blockquote{
display:block;clear:both;background-image:url(../image-files/left-speechmarks.jpg);background-repeat:no-repeat;background-color:#F0FFF0;font-family:'Courier New';color:#000;font-size:95%;font-style:italic;margin:30px 0;padding:5px 70px;line-height:120%
}

img{
border:0}
p{margin:1em 0
}

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{color:#00E}
a:visited{color:#55199A}
a:active{color:#E00}
a img{border:0
}

hr{
height:6px;border-style:none;color:transparent;width:100%;background-image:url(../image-files/hr.jpg);overflow:hidden !important;
}

.social-icons{
position:absolute; top:120px; right:0px;}
.social-icons img{display:inline;}
.social-icons a:link img{ float:left;border:transparent;
}
.search{
position:absolute; top:80px; right:10px;
}

#PageWrapper{
width:1000px;margin:0 auto 10px auto;float:none;box-shadow:none;font-size:120%; line-height:150%;background-image:none;background-color:transparent;;
}

#Header{
background-image:url(../image-files/m-header.png);width:1000px;height:310px;background-color:transparent;
}
#Header .Liner{
background-image:url();padding:1px 0;float:none;position:relative;min-height:310px;background-color:transparent;
}

#ContentWrapper{
float:left;width:700px;margin:0; margin-top:50px;padding:0;background-color:transparent;
}

#ContentColumn{
font-size:100%;border-right:1px dotted; #666;width:700px;margin:0px auto 0 auto; float:left; font-family: lato, sans-serif;background-color:transparent;
}
#ContentColumn img{
border:1px solid;#ccc;padding:3px
}
.none {border:transparent;}
.left{float:left;margin-right:10px;}
.right{float:right;margin-left:10px;}


#ContentColumn ul{list-style-type: disc;}
#ContentColumn li{background:none;padding-left:30px;padding-bottom:15px;}
#ContentColumn h1{ color:#000; font-size:160%; text-decoration:none; line-height:120%; margin-top:50px; text-shadow: 1px 2px 1px #666;font-family: arial, sans-serif;}
#ContentColumn h2{color:#000; font-size:130%; text-decoration:none;border-bottom:none;font-family: arial, sans-serif;}
#ContentColumn h3{color:#000; font-size:120%; text-decoration:none;font-family: arial, sans-serif;}
#ContentColumn h4{color:#000; font-size:110%; text-decoration:none;font-family: arial, sans-serif;}
#ContentColumn a:link{color:#0066cc;border-bottom:none;}
#ContentColumn a:visited{color:#660066;}
#ContentColumn a:hover{color:#009966;}
#ContentColumn .Liner{padding:0 10px; margin-top:-50px;
}

.Crumb {
font-size: 75%;
color: #0D0D0D; }


#ExtraColumn{
display:inline;width:300px;float:right;color:#000;font-size:85%; line-height:150%;background-color:#trasparent;margin-top:40px; margin-left:0px;
}
#ExtraColumn .Liner{
background-color:transparent; padding-left:10px; margin-top:0;
}
#NavColumn{
display:none
}
#Footer{
clear:both;width:1000px; height:150px; color:#000;font-size:80%;background-image:url();margin:0 auto 0 auto;text-align:center; position:relative;
}
#Footer .Liner{
clear:both;width:1000px;color:#000; background-color:transparent;font-size:80%;background-image:url();padding-left:0;
}





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

.CalloutBox {
background-color: #FFF8B2;    /* pale yellow-255 248 178 */
width: 85%;
border: 3px solid #8B3B3A;
margin: 18px auto 24px auto;
padding: 4px;
color: #39412C;
clear: both;
}

div.CalloutBox p {
margin: 12px;
}

p.CalloutBox {
padding: 4px;
}

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


.CalloutBox1 {
background-color: #eff4e0;    /* smaller oblong box. Maroon border, pale green */
width: 43%;
border: 2px solid #8B3B3A;
margin: 0px 0 12px 18px;
padding: 4px;
font-size: 90%;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
clear: both;
}

div.CalloutBox1 p {
font-size: 90%;
margin: 12px;
}

p.CalloutBox1 {
font-size: 90%;
padding: 4px;
}

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


.CalloutBox2 {
background-color: #FFF1DC;    /* 50% wide box on right - no border, pale pink, to look like a 2nd col on middle content page. can add <font color="#5B0000"> or <font size="3" color="#5B0000"> */
width: 40%;
border: 0px;
margin: 0px 0 20px 18px;
padding: 5px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox2 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox2 {
font-size: 95%;
padding: 4px;
}

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


.CalloutBox3 {
background-color: #FFFFFF;    /* 50% wide box on left - no border, all white, to look like a 2nd col on middle content page */
width: 40%;
border: 0px;
margin: 18px auto 24px auto;
padding: 4px;
float: left;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox3 p {
font-size: 90%;
margin: 13px;
}

p.CalloutBox3 {
font-size: 90%;
padding: 4px;
}

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


.CalloutBox4 {
background-color: #FFF1DC;    /* 80% wide box - no border, pale pink, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 0px;
margin: 18px auto 24px auto;
padding: 5px;
color: FFFFFF;
clear: both;
}

div.CalloutBox4 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox4 {
font-size: 95%;
padding: 4px;
}

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

.CalloutBox5 {
background-color: #FFF8B2;    /* 80% wide box - no border, pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 0px;
margin: 18px auto 24px auto;
padding: 5px;
color: FFFFFF;
clear: both;
}

div.CalloutBox5 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox5 {
font-size: 95%;
padding: 4px;
}

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


.CalloutBox6 {
background-color: #FFF8B2;    /* 95% wide box - pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 3px dotted #8B3B3A;
margin: 10px auto 15px auto;
padding: 4px;
color: FFFFFF;
clear: both;
}

div.CalloutBox6 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox6 {
font-size: 95%;
padding: 4px;
}

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

.CalloutBox7 {
background-color: #FFFFFF;    /* 50% wide box on right - no border, all white, use for adsense box on right */
width: 40%;
border: 0px;
margin: 18px auto 24px auto;
padding: 4px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox7 p {
font-size: 90%;
margin: 13px;
}

p.CalloutBox7 {
font-size: 90%;
padding: 4px;
}

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

.CalloutBox8 {
background-color: #996666;    /* oblong box. Maroon border, pale maroon */
width: 85%;
border: 2px solid #8B3B3A;
margin: 0px 0 12px 18px;
padding: 4px;
font-size: 90%;
color: #996666;
clear: both;
}

div.CalloutBox8 p {
font-size: 90%;
margin: 12px;
}

p.CalloutBox8 {
font-size: 90%;
padding: 4px;
}

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

.CalloutBox9 {
background-color: #FFF8B2;    /* 43% wide box - pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 43%;
border: 3px dotted #8B3B3A;
margin: 10px 5px 15px 12px;
padding: 4px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox9 p {
font-size: 85%;
margin: 13px;
}

p.CalloutBox9 {
font-size: 85%;
padding: 4px;
}

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


.ReminderBox {          
background-color: #FFFFFF;    /* small oblong right box for links to go to more pages */
width: 30%;
border: 3px dotted #8B3B3A;
margin: 10px auto 15px auto;
padding: 4px;
font-size: 95%;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
clear: both;
}


div.ReminderBox p {
font-size: 95%;
margin: 10px;
}

p. ReminderBox {
font-size: 95%;
padding: 4px;
}

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


.TextBoxwide {          
background-color: #FFFA99;
width: 80%;
border: 2px solid #8B3B3A;
margin: 18px auto 24px auto;
color: #39412C;
}

.TextBoxwide h4 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #F0BF8E;
}

.TextBoxwide p {
font-size: 95%;
padding: 4px;
line-height: 120%;
} 

.TextBoxwide-1 {          
background-color: #FFFA99;
width: 100%;
border: 2px solid #8B3B3A;
margin: 18px auto 24px auto;
color: #39412C;
}

.TextBoxwide-1 h4 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #F0BF8E;
}

.TextBoxwide-1 p {
font-size: 95%;
padding: 4px;
line-height: 120%;
} 

.dottedOblongBox {
background-color: #FFFFFF;
width: 90%;
border: 2px dotted #9EBC80;
margin: 0 auto 12px auto;
padding: 4px;
}






.ExtraNav ul li{
 display:inline; margin:0 10px;}
.ExtraNav ul li a{color:blue;}
.ExtraNav ul li a:visited{color:blue;}
.ExtraNav ul li a:hover{color:#cc0099;
}

.site_blog {
width:95%; border:1px solid #330099;box-shadow: 3px 3px 3px #ccc; border-radius:5px; padding:0 5px; font-size:13px; color:#333; background-color:#ececf0;}
.blogItItem {border-bottom:1px solid;}
.Caption, .CaptionCenter {display:block;font-size:12px; margin-top:-10px;}
.Liner{padding:10px
}

.triple{
float:left;width:320px;margin:0 10px 20px 0;background: url(../image-files/triplebg.jpg) top center repeat-x #fff; border:1px solid #999;  border-radius:5px;box-shadow: 3px 3px 3px #ccc;}
.inner{width:90%;margin:12px auto}
.triple img{margin:0 auto;border:0px solid #ccc;padding:2px}
.inner h3{font-size:120% !important;margin-top:-10px; color:#fff !important; padding-left:3px;}
.triple p{font-size:16px;color:#000;line-height:100%;font-family: arial,lato, sans-serif;}
.triple a{font-size:16px;color:#666;line-height:100%}
.tripledot{background-image:url(../image-files/tripledot-bg.png);background-repeat:repeat-x;width:280px;float:left;margin:15px;border:1px dotted #666;font-size:13px;color:#000; line-height:100%;}
.tripledot img{float:left;margin-right:5px;margin-left:-5px;border:1px solid #666;padding:2px}
.tripledot h3{margin-top:0px;font-size:20px;color:#000
}
.holder{
margin:5px auto;padding:5px; background-color:#e7e7f7; border:1px solid #ccccff; box-shadow: 5px 5px 5px #666;
}
.Ezine{
line-height:100%;border:1px solid #EEEEEE;padding:4px;color:#EEEEEE; font-size:14px;font-family:arial, san-serif;text-shadow:0 1px 0 rgba(0,0,0,.3);background:-webkit-linear-gradient(bottom,#999,#666);background:-ms-linear-gradient(bottom,#999,#666);background:-moz-linear-gradient(bottom,#999,#666);background:-o-linear-gradient(bottom,#999,#666);border-radius:6px;border-color:transparent;padding:4px;margin-top:8px;margin-bottom:8px
}

.formwrapper, .formbody{
width:250px; margin: 0 auto;}
.FormBlockCenter{background-color:#eee; border:1px solid #666; max-width:280px !important; margin: 0 auto; font-size:12px;line-height:100%; padding:10px;}
input, textarea {max-width:250px !important;border: 1px solid #666; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;padding: 5px;background: rgba(255,255,255,0.5);margin: 0 0 0 15px;}
.FormBlockCenter td span {font-size:11px; font-family:arial; font-weight:normal; display:block;}
.outlink{background-image: url(../image-files/linkout.png);background-position:right;background-repeat: no-repeat;padding: 0 13px 0 0;
}

#ddmenu{
position:absolute;top:5px;right:0;width:100%;display:block;white-space:nowrap;font-family: 'arial', sans-serif;font-size:17px;text-align:center;letter-spacing:normal}
#ddmenu .top-heading{font-size:17px;}
#ddmenu .no-sub a:visited{color:#fff !important;}
#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:2px}
#ddmenu li{margin:0;padding:0;font-size:14px;display:inline-block;zoom:1;position:relative;color:#eee;line-height:44px;transition:background-color .2s;outline:0}
#ddmenu li.full-width{position:static}
#ddmenu li.over{color:#333;background-color:#e4e7ea}
#ddmenu li.over.no-sub{color:#000;background:-webkit-linear-gradient(bottom,#ffcc00,#ff6600);background:-ms-linear-gradient(bottom,#ffcc00,#ff6600);background:-moz-linear-gradient(bottom,#ffcc00,#ff6600);background:-o-linear-gradient(bottom,#ffcc00,#ff6600);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:inherit;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 #bbb;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}
#ddmenu .offset300{left:-300px;right:auto}
#ddmenu .left-aligned{left:auto;right:0}
#ddmenu .right-aligned{right:auto;left: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; font-size:15px;}
#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:170px;max-width:300px;padding:0 30px;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
}

#lightbox{
position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none
}

#outerImageContainer{
position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0
}

#hoverNav{
position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0
}

#nextLink,#prevLink{
width:49%;height:100%;background-image:url(data:image-files/gif;base64,AAAA);display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../image-files/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../image-files/nextlabel.gif) right 15% no-repeat
}

#imageDataContainer{
font:11px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:center}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;outline:0
}

#overlay{
position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000
}
.Navigation{
display:none}
.right-nav{width:260px;margin:5px auto 20px;text-shadow:0 1px 0 rgba(0,0,0,.3);background:#036;background:-webkit-linear-gradient(bottom,#36f,#036);background:-ms-linear-gradient(bottom,#36f,#036);background:-moz-linear-gradient(bottom,#36f,#036);background:-o-linear-gradient(bottom,#36f,#036);border-color:transparent}
.right-nav ul{list-style-type:none}
.right-nav a:link{width:100%;font-size:20px;color:#fff;border:transparent;margin:4px auto}
.right-nav a:hover{font-size:20px;color:#cc0
}

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;
}



/*This is the mobile section of the stylesheet */
@media screen and (max-width:16cm){
.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;}

#ExtraColumn, .HorizontalNavBarLeft,  #Header .ExtraNav, #NavColumn,  .Navigation, #cssmenu, #ddmenu,  .HorizontalNavBar, .HorizontalNavBarCSS,.Navigation, .lil, .root, .scroll-top-wrapper{display:none;}
body{width:100%; margin:0;background:url(../image-files/modern-mobile-header.jpg) #ccc top left no-repeat; background-attachment:fixed;margin:0;padding:0;color:#333;font-size:90%;line-height:1.5em;letter-spacing:.03em}
.mobile-header{height:5px;background:url() no-repeat; background-color:transparent;}
#Header,#Header .Liner{height:1px; background-image:url();}
#PageWrapper{overflow:hidden; width:95%;background-color:#fff; border:1px solid #668499; margin-top:150px !important; margin-bottom:10px; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;}
#ContentWrapper{margin:40px auto 10px auto;float:none;display:block;width:100%;background-image:url();background-color:transparent;}

#ContentColumn{margin:0; padding-top:20px;margin-top:100px;display:block;width:97%;background-color:#fff;border:none; font-size:100%;}
#ContentColumn h1{margin-top:20px; text-align:center;}
#ContentColumn .Liner{width:97%;border:none; margin-left:0;padding-left:5px;}
#ContentWrapper a:link{color:#0033cc;}
#ContentWrapper a:visited{color:#660066;}
#ContentWrapper a:hover{color:#000000;}

#Footer{display:block;width:80%;background:url() bottom center no-repeat;height:120px; margin-bottom:0; font-size:90%;}
#Footer .Liner{display:block; width:80%;margin-bottom:0}
#Footer p{margin:15px auto;padding-top:10px;text-align:center;color:#333;font-size:11px}
#Footer a:link {color:#06c;font-size:12px;}
#Footer a:visited {color:#06c;}
#Footer a:hover {color:#000000;}
#Footer{background-image:url(); display:block;width:90%;}
#Footer.Liner .social-icons img{display:inline !important;}
.footer-links{position:relative; top:0px;}

.responsive-adsense{float:none; width:100%;  display:block; margin:15px auto; clear:both;}
#wrap{width:95%; border:1px solid #666;background:-webkit-linear-gradient(bottom,#cccccc,#666666);background:-ms-linear-gradient(bottom,#cccccc,#666666);background:-moz-linear-gradient(bottom,#cccccc,#666666);background:-o-linear-gradient(bottom,#cccccc,#666666);border-color:transparent;padding:4px;margin-top:40px;margin-bottom:8px;margin-left:3px;color:#fff; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;}

#wrap img{border:transparent;}
#wrap a:link{color:#fff; font-weight:normal; font-size:15px; margin:10px;}
#wrap a:visited{color:#fff;}
#wrap a:hover{color:#ff0;}

.MobileNav img{border:transparent}
.more{display:none;background:0 0;padding:0;}
.callout{width:120px; margin:5px; font-family:arial,san-serif;}
.mb{width:300px; margin-left:0; margin-right:0;float:none;display:block;}
h1+p{font-size:16px;color:#666; font-weight:bold;}
form{display:inline;float:none;width:90%}

.AdSenseBoxCenter468,.AdSenseBoxExtraColumn,.AdSenseBoxLeft,.AdSenseBoxRight{display:block;float:none;width:95%; margin-left:0; border:transparent;}
.ad1{float:none;display:block;margin:10px auto}
hr{height:10px;border-style:none;color:transparent;width:80%;background-image:url(../image-files/hr.png);overflow:hidden !important;}
blockquote{padding:5px 15px}

.triple1st{margin-left:15px}
.triple{background: url(../image-files/triplebg.jpg) top center repeat-x #fff; float:none;width:290px; margin-left:10px; padding-left:0;border:none;clear:both}
.triple p{line-height:100%}
.tripledot{float:none;width:280px;display:block;clear:both;margin:10px auto !important;}
.tripledot p{line-height:100%}
.splitcol-1{width:90%;float:none;margin-left:0;margin:0 auto;background-color:#e7e7f4; font-size:16px;color:#000;}
.splitcol-2{width:90%;float:none;margin-left:0;margin:0 auto;background-color:#e7e7f4; font-size:16px;color:#000;}

.ReminderBox{float:none;margin:10px auto;width:90%;display:block}
div.checkout{width:220px;overflow:hidden!important}

.mobile-nav{font-size:12px; position:absolute; top:110px; width:90%; margin:5px auto !important;}

.Ezine{width:90%;float:none;display:block;margin:10px auto;padding:0}
.Ezine table{width:85%;margin:0 auto}
.Ezine td{width:100%;text-align:center;vertical-align:top}

.social{position:relative; left: 20px; background-color:transparent;}
.big{padding:0 15px}
img{max-width:100%!important;height:auto!important;-ms-interpolation-mode:bicubic;padding:4px;border:1px solid #ccc;clear:both;display:inline !important;}
.mob-img img{display:inline !important; text-decoration:none; border-bottom:none;}
.mob-img a:link{text-decoration:none; border-bottom:none;}

.formwrapper, .formbody{width:270px; padding:10px; margin: 0 auto;background:#eee;}
.FormBlockCenter{ border:none;background-color:transparent !important; max-width:300px !important; margin: 0 auto; font-size:12px;line-height:100%; padding:10px;}
input, textarea {max-width:250px !important;border:1px solid; padding: 5px;margin: 0 0 0 0px;}
.FormBlockCenter  span {font-size:11px; font-family:arial; font-weight:normal; display:block;background:transparent; margin-bottom:-10px;}
textarea{margin-top:14px !important;}
.FormBlockCenter h2{display:none;}
#NotifyDiv input[type=text],#NotifyDiv select,#NotifyDiv textarea,.FormBlockLeft,.c2Form,.comments input[type=text],.comments textarea,.formbody input[type=text],.formbody select,.formbody textarea,.formwrapper,.storyInput,.titleInput,comments select,formbody{width:300px!important}
table{margin-left:-10px;width:90%!important;border:transparent;clear:both}
table,td,tr{width:100%;display:block;overflow:hidden!important}
table>span{display:none}
table #comments{width:100%!important; max-width:900px !important;display:block;border:1px solid #666;}
.subBodyText{display:block}
.videowrap{position:relative; left:-8px;padding-bottom:56.25%;padding-top:25px;height:0; }
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.AdSenseBoxLeft{float:none;display:block;width:250px;margin:10px auto;border:transparent}
.bottomLinks{margin:10px auto;}
tr, td, .ImageBlock, .ImageBlockCenter, .colum_0, .column_1 .column_2, .column_3, .column_4, .columns_block, .grid_block{max-width:50%!important;display:inline !important;border:none;margin:0 auto}

}

 #comments td.date {
    display: none;
    }

    #comments {
        max-width: 100%!important;
        font-size: 90%;
        background-color: #f7f7f7;
        padding-left: 20px;
        padding-right: 20px;
    }

html{width:100%; margin:0; padding:0;}

body{
font-family: Lato, sans-serif;
font-weight:normal;
background:url(../image-files/m-bodybg.jpg) top 50px center no-repeat;
width:100%; 
margin:0;padding:0;
color:#333;
font-size:100%;
line-height:1.5;
background-color:#fff;
}

body{
background:url(../image-files/m-bodybg.jpg) top center no-repeat, url(../image-files/foot.png)bottom repeat-x; 
width:100%;  
margin:0;padding:0;
color:#333;
font-size:100%;
line-height:1.5;
background-color:#fff;
}

h1,h2,h3,h4,h5,h6{
}

h1+p{
font-size:130%;
#333; 
line-height:150%; 
font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
margin:1em 0 .5em
}

h1{
font-size:54px;
margin-top:0;
margin-bottom:10px; 
text-shadow: 1px 2px 1px #666;
}

h2{
font-size:150%
}

h3{
font-size:125%
}

h4{
font-size:100%
}


blockquote{
display:block;clear:both;background-image:url(../image-files/left-speechmarks.jpg);background-repeat:no-repeat;background-color:#F0FFF0;font-family:'Courier New';color:#000;font-size:95%;font-style:italic;margin:30px 0;padding:5px 70px;line-height:120%
}

img{
border:0}
p{margin:1em 0
}

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{color:#00E}
a:visited{color:#55199A}
a:active{color:#E00}
a img{border:0
}

hr{
height:6px;border-style:none;color:transparent;width:100%;background-image:url(../image-files/hr.jpg);overflow:hidden !important;
}

.social-icons{
position:absolute; top:120px; right:0px;}
.social-icons img{display:inline;}
.social-icons a:link img{ float:left;border:transparent;
}
.search{
position:absolute; top:80px; right:10px;
}

#PageWrapper{
width:1000px;margin:0 auto 10px auto;float:none;box-shadow:none;font-size:120%; line-height:150%;background-image:none;background-color:transparent;;
}

#Header{
background-image:url(../image-files/m-header.png);width:1000px;height:310px;background-color:transparent;
}
#Header .Liner{
background-image:url();padding:1px 0;float:none;position:relative;min-height:310px;background-color:transparent;
}

#ContentWrapper{
float:left;width:700px;margin:0; margin-top:50px;padding:0;background-color:transparent;
}

#ContentColumn{
font-size:100%;border-right:1px dotted; #666;width:700px;margin:0px auto 0 auto; float:left; font-family: lato, sans-serif;background-color:transparent;
}
#ContentColumn img{
border:1px solid;#ccc;padding:3px
}
.none {border:transparent;}
.left{float:left;margin-right:10px;}
.right{float:right;margin-left:10px;}


#ContentColumn ul{list-style-type: disc;}
#ContentColumn li{background:none;padding-left:30px;padding-bottom:15px;}
#ContentColumn h1{ color:#000; font-size:160%; text-decoration:none; line-height:120%; margin-top:50px; text-shadow: 1px 2px 1px #666;font-family: arial, sans-serif;}
#ContentColumn h2{color:#000; font-size:130%; text-decoration:none;border-bottom:none;font-family: arial, sans-serif;}
#ContentColumn h3{color:#000; font-size:120%; text-decoration:none;font-family: arial, sans-serif;}
#ContentColumn h4{color:#000; font-size:110%; text-decoration:none;font-family: arial, sans-serif;}
#ContentColumn a:link{color:#0066cc;border-bottom:none;}
#ContentColumn a:visited{color:#660066;}
#ContentColumn a:hover{color:#009966;}
#ContentColumn .Liner{padding:0 10px; margin-top:-50px;
}

.Crumb {
font-size: 75%;
color: #0D0D0D; }


#ExtraColumn{
display:inline;width:300px;float:right;color:#000;font-size:85%; line-height:150%;background-color:#trasparent;margin-top:40px; margin-left:0px;
}
#ExtraColumn .Liner{
background-color:transparent; padding-left:10px; margin-top:0;
}
#NavColumn{
display:none
}
#Footer{
clear:both;width:1000px; height:150px; color:#000;font-size:80%;background-image:url();margin:0 auto 0 auto;text-align:center; position:relative;
}
#Footer .Liner{
clear:both;width:1000px;color:#000; background-color:transparent;font-size:80%;background-image:url();padding-left:0;
}





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

.CalloutBox {
background-color: #FFF8B2;    /* pale yellow-255 248 178 */
width: 85%;
border: 3px solid #8B3B3A;
margin: 18px auto 24px auto;
padding: 4px;
color: #39412C;
clear: both;
}

div.CalloutBox p {
margin: 12px;
}

p.CalloutBox {
padding: 4px;
}

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


.CalloutBox1 {
background-color: #eff4e0;    /* smaller oblong box. Maroon border, pale green */
width: 43%;
border: 2px solid #8B3B3A;
margin: 0px 0 12px 18px;
padding: 4px;
font-size: 90%;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
clear: both;
}

div.CalloutBox1 p {
font-size: 90%;
margin: 12px;
}

p.CalloutBox1 {
font-size: 90%;
padding: 4px;
}

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


.CalloutBox2 {
background-color: #FFF1DC;    /* 50% wide box on right - no border, pale pink, to look like a 2nd col on middle content page. can add <font color="#5B0000"> or <font size="3" color="#5B0000"> */
width: 40%;
border: 0px;
margin: 0px 0 20px 18px;
padding: 5px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox2 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox2 {
font-size: 95%;
padding: 4px;
}

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


.CalloutBox3 {
background-color: #FFFFFF;    /* 50% wide box on left - no border, all white, to look like a 2nd col on middle content page */
width: 40%;
border: 0px;
margin: 18px auto 24px auto;
padding: 4px;
float: left;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox3 p {
font-size: 90%;
margin: 13px;
}

p.CalloutBox3 {
font-size: 90%;
padding: 4px;
}

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


.CalloutBox4 {
background-color: #FFF1DC;    /* 80% wide box - no border, pale pink, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 0px;
margin: 18px auto 24px auto;
padding: 5px;
color: FFFFFF;
clear: both;
}

div.CalloutBox4 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox4 {
font-size: 95%;
padding: 4px;
}

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

.CalloutBox5 {
background-color: #FFF8B2;    /* 80% wide box - no border, pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 0px;
margin: 18px auto 24px auto;
padding: 5px;
color: FFFFFF;
clear: both;
}

div.CalloutBox5 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox5 {
font-size: 95%;
padding: 4px;
}

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


.CalloutBox6 {
background-color: #FFF8B2;    /* 95% wide box - pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 95%;
border: 3px dotted #8B3B3A;
margin: 10px auto 15px auto;
padding: 4px;
color: FFFFFF;
clear: both;
}

div.CalloutBox6 p {
font-size: 95%;
margin: 13px;
}

p.CalloutBox6 {
font-size: 95%;
padding: 4px;
}

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

.CalloutBox7 {
background-color: #FFFFFF;    /* 50% wide box on right - no border, all white, use for adsense box on right */
width: 40%;
border: 0px;
margin: 18px auto 24px auto;
padding: 4px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox7 p {
font-size: 90%;
margin: 13px;
}

p.CalloutBox7 {
font-size: 90%;
padding: 4px;
}

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

.CalloutBox8 {
background-color: #996666;    /* oblong box. Maroon border, pale maroon */
width: 85%;
border: 2px solid #8B3B3A;
margin: 0px 0 12px 18px;
padding: 4px;
font-size: 90%;
color: #996666;
clear: both;
}

div.CalloutBox8 p {
font-size: 90%;
margin: 12px;
}

p.CalloutBox8 {
font-size: 90%;
padding: 4px;
}

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

.CalloutBox9 {
background-color: #FFF8B2;    /* 43% wide box - pale yellow/tan, can add <font size="3" color="#5B0000"> */
width: 43%;
border: 3px dotted #8B3B3A;
margin: 10px 5px 15px 12px;
padding: 4px;
float: right;             /* adding float enables text to flow around it */
color: FFFFFF;
clear: both;
}

div.CalloutBox9 p {
font-size: 85%;
margin: 13px;
}

p.CalloutBox9 {
font-size: 85%;
padding: 4px;
}

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


.ReminderBox {          
background-color: #FFFFFF;    /* small oblong right box for links to go to more pages */
width: 30%;
border: 3px dotted #8B3B3A;
margin: 10px auto 15px auto;
padding: 4px;
font-size: 95%;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
clear: both;
}


div.ReminderBox p {
font-size: 95%;
margin: 10px;
}

p. ReminderBox {
font-size: 95%;
padding: 4px;
}

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


.TextBoxwide {          
background-color: #FFFA99;
width: 80%;
border: 2px solid #8B3B3A;
margin: 18px auto 24px auto;
color: #39412C;
}

.TextBoxwide h4 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #F0BF8E;
}

.TextBoxwide p {
font-size: 95%;
padding: 4px;
line-height: 120%;
} 

.TextBoxwide-1 {          
background-color: #FFFA99;
width: 100%;
border: 2px solid #8B3B3A;
margin: 18px auto 24px auto;
color: #39412C;
}

.TextBoxwide-1 h4 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #F0BF8E;
}

.TextBoxwide-1 p {
font-size: 95%;
padding: 4px;
line-height: 120%;
} 

.dottedOblongBox {
background-color: #FFFFFF;
width: 90%;
border: 2px dotted #9EBC80;
margin: 0 auto 12px auto;
padding: 4px;
}






.ExtraNav ul li{
 display:inline; margin:0 10px;}
.ExtraNav ul li a{color:blue;}
.ExtraNav ul li a:visited{color:blue;}
.ExtraNav ul li a:hover{color:#cc0099;
}

.site_blog {
width:95%; border:1px solid #330099;box-shadow: 3px 3px 3px #ccc; border-radius:5px; padding:0 5px; font-size:13px; color:#333; background-color:#ececf0;}
.blogItItem {border-bottom:1px solid;}
.Caption, .CaptionCenter {display:block;font-size:12px; margin-top:-10px;}
.Liner{padding:10px
}

.triple{
float:left;width:320px;margin:0 10px 20px 0;background: url(../image-files/triplebg.jpg) top center repeat-x #fff; border:1px solid #999;  border-radius:5px;box-shadow: 3px 3px 3px #ccc;}
.inner{width:90%;margin:12px auto}
.triple img{margin:0 auto;border:0px solid #ccc;padding:2px}
.inner h3{font-size:120% !important;margin-top:-10px; color:#fff !important; padding-left:3px;}
.triple p{font-size:16px;color:#000;line-height:100%;font-family: arial,lato, sans-serif;}
.triple a{font-size:16px;color:#666;line-height:100%}
.tripledot{background-image:url(../image-files/tripledot-bg.png);background-repeat:repeat-x;width:280px;float:left;margin:15px;border:1px dotted #666;font-size:13px;color:#000; line-height:100%;}
.tripledot img{float:left;margin-right:5px;margin-left:-5px;border:1px solid #666;padding:2px}
.tripledot h3{margin-top:0px;font-size:20px;color:#000
}
.holder{
margin:5px auto;padding:5px; background-color:#e7e7f7; border:1px solid #ccccff; box-shadow: 5px 5px 5px #666;
}
.Ezine{
line-height:100%;border:1px solid #EEEEEE;padding:4px;color:#EEEEEE; font-size:14px;font-family:arial, san-serif;text-shadow:0 1px 0 rgba(0,0,0,.3);background:-webkit-linear-gradient(bottom,#999,#666);background:-ms-linear-gradient(bottom,#999,#666);background:-moz-linear-gradient(bottom,#999,#666);background:-o-linear-gradient(bottom,#999,#666);border-radius:6px;border-color:transparent;padding:4px;margin-top:8px;margin-bottom:8px
}

.formwrapper, .formbody{
width:250px; margin: 0 auto;}
.FormBlockCenter{background-color:#eee; border:1px solid #666; max-width:280px !important; margin: 0 auto; font-size:12px;line-height:100%; padding:10px;}
input, textarea {max-width:250px !important;border: 1px solid #666; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;padding: 5px;background: rgba(255,255,255,0.5);margin: 0 0 0 15px;}
.FormBlockCenter td span {font-size:11px; font-family:arial; font-weight:normal; display:block;}
.outlink{background-image: url(../image-files/linkout.png);background-position:right;background-repeat: no-repeat;padding: 0 13px 0 0;
}

#ddmenu{
position:absolute;top:5px;right:0;width:100%;display:block;white-space:nowrap;font-family: 'arial', sans-serif;font-size:17px;text-align:center;letter-spacing:normal}
#ddmenu .top-heading{font-size:17px;}
#ddmenu .no-sub a:visited{color:#fff !important;}
#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:2px}
#ddmenu li{margin:0;padding:0;font-size:14px;display:inline-block;zoom:1;position:relative;color:#eee;line-height:44px;transition:background-color .2s;outline:0}
#ddmenu li.full-width{position:static}
#ddmenu li.over{color:#333;background-color:#e4e7ea}
#ddmenu li.over.no-sub{color:#000;background:-webkit-linear-gradient(bottom,#ffcc00,#ff6600);background:-ms-linear-gradient(bottom,#ffcc00,#ff6600);background:-moz-linear-gradient(bottom,#ffcc00,#ff6600);background:-o-linear-gradient(bottom,#ffcc00,#ff6600);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:inherit;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 #bbb;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}
#ddmenu .offset300{left:-300px;right:auto}
#ddmenu .left-aligned{left:auto;right:0}
#ddmenu .right-aligned{right:auto;left: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; font-size:15px;}
#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:170px;max-width:300px;padding:0 30px;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
}

#lightbox{
position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox img{width:auto;height:auto}
#lightbox a img{border:none
}

#outerImageContainer{
position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0
}

#hoverNav{
position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0
}

#nextLink,#prevLink{
width:49%;height:100%;background-image:url(data:image-files/gif;base64,AAAA);display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../image-files/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../image-files/nextlabel.gif) right 15% no-repeat
}

#imageDataContainer{
font:11px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:center}
#imageData #caption{font-weight:700}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;outline:0
}

#overlay{
position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000
}
.Navigation{
display:none}
.right-nav{width:260px;margin:5px auto 20px;text-shadow:0 1px 0 rgba(0,0,0,.3);background:#036;background:-webkit-linear-gradient(bottom,#36f,#036);background:-ms-linear-gradient(bottom,#36f,#036);background:-moz-linear-gradient(bottom,#36f,#036);background:-o-linear-gradient(bottom,#36f,#036);border-color:transparent}
.right-nav ul{list-style-type:none}
.right-nav a:link{width:100%;font-size:20px;color:#fff;border:transparent;margin:4px auto}
.right-nav a:hover{font-size:20px;color:#cc0
}

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;
}



/*This is the mobile section of the stylesheet */
@media screen and (max-width:16cm){
.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;}

#ExtraColumn, .HorizontalNavBarLeft,  #Header .ExtraNav, #NavColumn,  .Navigation, #cssmenu, #ddmenu,  .HorizontalNavBar, .HorizontalNavBarCSS,.Navigation, .lil, .root, .scroll-top-wrapper{display:none;}
body{width:100%; margin:0;background:url(../image-files/modern-mobile-header.jpg) #ccc top left no-repeat; background-attachment:fixed;margin:0;padding:0;color:#333;font-size:90%;line-height:1.5em;letter-spacing:.03em}
.mobile-header{height:5px;background:url() no-repeat; background-color:transparent;}
#Header,#Header .Liner{height:1px; background-image:url();}
#PageWrapper{overflow:hidden; width:95%;background-color:#fff; border:1px solid #668499; margin-top:150px !important; margin-bottom:10px; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;}
#ContentWrapper{margin:40px auto 10px auto;float:none;display:block;width:100%;background-image:url();background-color:transparent;}

#ContentColumn{margin:0; padding-top:20px;margin-top:100px;display:block;width:97%;background-color:#fff;border:none; font-size:100%;}
#ContentColumn h1{margin-top:20px; text-align:center;}
#ContentColumn .Liner{width:97%;border:none; margin-left:0;padding-left:5px;}
#ContentWrapper a:link{color:#0033cc;}
#ContentWrapper a:visited{color:#660066;}
#ContentWrapper a:hover{color:#000000;}

#Footer{display:block;width:80%;background:url() bottom center no-repeat;height:120px; margin-bottom:0; font-size:90%;}
#Footer .Liner{display:block; width:80%;margin-bottom:0}
#Footer p{margin:15px auto;padding-top:10px;text-align:center;color:#333;font-size:11px}
#Footer a:link {color:#06c;font-size:12px;}
#Footer a:visited {color:#06c;}
#Footer a:hover {color:#000000;}
#Footer{background-image:url(); display:block;width:90%;}
#Footer.Liner .social-icons img{display:inline !important;}
.footer-links{position:relative; top:0px;}

.responsive-adsense{float:none; width:100%;  display:block; margin:15px auto; clear:both;}
#wrap{width:95%; border:1px solid #666;background:-webkit-linear-gradient(bottom,#cccccc,#666666);background:-ms-linear-gradient(bottom,#cccccc,#666666);background:-moz-linear-gradient(bottom,#cccccc,#666666);background:-o-linear-gradient(bottom,#cccccc,#666666);border-color:transparent;padding:4px;margin-top:40px;margin-bottom:8px;margin-left:3px;color:#fff; border-radius:5px;-webkit-box-shadow: 1px 2px 3px 2px #cccccc;}

#wrap img{border:transparent;}
#wrap a:link{color:#fff; font-weight:normal; font-size:15px; margin:10px;}
#wrap a:visited{color:#fff;}
#wrap a:hover{color:#ff0;}

.MobileNav img{border:transparent}
.more{display:none;background:0 0;padding:0;}
.callout{width:120px; margin:5px; font-family:arial,san-serif;}
.mb{width:300px; margin-left:0; margin-right:0;float:none;display:block;}
h1+p{font-size:16px;color:#666; font-weight:bold;}
form{display:inline;float:none;width:90%}

.AdSenseBoxCenter468,.AdSenseBoxExtraColumn,.AdSenseBoxLeft,.AdSenseBoxRight{display:block;float:none;width:95%; margin-left:0; border:transparent;}
.ad1{float:none;display:block;margin:10px auto}
hr{height:10px;border-style:none;color:transparent;width:80%;background-image:url(../image-files/hr.png);overflow:hidden !important;}
blockquote{padding:5px 15px}

.triple1st{margin-left:15px}
.triple{background: url(../image-files/triplebg.jpg) top center repeat-x #fff; float:none;width:290px; margin-left:10px; padding-left:0;border:none;clear:both}
.triple p{line-height:100%}
.tripledot{float:none;width:280px;display:block;clear:both;margin:10px auto !important;}
.tripledot p{line-height:100%}
.splitcol-1{width:90%;float:none;margin-left:0;margin:0 auto;background-color:#e7e7f4; font-size:16px;color:#000;}
.splitcol-2{width:90%;float:none;margin-left:0;margin:0 auto;background-color:#e7e7f4; font-size:16px;color:#000;}

.ReminderBox{float:none;margin:10px auto;width:90%;display:block}
div.checkout{width:220px;overflow:hidden!important}

.mobile-nav{font-size:12px; position:absolute; top:110px; width:90%; margin:5px auto !important;}

.Ezine{width:90%;float:none;display:block;margin:10px auto;padding:0}
.Ezine table{width:85%;margin:0 auto}
.Ezine td{width:100%;text-align:center;vertical-align:top}

.social{position:relative; left: 20px; background-color:transparent;}
.big{padding:0 15px}
img{max-width:100%!important;height:auto!important;-ms-interpolation-mode:bicubic;padding:4px;border:1px solid #ccc;clear:both;display:inline !important;}
.mob-img img{display:inline !important; text-decoration:none; border-bottom:none;}
.mob-img a:link{text-decoration:none; border-bottom:none;}

.formwrapper, .formbody{width:270px; padding:10px; margin: 0 auto;background:#eee;}
.FormBlockCenter{ border:none;background-color:transparent !important; max-width:300px !important; margin: 0 auto; font-size:12px;line-height:100%; padding:10px;}
input, textarea {max-width:250px !important;border:1px solid; padding: 5px;margin: 0 0 0 0px;}
.FormBlockCenter  span {font-size:11px; font-family:arial; font-weight:normal; display:block;background:transparent; margin-bottom:-10px;}
textarea{margin-top:14px !important;}
.FormBlockCenter h2{display:none;}
#NotifyDiv input[type=text],#NotifyDiv select,#NotifyDiv textarea,.FormBlockLeft,.c2Form,.comments input[type=text],.comments textarea,.formbody input[type=text],.formbody select,.formbody textarea,.formwrapper,.storyInput,.titleInput,comments select,formbody{width:300px!important}
table{margin-left:-10px;width:90%!important;border:transparent;clear:both}
table,td,tr{width:100%;display:block;overflow:hidden!important}
table>span{display:none}
table #comments{width:100%!important; max-width:900px !important;display:block;border:1px solid #666;}
.subBodyText{display:block}
.videowrap{position:relative; left:-8px;padding-bottom:56.25%;padding-top:25px;height:0; }
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.AdSenseBoxLeft{float:none;display:block;width:250px;margin:10px auto;border:transparent}
.bottomLinks{margin:10px auto;}
tr, td, .ImageBlock, .ImageBlockCenter, .colum_0, .column_1 .column_2, .column_3, .column_4, .columns_block, .grid_block{max-width:50%!important;display:inline !important;border:none;margin:0 auto}

}

 #comments td.date {
    display: none;
    }

    #comments {
        max-width: 100%!important;
        font-size: 90%;
        background-color: #f7f7f7;
        padding-left: 20px;
        padding-right: 20px;
    }