/* Layout stylesheet
----------------------------------------------
    Name: Firstname Lastname
    Date: Day Month Year
*/

/* COLOUR SCHEME - Find & replace these with similar tones:

#450078 (primary dark)
#453d4a (dark 2)
#b598c8 (slightly lighter than dark 2)
#8f65ae (mid)
#dad8db (very light)
#f6f5f6 (slightly lighter than very light)

 */

/* Index
----------------------------------------------
    1. Layout
    2. Head
    3. Content
    4. Foot
    5. General Styles
*/

/* 1. Layout
----------------------------------------------*/

body {
    padding: 0;
    height: 100%;
    background: url(../images/amensa-homehead.jpg) no-repeat center 48px #ece5f1;
}

body.nothome {
    background: #fff;
}

/* 2. Head
----------------------------------------------*/

#headbg {
    z-index: 99;
}

#head {
    position: relative;
    z-index: 99;
}

#logolink {
    display: block;
    margin: 12px 0 0;
}

#logolink img {
    display: inline-block;
}

#headercontent {
    padding-top: 40px;
}

#headright {
}

#headright p {
    padding: 0;
}

#headright a span, #headright button span, #mainNavbg .mobilething .button span {
    background: url(../images/amensa-buttnext1.png);
    display: inline-block;
    width: 9px;
    height: 14px;
    margin: 4px 0 0 8px;
    float: right;
}

#headright input {
}

#headright .button {
    margin: 0 0 8px;
    font-style: normal;
            border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    background: url(images/amensa-buttbg1.png) repeat-x 0 bottom #8f8b92;
}

#headsearch {
    clear: both;
}

#headsearch input {
    background: url(../images/demo-magglass.png) no-repeat 7px 50% #fff;
    text-indent: 24px;
    color: #450078;
    text-transform: lowercase;
    margin: 10px 0;
}

#headsearch button {
    display: none;
}

#headlogin {
    margin: 0;
}

#headlogin input {
    margin: 0;
    font-style: normal;
    float: right;
    width: 92px;
    background: #8f8b92;
    color: #fff;
    border: 0;
    padding: 11px;
       -moz-box-shadow: -5px -5px 5px #77747a inset;
    -webkit-box-shadow: -5px -5px 5px #77747a inset;
            box-shadow: -5px -5px 5px #77747a inset;
            border-radius: 0;
       -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#headlogin input#username {
            border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
}

#headlogin button {
    margin: 0;
            border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    font-style: normal;
}

.loggedinmsg {
    text-align: right;
    font-style: italic;
    color: #450076;
    clear: both;
}

.loggedinmsg strong {
    margin-right: 10px;
}

/* --- main navigation */

#mainNavbg {
    background: #453d4a;
    z-index: 100;
}

#mainNav {
    margin: 0;
    padding: 0;
    z-index: 100;
}

#mainNav li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0 !important;
    list-style: none !important;
    list-style-image: none !important;
    z-index: 100;
}

#mainNav li a {
    display: block;
    padding: 14px 10px 0;
    font-size: 14px;
    text-decoration: none;
    height: 33px;
    text-transform: uppercase;
    color: #dad8db;
}

#mainNav li.on a {
    color: #f7e3a7;
}

#mainNav li:hover a, #mainNav li a:hover, #mainNav li.on a:hover {
    color: #f7e3a7;
    background: url(../images/amensa-mainnavon.png) no-repeat center bottom;
}

#mainNav li#homeicon span {
    background: url(../images/amensa-homeicon1.png) no-repeat 0 1px;
    display: block;
    width: 19px;
    height: 33px;
    overflow: hidden;
    line-height: 999em;
}

#mainNav li#homeicon a:hover span, #mainNav li#homeicon.on a span {
    background-position: 0 -31px;
}

/* --- drop down navigation */

#mainNav ul {
    display: none;
    width: 250px;
    position: absolute;
    top: 47px;
    left: -8px;
    z-index: 100;
    background: url(../images/amensa-dropmenubg.png) repeat-x 0 0;
    padding: 0;
}

#mainNav li:last-child ul {
    left: auto;
    right: -8px;
}

#mainNav ul li {
    margin: 0;
    float: none;
    display: block;
    border-bottom: 1px solid #fff;
}

#mainNav ul li a, #mainNav li.on ul li a {
    padding: 12px 25px;
    background: none !important;
    font-weight: normal;
    height: auto;
    color: #453d4a !important;
}

#mainNav ul li a:hover, #mainNav li.on ul li a:hover {
    color: #44007b !important;
    background: #f6e2aa !important;
}

#mainNav ul ul {
    top: 0;
    left: 250px;
}

/* 3. Content
----------------------------------------------*/

/* --- Banner */

#homebanner {
    position: absolute;
    right: 0;
    bottom: 0;
}

#homebanner ul {
    border: 8px solid #fff;
    border-bottom: 0;
}

.sbBanner {
    position: relative;
    height: auto !important;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.sbBanner .listItem {
    padding: 0;
    border: 0;
    width: 100%;
    z-index: 99;
}

.sbBanner .listItem .slidelink {
    display: block;
}

.sbBanner .listItem .slidelink img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.sbBanner .slideoverlay {
    position: absolute;
    right: 0;
    bottom: 20px;
    background: rgba(255,255,255,0.75);
    padding: 25px 5% 20px;
    width: 90%;
    z-index: 99;
    font-size: 13px;
}

.sbBanner .slideoverlay .left {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.prevnext {
    background: url(../images/amensa-slidenav.png);
    width: 18px;
    height: 39px;
    display: block;
    position: absolute;
    top: 45%;
    cursor: pointer;
}

#prev {
    left: -18px;
}

#next {
    right: -18px;
    background-position: right 0;
}

/* --- Homepage */

#welcome {
    font-size: 16px;
    line-height: 29px;
    padding: 10px 0;
    min-height: 256px;
    width: 48%;
}

#welcome .padmeright {
    padding: 0 8% 0 0;
}

#welcome .morelink {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

#welcome h1 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 28px;
    line-height: 31px;
    font-weight: 300;
    color: #450078;
    text-transform: uppercase;
    background: none;
}

#homebg {
    padding: 0 0 25px;
    background: #fff;
}

#homeshortcuts {
    padding: 0;
    margin: 100px 0 0;
}

#homeshortcuts li {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
}

#homeshortcuts li a {
    display: block;
    color: #fff;
    background: #450078;
    padding: 10px 20px;
    text-decoration: none;
}

#homeshortcuts li a:hover {
    background: #453d4a;
}

#homeshortcuts li a span:after {
    content: "»";
    float: right;
    font-size: 19px;
}

.newseventslist {
    padding: 25px 0 10px;
}

.newseventslist h2 {
    float: left;
    padding: 0 0 15px;
    font-weight: 100;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
}

.newseventslist .morelink {
    float: right;
    font-weight: bold;
    font-size: 14px;
    margin: 9px 0 0;
    color: #362e38;
    text-transform: uppercase;
}

.newseventslist ul {
    clear: both;
    padding: 0;
}

.newseventslist ul p {
    padding: 0;
}

.newseventslist h4 {
    margin: 0;
    text-transform: uppercase;
}

.frontEventListItem {
    position: relative;
    padding-left: 60px;
    border-bottom: 0;
    min-height: 50px;
}

.eventsList .frontEventListItem {
    border-bottom: 1px solid #dad8db;
}

span.caldate {
    position: absolute;
    top: 24px;
    left: 0;
    display: block;
    width: 44px;
    height: 60px;
    color: #e0c8a9;
    background: #8f65ae;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

span.caldate strong {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 41px;
    width: 44px;
    color: #e0c8a9;
    background: url(../images/amensa-caldateribbon.png) no-repeat center bottom #450076;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}

span.small {
    color: #8f65ae;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 10px;
    display: block;
}

#tabbything {
    position: relative;
    margin: 0 0 15px;
}

#tabbything .tabbutt {
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    top: -32px;
    border: 1px solid #fff;
            border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.tabby h5 {
    text-align: right;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 5px 0;
}

#soc1 .tabbutt {
    background: url(../images/demo-newstab1.png);
    right: 64px;
}

#soc2 .tabbutt {
    background: url(../images/demo-newstab2.png);
    right: 33px;
}

#soc3 .tabbutt {
    background: url(../images/demo-newstab3.png);
    right: 0;
}

#tabbything .tabby.on .tabbutt {
    border-color: #8f65ae #8f65ae #fff #8f65ae;
    padding-bottom: 1px;
}

.tabby.off .tabcontents {
    display: none;
}

#home .col #soc1 .padme {
    padding: 0;
}

#home .col #soc1 li:last-child {
    border: 0;
}

#soc1 li .date {
    font-size: 12px;
    color: #aaa;
    margin: 4px 0 0 10px;
}

#soc3 iframe {
    width: 100% !important;
    height: 400px;
    margin-top: 10px;
}

#soc2 .fb_iframe_widget, #soc2 .fb_iframe_widget span {
    width: 100% !important;
    display: block !important;
}

#soc2 .fb_iframe_widget iframe {
    width: 100% !important;
}

/* --- Inner pages */

.nothome #headbg {
    background: url(../images/amensa-innerhead.jpg) no-repeat center 0;
    border-bottom: 2px solid #450076;
    height: 150px;
}

#sideBar {
    float: left;
    margin: 0;
    position: relative;
    top: -2px;
    background: url(../images/amensa-innerbannerglow.png) no-repeat right 0;
}

#innernav {
    padding: 0;
    margin: 133px 0 0;
    background: #fff;
}

#innernav li {
    list-style: none;
    padding: 0;
}

#innernav li a {
    background: url(../images/amensa-innernavbg1.png) no-repeat 0 0 #b598c8;
    display: block;
    padding: 45px 8% 10px 16%;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
    color: #450078;
    text-decoration: none;
    text-transform: uppercase;
}

#innernav li ul {
    padding: 0;
    margin: 0 0 30px;
}

#innernav li li ul {
    display: none;
}

#innernav li li.on > ul {
    display: block;
}

#innernav li li {
    border-bottom: 1px solid #8f65ae;
}

#innernav li li a {
    background: none;
    color: #453d4a;
    padding: 11px 8% 12px 16%;
    font-size: 15px;
    font-weight: normal;
    width: auto;
    margin: 0 !important;
}

#innernav li li a:hover {
    color: #450078;
}

#innernav li li.on a, #innernav li li.on a:hover {
    background: #450078;
    width: 76.25%;
    /*
    background: url(../images/amensa-innernavbg2.png) no-repeat right 0 #450078;
    width: 81.5%;
    */
    color: #fff;
}

#innernav li li ul {
    background: #f6f5f6;
    padding: 0;
    margin: 0 0 0 10%;
}

#innernav li li li {
    margin: 0;
    color: #444;
    border-bottom: 1px solid #8f65ae;
}

#innernav li li li a, #innernav li li.on li a {
    background: none;
    color: #453d4a;
    font-size: 15px;
    padding: 9px 8% 9px 16%;
    width: auto;
    font-weight: normal;
    text-transform: none;
}

#innernav li li li a:hover, #innernav li li.on li a:hover {
    background: none;
    color: #450078;
}

#innernav li li li.on a, #innernav li li.on li.on a {
    background: url(../images/amensa-innernavbg3.png) no-repeat right 0 #8f65ae;
    width: 82.3%;
    color: #fff;
}

#innernav li li li.on ul, #innernav li li.on li.on ul {
    margin: 0;
    background: #dad8db;
}

#innernav li li li.on li, #innernav li li.on li.on li {
    border-bottom: 1px solid #fff;
}

#innernav li li li.on li a, #innernav li li.on li.on li a {
    background: none;
    color: #453d4a;
    font-size: 14px;
    padding: 7px 8% 6px 24%;
    width: auto;
    font-weight: normal;
    text-transform: none;
}

#innernav li li li li a:hover, #innernav li li li.on li a:hover {
    background: none;
    color: #450078;
}

#innernav li li li li.on a, #innernav li li li.on li.on a {
    background: url(../images/amensa-innernavbg4.png) no-repeat right 0 #453d4a;
    width: 74.4%;
    color: #fff;
}

#innernav li:last-child {
    border-bottom: 0 !important;
}

#innerbannerbg {
    position: absolute;
    top: -24px;
    right: 10%;
}

#innerbannerbg .sbBanner {
    overflow: hidden;
            border-radius: 120px;
       -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border: 0px solid #000000;
    border: 4px solid #fff;
}

#innerbannerbg img, #innerbannerbg .parentCategoryDiv {
    display: block;
            border-radius: 120px;
       -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
       -moz-box-shadow: 0 0 10px #000 inset;
    -webkit-box-shadow: 0 0 10px #000 inset;
            box-shadow: 0 0 10px #000 inset;
    width: 180px;
    height: 180px;
    background-size: cover !important;
}

.memberland #sideBar {
    top: auto;
}

.memberland #innerbg {
    background: url(../images/amensa-mcstrip.png) repeat-x 0 0;
}

.memberland #innerbannerbg {
    display: none;
}

.memberland #innernav {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.memberland #innernav > li > a {
    background: #43007d;
    color: #fff;
    padding: 21px 8% 12px;
}

.memberland #innernav > li > ul > li {
    border-bottom: 1px solid #ecebed;
}

.memberland #innernav > li > ul > li > a {
    padding: 10px 8%;
    background-image: none !important;
    width: auto !important;
}

.memberland #headbg {
    border-bottom: 0;
}

.memberland h1.pageTitle {
    display: none;
}

.memberland .imageRight {
    margin: 0;
    display: block;
    float: none;
}

.memberland #mainBar > .padmeleft {
    padding: 20px 0 0 8%;
}

.memberland #mainBar > .padmeleft.clearfix {
    padding: 0 0 0 6%;
}

#mclanding1 {
    background: #f6f5f6;
    padding-top: 20px;
}

#mclanding2 {
    padding: 20px 0 30px;
}

#mainBar {
    position: relative;
    z-index: 10;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

.memberland #mainBar {
    position: relative;
    z-index: 10;
    min-height: 0;
    height: auto !important;
}

#mainBar > .padmeleft {
    padding: 25px 0 25px 6%;
}

.path, .breadcrumb {
    font-size: 12px;
    display: none;
}

/* 4. Foot
----------------------------------------------*/

#homebutts1bg {
    background: #dad8db;
    padding: 25px 0 10px;
}

#homebutts1bg a {
    display: block;
    text-align: center;
    width: 151px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto 15px;
}

#homebutts1bg a span.bbimage {
    display: block;
    width: 143px;
    height: 143px;
            border-radius: 80px 80px 80px 80px;
       -moz-border-radius: 80px 80px 80px 80px;
    -webkit-border-radius: 80px 80px 80px 80px;
    border: 0px solid #000000;
    border: 4px solid #fff;
       -moz-box-shadow: 0 0 10px #000 inset;
    -webkit-box-shadow: 0 0 10px #000 inset;
            box-shadow: 0 0 10px #000 inset;
    margin: 0 auto 10px;
    background-size: cover;
    background-position: center center;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.3\'/></filter></svg>#grayscale"); /* For Firefox 10+ */
            filter: grayscale(70%); /* For IE 6+ */
    -webkit-filter: grayscale(70%); /* for Chrome & Safari */
        -ms-filter: grayscale(70%);
         -o-filter: grayscale(70%);
}

#homebutts1bg a:hover span.bbimage {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'1\'/></filter></svg>#grayscale"); /* For Firefox 10+ */
            filter: grayscale(0%); /* For IE 6+ */
    -webkit-filter: grayscale(0%); /* for Chrome & Safari */
        -ms-filter: grayscale(0%);
         -o-filter: grayscale(0%);
}

#homebutts2bg {
    background: #fff;
    padding: 25px 0 5px;
}

#homebutts2bg a {
    display: block;
    width: 120px;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    margin: 0 auto 20px;
    color: #453d4a;
}

#homebutts2bg a:hover {
    color: #450076;
}

#homebutts2bg a span.bbimage {
    display: block;
    width: 42px;
    height: 46px;
    float: left;
    margin: 0 8px 0 0;
}

#homebutts2bg a:hover span.bbimage {
    background-position: 0 -54px;
}

#footbg {
    background: #453d4a;
    padding: 30px 0;
    font-size: 13px;
    color: #ddd;
}

#siteinfomenu {
    margin: 0;
    padding: 15px 0 12px;
}

#siteinfomenu li {
    float: left;
    list-style: none;
    margin: 0 8px 8px 0;
    padding: 0 8px 0 0;
    border-right: 1px solid #ddd;
    line-height: 12px;
}

#siteinfomenu li:last-child {
    border: 0;
}

#siteinfomenu li a {
    color: #ddd;
}

#siteinfomenu li a:hover {
    color: #fff;
}

#footercontent {
    margin: 11px 0 0 50px;
}

#footercontent span.left {
    margin: 0 10px 0 0;
}

#footercontent a.external {
    position: relative;
    bottom: 5px;
    margin: 0 3px;
}

#aolink {
    display: inline-block;
    background: url(../images/aolink.png) no-repeat 0 0;
    width: 76px;
    height: 26px;
    float: right;
}

#aolink:hover {
    background-position: 0 -26px;
}

#aolink span {
    display: none;
}

/* 5. General Styles
----------------------------------------------*/

.hide-desktop {
    display: none !important;
}

.simply-scroll-container {
    margin-bottom: 20px;
    position: relative;
    clear: both;
}

.simply-scroll-clip {
    height: 205px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    clear: both;
}

.simply-scroll-list {
    left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.simply-scroll-list li {
    list-style: none outside none;
}

.simply-scroll-list ul li.listItem:last-child {
    border-bottom: 1px solid #dad8db;
}

.simply-scroll-list li img {
    border: medium none;
    display: block;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.padme {
    padding: 0 6%;
}

.padmeleft {
    padding: 0 0 0 5%;
}

.padmeright {
    padding: 0 5% 0 0;
}

.readMore a {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.readMoreBack a {
    padding: 0 0 0 18px;
    background: url(../images/amensa-buttprev1.png) no-repeat 0 50%;
    font-size: 15px;
}

.form-link {
    display: block;
    margin: 0 0 1em;
}

#TB_window {
    border: 4px solid #fff !important;
}

#TB_window #TB_title, #TB_window #TB_closeAjaxWindow {
    height: auto !important;
    padding: 0 !important;
    background: none !important;
    text-indent: -999em !important;
}

#TB_window #TB_closeWindowButton {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/fancy_closebox.png) no-repeat 0 0;
    color: transparent;
    font-size: 0 !important;
    text-indent: -999em !important;
    cursor: pointer;
    position: absolute !important;
    top: -15px !important;
    right: -15px !important;
}

#TB_ajaxContent {
    padding: 25px !important;
}

#TB_ajaxContent h3 {
    margin: 0 !important;
    font-size: 20px !important;
}

#TB_ajaxContent p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
}

#TB_window img#TB_Image {
    border: 0 !important;
}