body{font-family:arial, helvetica, sans-serif; font-size: 100%; line-height: 1.6; margin: 2%;}
.feature {	font-size:1rem; line-height: 1}

#pregnancy-weekly{width:100%;background-color:#FCF}
#pregnancy-weekly .start{width:5%;float:left;text-align:center;border-right:1px solid #FFF;background-color:#FCF;padding:.1em}
#pregnancy-weekly ul{list-style-type:none;display:block;white-space:nowrap;margin:0;padding:0}
#pregnancy-weekly ul li{width:2%;border-right:1px solid #FFF;float:left;text-align:center;background-color:#FCF;padding:.1em}
#pregnancy-weekly ul li a{color:#C39;font-weight:700}
#pregnancy-weekly ul li:hover{color:#FFF;background-color:#09F}
ol li{padding-left:5px;margin:0 0 10px}
fieldset{border:0;margin:0;padding:0}
img{border:0}
a { line-height: 1.8}
.home a{
    z-index: 1;color:#0068ae;font-weight:400;}
.home #homecontain{height:100%;margin:0}
.home #introcontain{width:96%;margin:0}
.home #homecontain #homecol1{padding:0}
.home #homecontain #homecol2{padding:0}
.home #homecontain #homecol3{padding:0}
.home h2 a,.home h2 a:visited{font-size:1.5em;color:#c39; text-decoration: none}

.home #homecontain img { width: 100%; height: auto;}

.home #homecontain .autowidth img { width: auto;}

.col #leftside{}
.col #contain{margin-top: .875em}
.col #content{}
.col #content, .col #rightside{ width: 96%; padding: 2%; margin: 0 auto;}

.col,.home{width:96%;z-index:1;font-size:1em;margin:2%}
.col #content a{padding-bottom:10px;}
.col #content h2{font-size: 1.3em;padding-top:1rem;padding-bottom:0;margin:0}
.col #content .catnav{background-color:#caeeff;width:100%;vertical-align:text-top;padding:5px}
.sr-only {position:absolute;left: -10000px}

.breadcrumb {
    font-size: .875rem;
}

.formtext{width:100px}
.smalllink{font-size:.875em}
#footer {
    width:96%;
    padding: 2%;
    text-align: left;
    font-size: 1em;
    border-top: 1px solid #ccc;
}
#footer a {
    display: block;
    margin: 2% 0;

}
.sidebar1,.sidebar2,.sidebar3{vertical-align:top;border-right-width:1px;border-left-width:1px;border-right-color:#9fe0ff;border-left-color:#9fe0ff;border-bottom-width:1px;border-bottom-color:#9fe0ff;border-style:none solid solid;padding:3px}
.clearboth{clear:both;height:5px;width:100%}
.tableclear{clear:both;margin-bottom:20px}
pre{color:#069;font-family:Georgia,"Times New Roman",Times,serif;margin:0 2px 0 2em;padding:0}
#baby-corner-members{height:49px;margin-bottom:0;margin-top:0;overflow:hidden;padding:3px}
.highlightbold{color:#C39;font-weight:700}
.titlebarblue,.titlebarpink,.titlebargreen{color:#069;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.25rem;height:auto;text-align:left;vertical-align:middle;white-space:nowrap;background-color:#e3f7ff;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#9fe0ff;border-right-color:#9fe0ff;border-left-color:#9fe0ff;padding:5px 5px 10px 3px}
.subcatlist{font-family:Georgia,"Times New Roman",Times,serif;margin-left:20px;padding-bottom:5px;padding-left:2px;padding-top:5px}
.baby-search-box{border:1px dotted #FFC;height:15px;padding:2px}
#search_input {padding: 5px; width:70%; border: 1px solid #ccc; border-radius: 3px;}
input.submitbutton{background-color:#00a4f2;border:1px solid #069;color:#FFF;font-weight:700;height:21px}
.sidenav{color:#069;font-family:Georgia,"Times New Roman",Times,serif;border:1px;margin-top:3px;margin-right:0;background-color:#caeeff;border-color:#9fe0ff;border-style:solid;padding:5px 0}
.col #contain #leftside .sidenav2{background-color:#e3f7ff;border:1px solid #bdeaff;padding:5px;line-height:2}
.col #contain #leftside .sidenav{font-weight:700;line-height:2}
.sidenav a{color:#0068ae;font-family:Georgia,"Times New Roman",Times,serif;font-weight:lighter}
.col #contain #content .printbox{border:1px dotted #F90;color:#069;float:right;font-weight:lighter;height:auto;text-align:left;vertical-align:top;white-space:nowrap;width:126px;margin:0 0 10px 5px;padding:3px}
.title{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.5rem;line-height:2}
.title a{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.5rem;font-weight:lighter}
.ital{font-style:italic}
.baby-names-search{border-top-color:#C39;border-top-style:dotted;border-top-width:1px;text-align:left;vertical-align:top;margin:2px;padding:3px}
.babyname_pop{background:#fff;display:none;position:relative;width:auto}
.col #contain #content .resourcebox{border:1px solid #d9d9d9;padding:5px}
.col #contain #content .babynames_boy{color:#069}
.col #contain #content .listname{display:inline;line-height:3;margin:10px}
.pagination{background-color:#00a4f2;color:#fff;text-align:right;width:500px;margin-top:0;padding:5px 0}
.pagination a{background-color:#00a4f2;font-weight:700;color:#fff;text-decoration:underline;padding:0 5px}
.articlelink{background-color:#069}
.articlelink a:hover{text-decoration:underline}
.col a:visited,.home a:visited{color:#0068ae}
.login,.html .pagination{width:500px}
.author,.medfont{font-family:Georgia,"Times New Roman",Times,serif;font-size:.785rem}
.col #contain #content .babyname_girl a,.col #contain #content .babyname_girl,.col #contain #content .babynames_girl{color:#C39;}
.highlightbold_blue{font-weight:700;color:#0086c6}
.col #contain #contentfull #boxad{float:right;height:280px;width:336px;margin-left:10px}
.subtitle{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.125rem;color:#069}
h1{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.875rem;color:#333;font-weight:lighter;line-height:normal;padding-bottom:0;margin-bottom:0}
h2{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.125rem;color:#C39;font-weight:lighter;line-height:normal;margin:0 0 15px}
h2 a{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.125rem;color:#c39;font-weight:lighter;line-height:normal;margin:0 0 15px}
td{vertical-align:top}
.home table{width:100%}
.home table td{width:50%;padding:0 5px 3px 0}
hr{background-color: #ccc;
    border: 0 none;
    color: #ccc;
    height: 1px;}
.calendar .cell{color:#c39;height:20px;width:15px;background-color:#ffe3ff;border:1px solid #c39;text-align:center;vertical-align:middle;margin:1px;padding:8px}
.calendar .cellexpand{color:#c39;height:20px;width:auto;background-color:#ffe3ff;border:1px solid #c39;text-align:center;vertical-align:middle;margin:1px;padding:8px}
.calendar .cell-this{color:#c39;height:20px;width:15px;background-color:#09f;border:1px solid #c39;text-align:center;vertical-align:middle;margin:1px;padding:8px}
#pregnancy-calendar-nav{height:27px;width:100%;display:block}
#pregnancy-calendar-showcal{float:right;width:auto;margin-right:0}
#pregnancy-calendar-content{float:left;width:auto;border:1px solid #036}
#pregnancy-calendar-nav a{font-family:Georgia,"Times New Roman",Times,serif;color:#fff;display:inline;background-color:#09f;height:27px;margin-right:1px;font-weight:400;padding:5px}
#pregnancy-calendar-nav a:hover{background-color:#c39}
.calendar .header{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.125rem;color:#fff;background-color:#c39;text-align:center;padding:3px}
#calendarholder{float:right;width:336px;margin-left:10px}
#calendar-contain{width:850px;margin:0;padding:0}
#contentful{float:left;height:100%;width:400px;margin-right:3px}
#results_bar .fill_bar{background-color:#c39;height:13px;margin:1px 2px 1px 1px}
#results_bar .fill_bar_border{background-color:#fff;border:1px solid #c39;margin:1px}
#results_bar .text{height:13px;font-family:"Times New Roman",Times,serif;font-weight:700;color:#fff;margin:3px}
#results_bar{background-color:#fff;height:33px;width:300px;vertical-align:middle;padding:1px}
div#pregnancy-calendar-image{font-size:.75rem;float:left;height:auto;width:200px;margin-top:0;margin-right:10px;margin-bottom:10px}
.free-stuff-item{color:#069;font-family:Georgia,"Times New Roman",Times,serif;border:1px;margin-top:5px;margin-bottom:5px;margin-right:0;background-color:#fff;border-color:#0292d9;border-style:solid;padding:5px 0 5px 3px}
.free-stuff-item a{color:#069;}
.free-stuff-item a:hover{color:#c39;}
#pagenavigation{vertical-align:middle;display:block;text-align:right;height:27px;width:94%}
#pagenavigation .navpage{border:1px solid #9bdeff;height:15px;min-width:15px;width:auto;text-align:center;margin-right:1px;float:left;display:block;padding:3px}
#pagenavigation .navpageselected{background-color:#9bdeff;border:1px solid #ccc;height:15px;width:15px;text-align:center;margin-right:1px;float:left;display:block;padding:3px}
.navpageselected a .navpage a{color:#c39}
#containlist{height:100%;text-align:left;width:100%}
.chinese-predictor-chart .gender-boy{color:#fff;background-color:#09f;border:1px solid #ccc;display:table-cell;width:20px;text-align:center;vertical-align:middle;height:20px;margin:2px}
.chinese-predictor-chart .legend{color:#333;background-color:#fff;border:1px solid #ccc;display:table-cell;width:auto;font-weight:700;text-align:center;vertical-align:middle;margin:1px}
.chinese-predictor-chart .gender-girl{color:#fff;background-color:#c39;border:1px solid #ccc;display:table-cell;width:20px;height:20px;text-align:center;vertical-align:middle;margin:2px}
.table{border:1px solid #09f}
.table td{vertical-align:top;padding:5px}
.table .tdoption{font-weight:700;color:#09f}
.table .tdoption .smallfont{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.75rem;color:#333;font-weight:400}
.table .tablehead{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.125rem;color:#069;background-color:#caeeff;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#09f}
.col .photo-contain .photo-contest-entry1{display: block;width:100%;height: auto;text-align:center;vertical-align:top}
.col .photo-contain img{max-height:260px}
.col .photo-contain .photo-contest-entry2{display: block;width:100%;height: auto;text-align:center;vertical-align:top}
.col .photo-contain .photo-contest-entry3{display: block;width:100%;height: auto;text-align:center;vertical-align:top}
.col .photo-contain{display: block;width:100%;height:auto}
.clearrow{clear:both;width:100%;height:5px}
.clear{clear:both;width:100%;height:0}
.col #contain #contentspan{width:790px;height:100%;float:right;position:relative;overflow:visible;margin-top:10px;margin-bottom:10px}
.sponsors{display:block;text-align:left;border:1px solid #ccc;font-size:.75rem;padding:10px}
.sponsors .small a{font-size:.75rem;float:right;font-weight:400}
.sponsors a{font-size:.75rem}
.comments .thead{background-color:#caeeff;height:21px;color:#069;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-color:#93d3ff;border-right-color:#93d3ff;border-left-color:#93d3ff;border-style:solid solid none;padding:5px}
.comments .thead .cname{float:left;width:auto;height:14px;font-family:Georgia,"Times New Roman",Times,serif;}
.comments .thead .cdate{float:right;width:auto;height:14px;padding:5px}
.babynamespollgirl .thead{background-color:#fdf;height:21px;color:#006;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-color:#f9f;border-right-color:#f9f;border-left-color:#f9f;border-style:solid solid none;padding:5px}
.babynamespollgirl .pollarea{border:1px solid #f9f;padding:7px}
.babynamespollboy .thead{background-color:#caeeff;height:21px;color:#006;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-color:#93d3ff;border-right-color:#93d3ff;border-left-color:#93d3ff;border-style:solid solid none;padding:5px}
#col #contain #content .divider{background-color:#e7e7e7;height:2px;display:block;width:100%;padding:2px}
#offertable{width:100%;border:1px solid #b3e0ff}
input[type="submit"],input[type="reset"] button{font-size: 1rem;color:#fff;background: rgb(107,207,255);background: linear-gradient(0deg, rgba(107,207,255,1) 9%, rgba(0,173,255,1) 100%);border:1px solid #9bd7ff;width:auto; padding: .3rem 1em}
input[type="checkbox"],input[type="radio"] {width:20px; height:20px;}
input { padding: .3rem; font-size: 1rem; width: 80%}
select { padding: .3rem;font-size: 1rem;width: auto}
.table .tabletitle{color:#fff;background-color:#09f}
.tableonecol .theadblue{background-color:#caeeff;height:21px;color:#069;border-top:1px solid #93d3ff;border-right:1px solid #93d3ff;border-left:1px solid #93d3ff;border-bottom:0;padding:5px}
.centerthis{display:block;width:100%;text-align:center}
.tableonecol .theadpink{background-color:#FDF;height:21px;color:#C39;border-top:1px solid #ffceff;border-right:1px solid #ffceff;border-left:1px solid #ffceff;border-bottom:0;padding:5px}
.tableonecol .theadblue .lfttext{float:right;margin-top:-13px;margin-bottom:-13px;width:auto;height:14px}
.tableonecol .tablecolblue{vertical-align:top;border-bottom:1px solid #93d3ff;border-right:1px solid #93d3ff;border-left:1px solid #93d3ff;border-top:0;padding:7px}
.tableonecol .tablecolpink{vertical-align:top;border-bottom:1px solid #ffceff;border-right:1px solid #ffceff;border-left:1px solid #ffceff;border-top:0;padding:7px}
.tabletwocol .tablerow{display:table-row;float:left;width:100%;margin-bottom:10px}
.tabletwocol .tablerow .tablecol{vertical-align:top;display:table-cell;float:left;width:48%;padding-right:2%;padding-bottom:1px;white-space:normal}
.tablethreecol .tablerow{display:table-row;float:left;width:100%}
.tablethreecol .tablerow .tablecol{vertical-align:top;display:table-cell;float:left;width:30%;padding-right:1%}
.hblue{font-weight:700;color:#069}
.hpink{font-weight:700;color:#936}
.bluebg{background-color:#caeeff;color:#069}
.pinkbg{background-color:#FDF;color:#936}
.rounded{background-color:#FFF;margin-bottom:1px;padding:5px; border: 1px solid #ccc; border-radius: .275em;}
.hrounded{background-color:#e3f7ff;border-radius: .275em; padding: 2%}
.hroundedp{background-color:#ffdfff;border-radius: .275em; padding:2%}
.hrounded h3,.hrounded h1,.hrounded h2,.hrounded h3 a,.hrounded h1 a,.hrounded h2 a,.hroundedp h3{color:#069;font-size:1.375rem;padding-bottom:3px}
.hroundedp h3,.hroundedp h1,.hroundedp h2,.hroundedp h3 a,.hroundedp h1 a,.hroundedp h2 a{color:#936;font-size:1.375rem;padding-bottom:3px}
.sidebox{margin-bottom:10px;height:auto;white-space:normal;border:1px solid #d9d9d9;padding:5px}
h3{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.375rem;color:#C09;font-weight:lighter;margin:0;padding:0}
.leftimage{font-size:.875rem;float:left;height:auto;width:200px;margin-right:10px;margin-bottom:10px}
.col #content h2 a{font-size:1.25rem;color:#0068ae;text-decoration:underline;margin:0;padding:0}
.subtitle_pink{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.25rem;color:#C39;font-weight:lighter}
.fieldn{display:none}
#pregnancy-weekly ul li a:hover,.articlelink a{color:#FFF}
img a,.tabletwocol .tablerow .tcolbord h2 a{text-decoration:none}
.col a,a{color:#0068ae;font-family:Arial,Helvetica,sans-serif}
a:hover,.col a:hover,.home a:hover,.calendar .cellexpand a:visited,.calendar .cell a,.calendar .cell a:visited{color:#c39}
.calendar .cellexpand a,.calendar .cell:hover,.cell-this a,.table .tdoption a{color:#069}
.col #contain #content .babyname_boy,.col #contain #content .babyname_boy a{color:#39F;}
.calendar,.chinese-predictor-chart{width:auto;margin:0;padding:0}
.calendar .cellexpand a:hover,.calendar .cell a:hover{background-color:#09f;color:#fff}
.comments,.babynamespollgirl,.babynamespollboy,.tableonecol{width:100%;margin-top:10px;margin-bottom:10px}
.comments .commentarea,.babynamespollboy .pollarea,.tableonecol .trow{border:1px solid #93d3ff;padding:7px}
.menu ul li:hover ul,.menu ul a:hover ul,.menu ul:hover ul:hover ul,.menu ul:hover ul:hover ul:hover ul{visibility:visible}
.menu ul:hover ul ul,.menu ul:hover ul:hover ul ul{visibility:hidden}
#offertable .evenimg,#offertable .eveninput{background-color:#caeeff;width:1%}
.tabletwocol,.tablethreecol{width:100%;margin:0;padding:0}
.contentimage{float:left;padding:0 10px 5px 0}
form{margin:0;padding:0}
#pregnancy-weeks a,#pregnancy-weeks .weekdiv{font-weight:700;color:#C39;text-decoration:none;float:left;width:auto;text-align:center;vertical-align:middle;background-color:#ffe8ff;border:1px dotted #ffb7ff;padding-right:5px;padding-left:5px}
#pregnancy-weeks a:hover{color:#069;background-color:#e3f7ff}
#pregnancy-weeks{white-space:nowrap;width:100%;color:#C39;text-align:center;margin:0 auto;padding:15px 0 25px 0}
.weektable { border:none; background-color:#ffe3ff;border-radius: 15px;}
.weektable .cell {float: left;width: 29%;vertical-align:middle;padding: 2% 0 2% 4%}
.weektable .cell a, .weektable .cell a:visited { margin: 1em 0;color:#c39 }
#mainnav{white-space:nowrap;margin: 0 auto; clear: both}
#mainnav ul{ padding: 0;display:inline-block;background: rgb(107,207,255);background: linear-gradient(0deg, rgba(107,207,255,1) 9%, rgba(0,173,255,1) 100%);margin:0; width:100%;height:100%;list-style-type:none;white-space:nowrap;}
#mainnav ul li{padding:.34rem 0;float:left;white-space:nowrap;border-right:1px solid #e3f7ff;margin:0;height:100%;}
#mainnav ul li.last{border-right:0}
#mainnav ul li a{background: rgb(107,207,255);background: linear-gradient(0deg, rgba(107,207,255,1) 9%, rgba(0,173,255,1) 100%);padding:.575rem .81rem;font-family:Georgia,"Times New Roman",Times,serif;font-size:1em;color:#e3f7ff;text-decoration:none;white-space:nowrap}
#mainnav ul li a:hover, #mainnav ul li a.selected{background: rgb(255,152,221);background: linear-gradient(0deg, rgba(255,152,221,1) 0%, rgba(204,51,153,1) 31%);}
#subnav{margin: 0 auto .875em auto; padding:.5rem 0}
#assets{text-align:center;height:100%;margin:2% auto 1em auto; overflow: hidden}
#assets #login{width:auto;float:right; font-size:.875em; white-space: nowrap}
#assets img{float: left;width:50%; height:auto; margin: 0 auto;}
#topics img, #tools img, #community img{width:50%; height:auto; margin: 0 auto;}
.hbutton{background-color:#f5daec;border:1px solid #f1cbe4;margin-top:10px;margin-bottom:10px;width:auto;padding:5px}
.hbutton a,.hbutton a:visited{color:#C39;text-decoration:underline}
.sharebar{width:100%;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:1% 2%}
.sharebar div{ margin-right:3%; float:left;}
.mbutton{width:auto;background-color:#C39;border-radius:5px;text-decoration:none;cursor:pointer;text-align:center;padding:10px}
.mbutton a{color:#ffF;text-decoration:none}
.pagination a:hover,.calendar .cell-this a:visited,.calendar .cell-this a:hover{color:#fff}
.vidarticle{width:375px;color:#069;margin:0 0 30px;padding:5px;float:none}
.comment{width:98%;border-bottom:2px dotted #82ffff;padding:1%}
.commentreply{margin:10px;padding:10px;background:#efefef;border:1px solid #ccc}
.commentname{font-weight:bold;color:#09f;}
.pager, .pagerthis{margin-right: .5em; display: inline-block; background: #efefef; padding: .175rem 1rem; margin-top: 1em; text-decoration: none;}
.pagerthis{background: #0068ae; color: #fff}
.col #content a.pager { padding-bottom: .175rem }
.col #content a.pagerthis { padding-bottom: .175rem; color: #fff}
h2 a{color:#c39}

.mobi-nav {display: inline-block;}
.nav {display: none;}
.nav-full {display: none;}
#topics, #tools, #community {
    background: #fff;
    display: none;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 96%;
    padding: 2%;
    margin: 0;
}

#topics ul, #tools ul, #community ul   {
    list-style-type: none;
    margin:0;
    padding: 0;
    display: block;
}

#topics ul li a, #tools ul li a,#community ul li a {
    display: block;
    padding: 2%;
    background:#fff;
    border-bottom: 1px solid #efefef;
}

#notice { font-size:.875em; box-sizing:border-box; width: 100%; position: fixed; z-index: 100000; color:#069; bottom: 0; left: 0; padding: .4rem .875rem; line-height: 1.2em; background-color: #e3f7ff }
.button { padding: 1em; border-radius: .275em; font-weight: bold; border: none; background: #fff }
.nav-button { text-decoration:none; color: #fff; border-radius: .225rem; background: #c39;padding: .5rem; margin: 1rem 1rem 0 0; display: block; width: auto}
a.nav-button { text-decoration:none; color: #fff;}
a.nav-button:visited { text-decoration:none; color: #fff;}
a.nav-button:hover { text-decoration:none; color: #efefef;}
#ad_header {
    text-align: center;
    background: #ffffff;
    padding: 0;
}
.fa-arrow-alt-circle-right:before{color: #c39;font-weight: lighter}
.fa-calculator:before{color: #c39;font-weight: lighter}
.fa-clipboard-list:before{color: #c39;font-weight: lighter}
.fa-chart-bar:before{color: #c39;font-weight: lighter}
.fa-award:before{color: #c39;font-weight: lighter}
.fa-poll:before{color: #c39;font-weight: lighter}
.fa-search:before{color: #c39;font-weight: lighter}
.fa-calendar{color: #c39;font-weight: lighter}
.fa-arrow-alt-circle-right {padding-right: .325em;}
.fa-calculator{padding-right: .325em;}
.fa-clipboard-list{padding-right: .325em;}
.fa-chart-bar{padding-right: .325em;}
.fa-award{padding-right: .325em;}
.fa-poll{padding-right: .325em;}
.fa-search{padding-right: .325em;}
.fa-calendar{padding-right: .325em;}
.fa-angle-double-up:before{font-size: 2em; color:#ccc;}


.tab {
    display: block;
    width: auto;
    padding: .5em;
    background:#ffdfff;
    cursor:pointer;
}

.tab-content {
    display: block;
    height: 100%;
    border: 1px solid #ffdfff;
    border-top: none;
    padding: 0 2%;
}

.three-col .column a {
    display: block;
    padding: .5em 0;
    border-bottom: 1px solid #efefef
}

.two-col .column { font-size: .875rem}
.two-col .column a{ font-size: 1rem}
.searchbutton { color: #777;background: #fff; border: 1px solid #ccc; padding: 5px; border-radius: 3px;}

.section-nav {
    padding: 0;
    width: 30%;
    position: relative;
    margin: 1em 0;
}

.section-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-nav ul li {
    color: #cc3399;
    padding: 0;
    width: 100%;
    white-space: nowrap;
}

.section-nav ul li ul {
    display: none;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;

}

.section-nav ul li ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
}

.col #content .section-nav ul li ul li a {
    display: block;
    padding: .3em .75em;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    white-space: nowrap;
    line-height: 3;
}

main nav i {
    border: solid #cc3399;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: .275em .125em .275em .125em;
}

main nav i.white {
    color: #fff;
}

main nav i.pink {
    color: #cc3399;
}

main nav i.blue {
    color: #39F;
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media only screen and (min-width:400px) {
    #assets img{float: left;  margin: 0;}
    #assets #login{float: right;}
}

@media only screen and (min-width:500px) {
    #assets {height:70px}
    #assets img{float: left; width: auto; margin: 0;}
    #mainnav { margin: .6rem auto 0 auto}

    .three-col .column {
        float:left;
        width: 27%;
        padding: 2% 6%;
    }
    .three-col .column a {
        display: block;
        padding: .2em 0;
        border-bottom: none
    }

    .three-col .left{
        padding: 2% 6% 2% 0
    }

    .three-col .right {
        padding: 2% 0
    }

    #ad_header {
        text-align: center;
        background: #fff;
        padding: 0;
    }
}

@media only screen and (min-width:768px) {
    #assets #login {padding-top:1.8em;}
    body { font-size: 96%}
    .mobi-nav {display: none;}
    .nav-full {display: none;}
    #mainnav ul li a{padding:.675rem .6rem}
    .nav {display: inline-block}
    #footer a {
        display: inline;
        margin: .175rem;
        font-size: .875rem
    }
    #subnav{padding:0 0 1rem 0}
    .home #homecontain #homecol1{float:left;width:26%;height:100%;white-space:normal;padding:1% 4% 1% 0}
    .home #homecontain #homecol2{float:left;width: 68%;height:100%;white-space:normal;padding:1% 2% 1% 0}
    .home #homecontain #homecol3{float:left;width:30%;height:100%;white-space:normal;padding:1% 0 1% 0}
    .col #content{float:left;width:51%;height:100%;padding:1% 4% 1% 0}
    .col #rightside{float:left;width:41%;height:100%;padding:1% 0 1% 4%}

    #ad_header {
        text-align: center;
        background: #fff;
        padding: 0;
    }

    .nav-button a {
        display: inline-block;
    }
}

@media only screen and (min-width:978px) {
    .two-col .column {
        float:left;
        width: 46%
    }

    .two-col .left{
        width: 48%;
        padding: 2% 6% 2% 0
    }

    .two-col .right {
        padding: 2% 0
    }

    .col .photo-contain .photo-contest-entry1{display: inline-block;width:29%;padding: 2%;height: auto;text-align:center;vertical-align:top}
    .col .photo-contain img{max-height:260px}
    .col .photo-contain .photo-contest-entry2{display: inline-block;width:29%;padding: 2%;height: auto;text-align:center;vertical-align:top}
    .col .photo-contain .photo-contest-entry3{display: inline-block;width:29%;padding: 2%;height: auto;text-align:center;vertical-align:top}
    .col .photo-contain{display: block;width:100%;height:400px; margin-bottom: 2%}

}

@media only screen and (min-width:1024px) {
    #mainnav ul li a{padding:.675rem 1.2rem}
    #search_input {width: 70%;}
    .home #homecontain #homecol1{float:left;width:26%;height:100%;white-space:normal;padding:1% 4% 1% 0}
    .home #homecontain #homecol2{float:left;width: 68%;height:100%;white-space:normal;padding:1% 2% 1% 0}
    .home #homecontain #homecol3{float:left;width:30%;height:100%;white-space:normal;padding:1% 0 1% 0}

    .mobi-nav {display: none;}
    .nav {display: inline-block;}
    .nav-full {display: inline-block;}

    .two-col .left{
        width: 46%;
        padding: 1% 4% 1% 0
    }

    .two-col .right {
        padding: 1% 0 1% 4%
    }
}

@media only screen and (min-width:1176px) {
    #mainnav ul li a{padding:.675rem 1.5rem}

    .col,.home{width:88%;z-index:1;font-size:1em;margin:2% 6%}
}