/* ============================== */ /* ! Layout for desktop version */ /* ============================== */ /* @group CORE STYLES---------------------------------------------- */ body {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.6em; background-color: #6699CC; background-image:url(../images/mnaging/bg_body_ie.gif); background-repeat:repeat-x; background-position:top left;} #bg-bottom {background-image:url(https://mnaging.org/images/mnaging/bg_body.jpg); background-repeat:no-repeat; background-position: bottom center; min-height: 190px;} a {color:#369; text-decoration: none;} a:hover {text-decoration: underline;} a:visited {color: #369;} em {font-style: italic;} strong {font-weight: bold;} h1, #blocknav {line-height: 1.3em; padding: .5em 0;} h1 {font-size: 2em; letter-spacing: -0.025em; margin: 1em 0 0 0;} h2, h3, h4, h5 ,h6, p {margin: 0 0 1em 0;} h2 {clear:both; line-height: 1.3em; padding: 0; letter-spacing: -0.025em;} .subhead {font-style:italic; margin: 0 0 1em 0;} ul {margin: 1em 0 1.5em 1.3em;} ol {margin: 1em 0 1.5em 1.5em;} li {margin:0;} li a, dd a {display:block; padding: .3em 0;} /* blocknav -------------------------------------------------------------*/ #blocknav {position:fixed; width:100%; padding:0; z-index:1000; font-size: 87%; text-align:right; background-color:transparent; background-image:url(../images/mnaging/bg-blocknav.png); background-repeat:repeat-x; background-position: top left;} #sizecontroldiv.controlstyle {display: inline-block; width: auto; padding: .5em 1em .5em 1em; margin: 0 2em 1em 0; text-align:right; background-color:#EFEFEF; border:1px solid #999; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 0px solid #999; -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);} #sizecontroldiv.controlstyle p.label, #sizecontroldiv.controlstyle ul {display:inline; margin: 0 .4em;} #sizecontroldiv.controlstyle ul {margin: 0 1em 0 0; font-family: 'Droid Serif', Georgia, "Times New Roman", Palatino, Times, serif;} #sizecontroldiv.controlstyle li {display: inline-block;} #sizecontroldiv.controlstyle li a {padding: .15em .5em .1em .5em; border: 0px solid #999; border-left: 0px; background-color:#FFF; font-weight:bold; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3)} #sizecontroldiv.controlstyle li a:hover, #sizecontroldiv.controlstyle li a.selectedcontrol {background-color:#0093b0; color: #fff; text-decoration: none;} #sizecontroldiv.controlstyle li:first-of-type a {padding: .15em .5em .1em .6em; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 0px solid #999;} #sizecontroldiv.controlstyle li:last-of-type a {padding: .15em .6em .1em .5em; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} /* end blocknav */ /* header ---------------------------------------------------------*/ header, #header {margin-top:0; background-color:transparent;} #header #logos .twelvecol {/*background-image:url(../images/mnaging/bg-logos.png); background-repeat:repeat-x; background-position: bottom left;*/} header p.logo, #logos p.logo {text-align:left; margin: 1em 0 0 0;} header p.mnhelp, #logos p.mnhelp {text-align:right;} #logos a {margin-right: 2em;} /* end header */ /* main nav --------------------------------------------------------*/ #nav {text-align:right; margin:0; padding:0 .5em 0 0; font-family: 'Oswald', 'Droid Serif', Georgia, "Times New Roman", Times, serif; background-color:#transparent;} #nav li {display:inline-block; margin:0;} #nav li a {display:block; padding: .3em .75em; font-weight:normal; background-color:transparent; color:#0090b3;-webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px;} #nav li a:hover, #nav li a:active {background-color:#0093b0; color: #FFF; text-decoration:none;} #nav li a.selected {background-color:#0093b0; color: #FFF} #index #nav {margin: 1em 0 1em 0; margin-right: 1%;text-align:left; background-color:transparent; color:#FFFFFF; border-left:1px solid #FFFFFF; width: 24.25%; position:relative; top: auto; left: 75%; roght: 0; bottom: 0; font-size: 120%; } #index #nav li {display:block;} #index #nav li a {display:block; padding: .3em .75em; font-weight:normal; background-color:transparent; color:#FFFFFF; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-top-left-radius: 0px; border-bottom-right-radius: 5px;} #index #nav li a:hover {background-image:url(../images/mnaging/arrow.png); background-repeat:no-repeat; background-position: right center; background-color:#FFFFFF; color: #0090b3; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.7); -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.7); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.7);} /* end main nav */ /* leftnav --------------------------------------------------------------*/ #leftnav h1 {font-family: 'Oswald', 'Droid Serif', Georgia, "Times New Roman", Palatino, Times, serif; border-bottom:0px; margin: .5em 0 .1em 0; font-size:1.3em; font-weight: normal;} #leftnav h1 a {display:block; margin: 0; padding: .5em .5em .5em .65em; padding-left: 10px;} #leftnav ul {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; list-style-type:none; margin:0;} #leftnav li {border-top: 1px dotted #999;} #leftnav li a {line-height: 1.2em; padding: .75em 1em; padding-left: 10px; font-size:.9em; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #leftnav li:hover, #leftnav li a:hover, #leftnav li a.selected, #leftnav h1 a:hover, #leftnav h1 a.selected {background-color:#0093b0; color: #fff; text-decoration:none; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #leftnav li:hover {border-top: 1px dotted #FFF; background-color:#f3f3e5;} #leftnav li ul {margin: 0 0 0 .5em; padding: 0 0 1em 0;} #leftnav li ul li {border-top:1px dotted #FFF;} #leftnav li ul li a {padding: .4em .4em .4em 1.5em; padding-left: 20px; background-image:url(../images/mnaging/bg-leftnav.png); background-repeat: no-repeat; background-position: left 50%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} /* end leftnav */ /*breadcrumbs --------------------------------------------------------*/ #breadcrumbs {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size: 85%; border-bottom: 1px solid #ccc; } #breadcrumbs ul {list-style-type:none; margin: 3px 0 3px 0;} #breadcrumbs li {display: inline-block; line-height:1em;} #breadcrumbs li a {display: block; padding: .6em .5em .6em 1.5em; background-image:url(../images/mnaging/bg-breadcrumb.png); background-repeat: no-repeat; background-position: left 50%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #breadcrumbs li.home a {padding:.6em .5em .6em 2em; background-image:url(../images/mnaging/home.png); background-position: 5px 50%; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;} #breadcrumbs li a:hover {background-color:#0093b0; color: #ffffff;background-image:url(../images/mnaging/bg-breadcrumb-hover.png); text-decoration:none;} /* end breadcrumbs */ /* article layout -----------------------------------------------------*/ .section.ninecol {float:right; width:76%; padding-left: 2%; border-left: 1px dotted #999; padding-bottom: 100px;} .section.threecol {float: left; width: 20%; margin-right: 1%} .article {font-family: 'Droid Serif', Georgia, "Times New Roman", Palatino, Times, serif;} .articlebody {float:left; width: 65%; height:auto; min-height: 600px;} .articlebody ul {margin-left: 2.5em;} .articlebody ol {margin-left: 2.8em;} .articlebody dl {margin: 1em 0 1.5em 1.5em;} .articlebody dt {font-weight:bold;} .articlebody dd {margin-bottom:1em;} .articlebody li {margin: 0 0 1em 0;} .articlebody li a, .articlebody dd a {display:inline-block;} /* end article layout */ /* article formatting --------------------------------------------*/ #resourcelist.resources {margin: 0 0 1em 0; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 1%, #f3f3e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f3f3e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#f3f3e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f3f3e5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f3f3e5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F3F3E5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 1%,#f3f3e5 100%); /* W3C */} #resourcelist.resources h2 {background-color:#0093b0; color: #fff; padding: .5em .5em .2em .5em; margin-top: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} #resourcelist.resources dl {padding-bottom: 1em;} #resourcelist.resources dt {margin: .5em; padding-top: 1em; border-top:1px dotted #666; font-weight: bold;} #resourcelist.resources dt:first-of-type {padding-top:0; border-top:0px; } #resourcelist.resources dd {margin:.5em;} #resourcelist.resources ul, resources ol {margin-left:2em;} .disclaimer {font-size: .85em;} .disclaimer h2 {margin-bottom: .3em; padding-top: 1em; border-top: 1px dotted #666;} .disclaimer p {font-style: italic;} /* end article formatting */ /* home layout and content --------------------------------------*/ #index h2 { font-size: 1.2em; display:block; font-family: 'Oswald', 'Droid Sans', Arial, Helvetica, sans-serif; margin: 0; padding: 20px 10px 5px 10px; color:#333; font-weight: normal; background-color:#0093b0; color: #FFFFFF; line-height:1em;} #banner.twelvecol {height: auto; padding: 0; background-color:#0093b0;} #index #banner.row {background-image:url(../images/mnaging/banner_home.jpg); background-repeat:no-repeat; background-position:bottom left;} #index #banner.row .ninecol {width: 71%; text-align:right; height: auto; padding: 0;} #index #banner.row.banner h1 {float: right; margin: 50px 27% 0 0; padding: 0; border:0;} #index #banner.threecol {width: 24%} #index #banner.row.banner {background-color:#0093b0; height:auto; margin:0; padding:0; text-align: right;} #banner.twelvecol p {padding: 0 0 0 0; margin: 0 0 0 0; line-height: 0;} #page { margin-bottom:20px; background-color: #fff; border-top:0px solid #0093b0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 9px 13px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 9px 13px rgba(0, 0, 0, 0.5); box-shadow: 0px 9px 13px rgba(0, 0, 0, 0.5);} #features.row {background-color:#fff0d1; border-top: 1px solid #FFFFFF; font-family: 'Droid Sans', Arial, Helvetica, sans-serif;} #mnhelp {background-color:#fff0d1;} #features.row .threecol {width: 25%; margin-right: 0; padding: 0;} #index #advocate h2, #index #advisor h2, #index #administrator h2, #index #mnhelp h2 {background-color:#e88026;} #index #advocate:hover, #index #advisor:hover, #index #administrator:hover, #index #mnhelp:hover { background:#FFFFFF;} #index #advocate:hover h2, #index #advisor:hover h2, #index #administrator:hover h2,#index #mnhelp:hover h2 { background:#FFFFFF; color:#e88026; background-image:url(../images/mnaging/bg-blocknav.png); background-repeat:repeat-x; background-position: top left;} #mnhelp:hover h2 { color:#369;} #features #advisor h2, #features #administrator h2, #features #mnhelp h2, #features #advisor p, #features #administrator p, #features #mnhelp p {border-left:1px solid #FFFFFF;} #features p {margin:0; padding:10px; font-size: .9em; line-height: 1.4em;} #features p.link {padding: 0;} #features p.link a {display:block; padding: 10px; font-weight: bold;} #features p.link a:hover {color: #fff;background-color:#0093b0; background-image:url(../images/mnaging/arrow.png); background-repeat:no-repeat; background-position: right center;text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #features.row ul {margin-left: 0; list-style-type:none; margin:0px;} #features.row li a {padding: .3em .5em;} #features.row li a:hover {color: #fff; background-color:#0093b0; background-image:url(../images/mnaging/arrow.png); background-repeat:no-repeat; background-position: right center;} #index #news {border-top: 5px solid #0090b3; background-color:#f7f7f4;} #index #quicklinks {border-top: 0px solid #0093b0; background-color:#f7f7f4;} #index #news h2 {background-color:transparent; color: #000;display:inline-block} #index #news-quicklinks {background-color:#f7f7f4;} #index #news.ninecol, #index #quicklinks {width: 75%; margin: 0 0 2px 0; padding: 0; background-image:url(../images/mnaging/bg-blocknav.png); background-repeat:repeat-x; background-position: top left;} #index #quicklinks.threecol {width: 25%; margin: 0 0 10px 0; padding: 0; background: #ebf4fd; /* Old browsers */ background: -moz-linear-gradient(top, #ebf4fd 0%, #f7f7f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf4fd), color-stop(100%,#f7f7f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebf4fd 0%,#f7f7f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebf4fd 0%,#f7f7f4 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ebf4fd 0%,#f7f7f4 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBF4FD', endColorstr='#F7F7F4',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ebf4fd 0%,#f7f7f4 100%); /* W3C */} #news.articlebody {float:left; width: auto;} #news ul.newsviews {list-style-type:none; display:inline-block; margin: 0 .5em 0 0; margin-left: 10px; font-size:.9em;} #news ul.newsviews li {display: inline-block; margin: 0; border-top:0px; padding:0;} .level2 #news ul.newsviews li {display: inline-block; margin: 0; border-top:0px; padding:0;} #news ul.newsviews a.news {background-image:url(../images/mnaging/news_20.png);} #news ul.newsviews a.events {background-image:url(../images/mnaging/events_20.png);} #news ul.newsviews a.news, #index #news ul.newsviews a.events { background-position: 3px 50%; background-repeat:no-repeat; margin-left:.5em; padding: .3em .5em .3em 0; padding-left: 32px; border:0px solid #ccc; background-color:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #news ul.newsviews li a:hover {background-color:#0093b0;} #news ul.newslinks {list-style-type:none; display:block; margin: 10px 0 10px 0; font-size:1em; line-height:1.4em;} .level2 #news ul.newslinks {margin: 0;} #news ul.newslinks li {clear:both; display:block; overflow: auto; margin-left: 0; padding: 10px 10px; border-top:1px dotted #999; font-family: 'Droid Sans',Arial, Helvetica, sans-serif; font-size:.9em;} .level2 #news ul.newslinks li {font-family:'Droid Serif', Georgia, "Times New Roman", Palatino, Times, serif;} .level2 #news ul.newslinks li.first, .level2 #news ul.newslinks li:first-of-type {border-top:0px;} #news ul.newslinks li:hover {background-color:#FFFFFF;} #news ul.newslinks li .date {float:left; width:19%; margin: 0 0 .5em 0; padding:0; font-weight:normal; border-top: 0px;font-size:1.1em;} #news ul.newslinks li a.headline {margin-left:0; float:left; display:inline-block; width:76%; padding: 0 0 .5em 0;font-size:1.1em; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #news ul.newslinks li a.headline:hover {background-color: transparent; color: #cc6600; text-decoration: underline;} #news ul.newslinks li .lead-in {clear:both; display:block; width:; font-weight:normal; border-top: 0px; margin-left: 19%; padding:0 2em 0 0;} #news li {display: block; padding: .5em .5em 1em 0;} #quicklinks .notice {margin: 0 0 1em 0; padding: 10px; background-color:#fff0d1; border:1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 1.4em; } #quicklinks .notice a {display:inline;} #quicklinks .linklist {margin:0; padding:10px; border-left: 1px dotted #999; list-style-type:none; font-size:.9em; line-height: 1.4em;} /* end home */ /* SIDEBAR ----------------------------------------------------------*/ #sidebar {float:right; position:relative; top:0px; right:0px; width:30%;} #sidebar { } #sidebar h1 {font-size: 1.3em; border:none;} #sidebar #news, #sidebar #print, #sidebar #events { margin-bottom: 1em; border:1px solid #ccc; border-right: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #sidebar .socialmedia h1, #sidebar #print h1 {margin: 0 .75em; position:absolute; top: -5000px; left: -5000px;} .socialmedia ul, #sidebar #print ul, #sidebar #news ul {margin: 0; list-style-type:none;} .socialmedia li {display:inline-block;} #sidebar #print li a { font-size: .9em; background-image:url(../images/mnaging/print_32.png); background-repeat:no-repeat; background-position: 3px 50%; background-color:#eeeee9; padding: .3em .3em .3em 0; padding-left: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #sidebar #print li a:hover {background-color:#0093b0; color: #FFF; text-decoration: none;} #sidebar #news {background-color:#f3f3e5; padding-bottom: 1em;} #sidebar #news h1 {margin: 0 .5em; line-height: 1.1em;} #sidebar #news ul.newslinks {font-size:.9em; line-height:1.3em; border-top:1px dotted #666;} #sidebar #news ul.newslinks li, #sidebar #news ul.newsviews li {float:none; display:block; width:auto; padding: 0 0 .1em 1em;} #sidebar #news ul.newslinks li a.headline { margin-left:0; float:left; display:block; width:auto; padding: 0 2em 0 0;font-size:1.1em; font-weight: bold; } #news ul.newsviews li a:hover {background-color:#0093b0; color: #fff; text-decoration:none;} #sidebar #news ul.newslinks .date {float:none; display:block; width: auto; margin: 0 0 0 0; padding: .5em .5em .25em 0; border-top: 0px dotted #666; font-weight: bold;} #sidebar #news.row ul.newslinks .headline:hover {background-color:#ebf3ff;} .level2 #sidebar #news ul.newsviews li {display: block; border-bottom:0px; font-size:.9em; line-height:1.3em; margin-bottom:0;padding: 0; border-top: 1px dotted #666;} #sidebar #news ul.newslinks li a.headline, #sidebar #news ul.newsviews li a {display:block; float:none; width:auto; padding: 0.55em 1.5em 0.5em 1em; font-weight:normal; margin-left: -1em; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .level2 #sidebar #news ul.newsviews li a {display:block; float:none; width:auto; padding: 0.55em 0 0.5em 1em; font-weight:normal; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .level2 #sidebar #news ul.newsviews {display:block; font-size:1em;} .level2 #sidebar #news ul.newsviews a.news {background-image:url(../images/mnaging/news_32.png); background-repeat:no-repeat; background-position: 10px 50%; padding: 1em .3em 1em 0; padding-left: 50px;} .level2 #sidebar #news ul.newsviews a.events {background-image:url(../images/mnaging/events_32.png); background-repeat:no-repeat; background-position: 10px 50%; padding: .9em .3em .7em 0; padding-left: 50px} /* end SIDEBAR */ /* footer --------------------------------------------------------*/ #footer {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; clear:both; margin-top: -2px; min-height: 10em; padding-top: 1em; padding-bottom: .5em; border-top: 1px solid #CCC; border-bottom: 1px solid #666; background-color: #eeeee9; font-size: .75em;} #footer h1 {font-family: 'Oswald', 'Droid Sans', Arial, Helvetica, sans-serif; margin: 0 0; border-bottom: 0px; font-size: 1.5em; font-weight:normal;} #footer a, footer a:visited, #footer a:visited {} #footer ul {margin-top:0;} #footer li {line-height:1.3em;} #footer #copyright {margin-top: 3em; padding-top: 1em; line-height: 1.4em; border-top: 1px solid #ccc; text-align: center;} #footer #contact, #footer #SLL {line-height: 1.5em; margin-top: 1em;} #footer #contact dt, #footer #SLL dt {clear:both; float:left; width: 30%; } #footer #contact dd, #footer #SLL dd {float:right; width: 70%; margin-bottom: .5em;} #footer #contact .name {display:block;} #footer #SLL h1 { margin-top: .8em;} #footer #SLL p {line-height: 1.5em; margin-bottom: .5em;} #footer .socialmedia {margin-top: 6em;} #footer .socialmedia h1 {margin-top: 1em; border-top: 1px solid #CCCCCC; clear:both;} #footer .row.contact {border-top: 1px solid #CCCCCC;} /* ============================= */ /* ! Sitecore specific styles */ /* ============================= */ /* Hide SiteCore breadcrumbs */ #breadcrumb, #three-column-sublayout-left { display: none !important; } #three-column-sublayout{ float: left; height: auto; min-height: 600px; width: 100%; } #three-column-sublayout-middle { float: left; height: auto; width: 65%; font-family: 'Droid Serif', Georgia, "Times New Roman", Palatino, Times, serif; } #three-column-sublayout-middle li a { display: inline; } .subitem-overview{ display: none !important; } .uppercase{ text-transform: uppercase; } #slide-out-menu h1{ text-transform: uppercase; } leftmenuselected a{ } .navexpansion { width: 24%; max-width: 285px; display: none; background-color: #FFF0D1; position: absolute; margin-top: 0px; z-index: 1000; } #skipto { font-size: 14px; padding: 0 10px 0 0; } #advisornav { /*top: 300px;*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* CALENDAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .cal_headeritem { color: #000000; font-size: 10px; font-weight: normal; text-align: center; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; height: 15px; line-height: 15px; width: 14%; } .cal_headeritem_rightrow { color: #000000; font-size: 10px; font-weight: normal; text-align: center; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 15px; line-height: 15px; width: 14%; } .calendar_cell_leftrow { font-size: 10px; color: #000000; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .calendar_cell_rightrow { font-size: 10px; color: #000000; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .calendar_cell { font-size: 10px; color: #000000; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .caltable { border-bottom: 1px solid #CCCCCC; } /*This week*/ .calendar_cell_leftrow_current { font-size: 10px; background-image: url(https://mnaging.org/ane/images/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .calendar_cell_rightrow_current { font-size: 10px; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .calendar_cell_current { font-size: 10px; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: top; text-align: left; } /* End This Week*/ .calendar_cell_thisweek { font-size: 10px; background-image: url(../images/ane/back_calcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 86px; width: 14%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: top; text-align: left; } .calarrowcell { vertical-align: middle; text-align: left; background-color: #2E639F; height: 37px; line-height: 37px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 14px; } .cal_headeritem { color: #000000; font-size: 10px; font-weight: normal; text-align: center; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; height: 15px; line-height: 15px; } .calheader { color: #FFFFFF; font-weight: bold; font-size: 14px; height: 24px; line-height: 24px; background: url( "../images/ane/back_mainnav.jpg" ) repeat; padding-left: 10px; } ul.callegend { list-style-type: none; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 5px; } ul.callegend li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 5px; } .strikethroughtext { text-decoration: line-through; } .caltabfloat { float: left; width: 120px; background-image: url(../images/back_caltab.jpg); border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin-right: 3px; height: 21px; line-height: 21px; } .callisthead { vertical-align: middle; text-align: left; background-color: #FFFFFF; height: 15px; line-height: 15px; font-size: 10px; color: #000000; padding-left: 25px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .callisthead_right { vertical-align: middle; text-align: left; background-color: #FFFFFF; height: 15px; line-height: 15px; font-size: 10px; color: #000000; padding-left: 25px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } .caltabfloat a { display: block; height: 21px; line-height: 21px; font-size: 10px; color: #0066CC; text-decoration: none; padding: 0px 0px 0px 10px; } .caltabfloat a:hover { text-decoration: underline; } .caltabfloaton { float: left; width: 120px; background-image: url(../images/ane/back_mainnav.jpg); margin-right: 3px; height: 21px; line-height: 21px; } .caltabfloaton a { display: block; height: 21px; line-height: 21px; font-size: 10px; color: #FFFFFF; text-decoration: none; padding: 0px 0px 0px 10px; } .caltabfloaton a:hover { text-decoration: underline; } .callistcell { font-size: 11px; color: #666666; background-image: url(../images/back_callistcell.jpg); background-position: bottom left; background-repeat: repeat-x; height: 44px; border-top: 1px solid #CCCCCC; vertical-align: middle; } #calcontainer { clear: left; } /* ============================= */ /* ! Layout for mobile version */ /* ============================= */ @media handheld, only screen and (max-width: 767px) { body {} #sizecontroldiv.controlstyle {display:none;} header p.logo , #logos .twelvecol p.logo {text-align:center; background-color:transparent;} header p.mnhelp, #logos p.mnhelp, #breadcrumbs {display:none;} #index #nav {margin: 0 0 1em 0; margin-right: 0;text-align:left; background-color:transparent; color:#FFFFFF; border-left:0px; width: 100%; position:relative; top:0; left: 0; right: 0; bottom: 0; font-size: 100%; } #index #nav li a {color:#369; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #index #nav li a:hover { background-color:#0093b0; color: #FFFFFF; text-decoration:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -webkit-box-shadow:rgba(0, 0, 0, 0.0); -moz-box-shadow:rgba(0, 0, 0, 0.0); box-shadow:rgba(0, 0, 0, 0.0);} #index #nav li a.selected {background-color:#0093b0; color: #FFF} #nav {text-align:left; margin: 10px 10px 10px 10px; padding: 90px 0 0 0; } #nav {background-color:transparent; background-image:url(../images/mnaging/banner-mobile-02.jpg); background-repeat:no-repeat; background-position: top left;} #index #nav {background-image:url(../images/mnaging/banner-mobile-homev2.png); background-repeat:no-repeat; background-position: top left;} /* old img background-image:url(../images/mnaging/banner-mobile-homev2.png);*/ #advocate #nav {background-image:url(../images/mnaging/banner-mobile-01.jpg);} #advisor #nav {background-image:url(../images/mnaging/banner-mobile-02.jpg);} #administrator #nav {background-image:url(../images/mnaging/banner-mobile-03.jpg);} #newssection #nav {background-image:url(../images/mnaging/banner-mobile-04.jpg);} #aboutus #nav {background-image:url(../images/mnaging/banner-mobile-05.jpg);} nav ul, #nav ul, #features ul {margin: 1em 0; display:block; width: auto; list-style-type:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);} nav li, #nav li, #features ul li {display:block; list-style-type:none;} #index nav li a, nav li a, #index #nav li a, #nav li a, #features ul li a {display:block; padding: .5em 1em; font-weight:normal; background-color:#e9f1ff; background-image:url(../images/mnaging/arrow.png); background-position: right 50%; background-repeat:no-repeat; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 0px solid #999; border-left: 1px solid #999; -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px;} #nav li:first-of-type a, #nav li.first a, #features li:first-of-type a, #features li.first a {padding: .5em 1em;} #nav li:last-of-type a, #index #nav li:last-of-type a, #nav li.last a, #index #nav li.last a, #features li:last-of-type a, #features li.last a {-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #666;} #banner, #banner h1, #print {display:none;} #index #banner {display:block;} #index #banner.row, #index #banner.row.banner {background-image:none; background-color:transparent;} #page {width:auto; margin: 10px 10px 10px 10px;} .articlebody {min-height: 100px;} header p.logo, #logos.twelvecol, #features.row #advocate.threecol, #features.row #advisor.threecol, #features.row #administrator.threecol, #features.row #mnhelp.threecol, #news-quicklinks.row #news.ninecol, #news-quicklinks.row #quicklinks.threecol, #maincontent.row .threecol, #maincontent.row .ninecol, #maincontent.row .sixcol, .section.ninecol, #leftnav.section.threecol, .articleheading, .articlebody, .level2 #sidebar, #footer .threecol, #footer .sixcol {clear: both; width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px;} #news-quicklinks.row #quicklinks.threecol, #news-quicklinks.row #news.ninecol {margin-top: 20px; padding: 0 0 20px 0;} #quicklinks .linklist {border-left:0px; padding:10px;} .section.ninecol {padding-left:15px; border-left:0px; padding-bottom:0;} #features.row #advocate.threecol, #features.row #advisor.threecol, #features.row #administrator.threecol, #features.row #mnhelp.threecol {padding:0;} .level2 #sidebar #news {margin-left:0px; margin-right:0px; padding-left:0px; padding-right: 0px;} #leftnav.section.threecol {margin:0; padding:0;} #leftnav li a, #leftnav li ul li a, #leftnav h1 a, #leftnav li a:hover, #leftnav li ul li a:hover, #leftnav h1 a:hover, #leftnav li a.selected, #leftnav li ul li a.selected, #leftnav h1 a.selected {padding-right: 30px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-image:url(../images/mnaging/arrow.png); background-position: right 50%; background-repeat:no-repeat;} #leftnav li:hover {border-top: 1px dotted #FFF; background-color:#e0f0ff;} #leftnav li ul li a, #leftnav li ul li a.selected {padding-top: .75em; padding-bottom: .75em; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .articleheading, .articlebody, .level2 #sidebar {padding-left:0px; padding-right:0px;} .articleheading h1 {margin: 0 0 0 0;} #index #news h2 {background-color:#0093b0; color: #FFFFFF;display:block} #news ul.newslinks li, #news ul li {padding: 1em 0 0 0;} #news ul.newslinks li .date {float:none; width:auto; margin: 0 0 1em 0; padding:0 10px; font-weight:normal; border-top: 0px;font-size:1.1em;} #news ul.newslinks li a.headline { float:none; display:block; width:auto; padding: 10px ; font-size:1.1em; margin: .5em 0;} #news ul.newslinks li a.headline:hover {background-color:#0093b0; color: #FFFFFF; text-decoration: underline; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #news ul.newslinks li .lead-in {clear:both; display:block; width:auto; font-weight:normal; border-top: 0px; margin-left: 10px; padding:0 10px 10px 0;} #news li {display: block; padding: .5em .5em 1em 0;} #sidebar #news { margin-top: 1em; border-right:1px solid #CCCCCC; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #index #news ul.newsviews {display:block; margin: 0; padding: .5em;} #index #news ul.newsviews li, #index #news ul.newsviews li a, #index #news ul.newsviews li a.events {display:block; margin:0;} #footer #contact dt, #footer #SLL dt {clear:both; float:none; width: auto; display:block; font-weight:bold; } #footer #contact dd, #footer #SLL dd {float:none; width: auto; display:block; margin-bottom: .5em;} /* ========================================== */ /* ! Provide higher res assets for iPhone 4 */ /* ========================================== */ @media only screen and (-webkit-min-device-pixel-ratio: 2) { /* .logo { background: url(https://mnaging.org/css/logo2x.jpg) no-repeat; background-size: 212px 303px; }*/ }