@charset "UTF-8";

@import url("elements.css");

body {
    margin: 0;
    font-size: 86%;
    font-family: 'Open Sans', sans-serif;
    background: #FFF url(/img/surround/full_background1.png) repeat-x top center;
}
body#bg1 {
    background: #FFF url(/img/surround/full_background.png) repeat-x top center;
}
/* Links */
a:link, a:visited {
    color: #0E036E;
/*    text-decoration: none;*/
}
a:hover {
    color: #000;
    text-decoration: underline;;
}
a:focus, a:active {
    color:#000;
}
#mainwrapper, footer, div#columnBox2, div#columnBox3, div#pageContent, div#centercontent {
    /* Container of all content */
    position: relative;
    width: 98%;
    max-width: 1170px;
    margin: 0px auto;
    /*margin-left: 10%;
    border:1px solid grey;*/
}
#mainwrapper header {
    /*Header */
    /*background-color: rgba(208,207,207,1.00);*/
    /*overflow: auto;*/
    font-size: 1.33em;
    /*border:1px solid blue;*/
    height:141px; 
}
#mainwrapper header #logo {
    /* Company Logo text */
    width: 28%;
    padding-left: 2.8%;
    padding-top: 10px;

    
}
#mainwrapper div#topNav {
    position: relative;
    height: 40px;
}
/*#mainwrapper div#topNav {
    margin: 9px 0 0 0;
    background: #70203F;
    height: 30px;
    padding: 10px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}*/
/*
#mainwrapper header nav ul {
    margin: 0 ;
    padding: 0;
}
#mainwrapper header nav ul li {
    margin: 0 0 0 0;
    padding: 0 0 0 36px;
    display: inline;
    list-style-type: none;
}
#mainwrapper header nav ul li a  {
    color: #FFF;
    text-decoration:none;
    font-size: .84em;
    font-weight: normal;
    text-transform: uppercase;
}
#mainwrapper header nav ul li a:hover  {
    text-decoration: underline;   
}*/
/*nav ul li {
    padding: 14px 0 8px 0;
}
.nav li { 
    font-size: 14px; 
}
.nav,.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Top level nav */
/*.nav {
    position: relative;
    float: left;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
}
/* Dropdowns */
/*.nav ul {
    position: absolute;
    top: 32px;
    left: -9999px;
    min-width: 194px;
}
.nav li {
    float: left;
    position: relative;
}
/* Top level nav items */
/*.nav li > a {
    float: left;
    padding: 0em 17px;
    text-decoration:none;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFF;
}

/* Top level hover state, preserve hover state when hovering dropdown  */
/*.nav li > a:hover,.nav li:hover > a {

   
    
}

/* Rounded corners for first top level nav item */
/*.nav > li:first-child > a {

}

/* Rounded corners for last top level nav item */
/*.nav > li:last-child > a {

}
.nav li:hover ul {
    left: 0;
}
.nav ul li {
    float: none;
    position: static;
    background: #70203F;
}
.nav ul a {
    float: none;
    display: block;
    color: #FFF;
    font-size: 12px;

}

/* Rounded corners for ul and last list item */
/*.nav ul,.nav ul li:last-child a {

}
.nav ul a:hover {
    color:#999;
}
p { clear: both; }*/

/* start menu */
#menu {
    width: 100%;
    margin: 0;
    padding: 8px 0 0 0;
    list-style: none;  
    /*background-color: #111;
    background-image: linear-gradient(#444, #111);
    border-radius: 50px;
    box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li {
    float: left;
    padding: 8px 0 0px 0;
    position: relative;
}

#menu a {
    float: left;
    height: 28px;
    padding: 0 18px;
    color: #FFF;
    text-transform: uppercase;
    /*font: bold 12px/25px Arial, Helvetica;*/
    font: normal 14px Arial, Helvetica, sans-serif;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #000;*/
}

#menu li:hover > a {
    color: #fafafa;
}

*html .nav li a:hover { /* IE6 */
    color: #fafafa;
}

#menu li:hover > ul {
    display: block;
}

/* Sub-menu */
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background-color: #70193D;   
    background-image: linear-gradient(#1D0710, #70193D);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    box-shadow: 0 1px 0 #111111, 
                0 2px 0 #777777;
}

#menu ul li:last-child { 
    box-shadow: none;    
}

#menu ul a {    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    min-width: 140px;
}

*html #menu ul a { /* IE6 */   
    height: 10px;
    width: 150px;
}

*:first-child+html #menu ul a { /* IE7 */    
    height: 10px;
    width: 150px;
}

#menu ul a:hover {
    /*background-color: #0186ba; background-image: linear-gradient(#04acec, #0186ba);*/

    background-color: #000;
    
}

#menu ul li:first-child a {
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #000;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #000; 
}

#menu ul li:last-child a {
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu           { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
/* end menu */

#mainwrapper #content #sidebar {
    /* Sidebar*/
    width: 19%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    background-color: rgba(246,246,246,1.00);
    margin-top: 150px;
    padding-top: 32px;
}
#ccsection {
    background: #F0F0F0;
    padding:.6em;
}
#mainContent div#bannerImage {
    /*Container for main banner image */
    width: 100%;
    height: 450px;
    background: #FFF url('/img/main-img.png') no-repeat top left;
    margin: 0;
}
#mainContent div#bannerImage h1 {
    margin: 0;
    padding: .4em 0 0 .4em;
    font-size: 2.6em;
    color:#fff;
    line-height: 1em;
}
#mainContent div#bannerImage h1 span {
    font-size: .5em;
    color:#F0F0F0;
}
#mainContent div#bannerImage p {
    margin: 0;
    padding: 1em 0 0 1.2em;
    font-size: 1em;
    color:#fff;
    line-height: 1.6em;
}
div#imgBack {
    position: relative;
    width: auto;
    height: 550px;
    margin: 0px auto;
    background: #FFF url('/img/daisies.jpg') no-repeat top center;
    padding-top: 356px;
}
div#imgBackSmall {
    position: relative;
    width: auto;
    height: 550px;
    margin: 0px auto;
    /*    background: #133242;*/
    padding-top: 46px;
}
div#imgBack div#pageContent, div#imgBackSmall div#pageContent {
    background: #FFF;
    height: 100%; 
}
div#imgBack div#pageContent article,div#imgBackSmall div#pageContent article {
    padding: 0 1em;
    line-height: 1.6em;
}
div#pageContent h1 {
    font-size:2em;
    margin: 1em 0 .5em 0;
    color:#70193d;
    font-weight:bold;
}
div#pageContent h1 span {
    font-size:.66em;
    font-weight: normal;
}
div#pageContent hr {
    border: 0;
    width: 100%;
    color: #CCC;
    background-color: #CCC;
    height: 1px;
}
.bottom-line {
    border-bottom:1px solid #CCC;
    margin: 0 0 1.2em 0;
}
div#pageContent div.aside {
    width: 24%;
    float: right;
    margin: 22px .7em 1em 0;
    padding: 1.4em 0 5em .4em;

}
div.eventsListBox {
    margin: 1em 0;
    border-bottom:1px solid #CCC;
    padding-bottom:.9em; 
    font-size:.86em;
    line-height: 1.54em;
}
div.eventsListBox h4 a  {
    font-size:1.14em;
    color:#0E036E;
    font-weight:bold;
    text-decoration: none;
}
div.eventsListBox h4 a:hover  {
    text-decoration: underline;
}
div.eventsListBox h4,div.eventsListBox p {
    display:inline;
}
div#pageContent div.article {
    width:72.5%;
    float: left;
}
div#pageContent div.articleFullwidth {
    width:99.9%;
    float: none;
    border:1px solid #FFF;
}
div#pageContent {
    width:98%;
}
#mainContentSection {
    margin: 0px; 
    padding: 1.5em 5.5em;
    position: relative;
    width: 98%;
    max-width: 1070px;
    margin: 0px auto;
    border: 1px solid #F0F0F0;
    line-height: 1.6em;
}     
#mainContentSection h3 {
    margin: .5em 0px -10px 0em; 
    padding: 0px;
    font-size: 1.9em;
    color:#70203F;
    font-weight: normal;
}
#mainContentSection #mainContectSectionBt {
    float:right;
}

#content #mainContent p {
    /* All paragraphs under maincontent */
    padding: 1em 4em;
}
div#columnBox2 article#box1  {
    position:relative;
    width: 28%;
    /*    border: 1px solid red;*/
    margin: 1.4em 0;
    z-index: 2;
}
div#columnBox2 article#box2  {
    position:relative;
    width: 60%;
    margin: 1.4em 0;
    z-index: 2;
    /*    border: 1px solid red;*/
}
div#columnBox2 article  {
    position:relative;
    width:29%;
    float: left;
    padding: 0 2%;
    /*   border: 1px solid green;*/
    margin: 0 0 0 0;
    z-index: 2;
}
div#columnBox2 article article img  {
    width: 99%;
}
div#columnBox2 article h3  {
    font: bold 4.4em;
    margin: 1em 0 1em0;
    padding:0;
    text-transform: uppercase;
}
div#columnBox3 article  {
    position:relative;
    float: left;
    width: 25%;
        /*border: 1px solid red;*/
    margin: 3em 0 0 0;
    z-index: 2;
    padding: 0 2.4em;
    line-height: 1.4em;
    font-size: .9em;
}
div#columnBox3 article img  {
    border: 1px solid #DADADA;
    padding:.6em;
}
div#columnBox3 h2 {
    color:#70193d;
}
div.box3column div  {
    position:relative;
    float: left;
    width: 27%;
        /*border: 1px solid red;*/
    margin: 2em 0;
    z-index: 2;
    padding: 0 2.4em;
    line-height: 1.4em;
    font-size: .9em;
}
div.box3column div img  {
    border: 1px solid #DADADA;
    padding:.6em;
    width: 100%;
}
div.box3column div .smImage  {
    border: 1px solid #DADADA;
    padding:.6em;
    width: 211px;
}
div.box3column h2 {
    color:#70193d;
}
fieldset {
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
legend {
    color:#70193d;
    font-weight: bold;
    font-size:1.2em;
}
input[type=text]  {
    border: 1px solid #CCC; 
    padding: 5px;
    margin: 0 0 10px 0;
    width: 300px;
}
div.clearFix {
    clear: both;
}
div.box2column div  {
    position:relative;
    float: left;
    width: 40%;
        /*border: 1px solid red;*/
    margin: 2em 0;
    z-index: 2;
    padding: 0 2.4em;
    line-height: 1.4em;
    font-size: .9em;
}

/*div#columnBox4 article#box2  {
    position:relative;
    float: left;
    width: 24%;
    margin: 2.4em 0;
    z-index: 2;
    border: 1px solid red;
}
div#columnBox4 article#box3  {
    position:relative;
    float: left;
    width: 24%;
    margin: 2.4em 0;
    z-index: 2;
    border: 1px solid red;
}
div#columnBox4 article#box4  {
    position:relative;
    float: left;
    width: 24%;
    margin: 2.4em 0;
    z-index: 2;
    border: 1px solid red;
}*/

#content #sidebar input {
    /* Search box in sidebar */
    width: 98%;
    height: 32px;
    background: red;
}
#content #sidebar #adimage {
    /* Container for Image in sidebar */
    width: 100%;
    background-color: rgba(208,207,207,1.00);
    margin-top: 46px;
    float: none;
    overflow: auto;
}

#footerbar {
    /* Footer bar at the bottom of the page */
    clear: both;
    font: 1em Helvetica, sans-serif;
    background: #29272A;
    width: auto;  /* adds scroll bar if too big */
    margin: 0px;
    padding: 1em; 
}
footer {
    /* Container for footer artices */
    color: #FFF;

}
footer article h3  {
    /* Footer article titles */
    text-align: center;
    font-style: normal;
    font-weight: 400;
}
#footerbar section {
    float:left;
    width: 24.1%;
    padding:.7em 0em;
}
#footerbar section.logo {
    width:12%;
}
#footerbar section.logo img {
    margin-top:20%;
    margin-left:33%;
}
#footerbar h4 {
    border-bottom: 1px solid #9A9A9A;
    padding:.9em 0 .9em 1em;
    margin:0;
    font-size: 1.1em;
    font-weight: normal;
}
#footerbar a {
    color: #FFF;
    text-decoration: none;
    font-size: .8em;
}
#footerbar #pgFootLogo {
    clear:both;
    font-size: .9em;
}
#footerbar section.middle {
    margin-left:1.4em;
    margin-right:1.4em;
}
#footerbar li { 
    color: #9A9A9A; 
    font-size: .98em;
}
.mbypass {
    /*element to be displayed only in mobile view and tabet view */
    display: none;
}
#mainContent #bannerImage img {
    /* Actual banner image */
    /*    width: 100%;*/
}
#sidebar #adimage img {
    /* Image in sidebar */
    width: 100%;
    float: left;
}

#mainwrapper header nav a {
    /* Links in header */
    text-decoration: none;
}
.slicknav_menu {
    display:none;
}
/* user styling */
.smalltext {
    font-size: .86em;
}
.clear {
    clear:both;
}
div.twitter
{
    position: relative;
    width:96% !important;
    margin-top:2em;
    overflow:visible;
}
.bypass {
    display: none;
}
.subboxLt {
    float:left;
    width:39%;
}
.subboxRt {
    float:left;
    width:55%;
    margin-left: 5%;
}

/* Tablet view */
@media screen and (min-device-width : 481px) and (max-width:769px){

    #mainwrapper {
        width: 98%;
    }
    #mainwrapper header #logo {
        padding-bottom: 0px;  
    }
    #mainContentSection {
        width: 98%; 
    } 
    div#pageContent div.article {
      width: 98%;
    }
    div#pageContent div.aside { 
    width: 98%;
    }
    div#columnBox2 article img {

    }
    div#columnBox3 article img {
        width:98%;
    }
    div#columnBox2 article#box1, div#columnBox2 article#box2  {
        width: 100%;
        /*    border: 1px solid blue;*/
    }
    div#columnBox3 article  {
    padding:1.8em;
    }
    .mbypass {
    /*element to be displayed only in mobile view and tabet view */
    display: none;
    }
    div.twitter
    {
        width:98%;
        margin-top:2em;
        text-align:center;
    }
    #menu a {
        padding: 0 14px;
        text-transform: capitalize;
    }

}

/* Mobile view */
@media screen and (max-width:480px){
    body, body#bg1 {
        background: none;
    }
    #mainwrapper {
        position: relative;
        width: 98%;
        overflow: auto;
        margin: 0px auto;
    }
    #mainwrapper header #logo {
        width: 96%;
        display: block;
        padding-bottom: 10px;
        border: 1px dashed #CCC;
    }

    #mainwrapper header #logo img {
        /* Company Logo text in header */
        width: 50%;
        margin-left: 2%;

    }
    #mainwrapper header, #content #mainContent #bannerImage {
        display: inline;
    }
    #mainContent div#bannerImage h1 {
        color:#000;
        font-size: 1em;
    }
    #mainContent div#bannerImage h1 span {

    }
    #mainContent div#bannerImage p {
        color:#000;
        font-size: 1em;
    }
    #mainContentSection {
        padding: 0em 0em;
        width: 90%;
    }     
    #mainContentSection h3 {
        margin: .5em 0px -10px 0em; 
        padding: 0px;
        font-size: 1.9em;
        color:#70203F;
        font-weight: normal;
    }
    #mainContentSection img {
        width: 98%;
    }     
    #mainContentSection div#mainContectSectionBt {
        margin: .8em .5em;
    }
    #content #sidebar #adimage {
        /* Container for image in sidebar */
        width: 100%;
    }
    #content #sidebar nav {
        /* Navigation bar for links in sidebar */
        width: 96%;
        padding-top: 7px;
    }
    #sidebar nav ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
    }
    #mainwrapper #content #sidebar {
        /* sidebar */
        padding-bottom: 0px;
    }
    .mbypass {
        display:block;
    }

    div#imgBack, div#imgBackSmall {
        padding-top: 4px;
        background: none;
    }

    div#pageContent h1 {
        margin: .14em 0 .4em 0;
    }
    #content #mainContent h3 {
        /* Title under maincontent, if any */
        font-size: 14px;
    }
    div#pageContent div.aside, div#pageContent div.article, div#pageContent hr {
        width: 98%;
        margin: 0 0 0 0;
    }
    div#columnBox2 article, div#columnBox3 article  {
        width: 98%;
        /*    float: left;
            padding-left: 2%;
            padding-right: 2%;*/

        /*   border: 1px solid blue;
            margin: 0 0 0 0;*/
        padding: .5em;
    }
    div#columnBox2 article#box1  {
        width: 98%;
        /*    border: 1px solid blue;*/
    }
    div#columnBox2 article#box2  {
        width: 98%;
        /*    padding: 0;
                margin-top: 2.4em;
            border: 1px solid blue;*/
    }
    /*div#columnBox article article img  {
        width: 98%;
    }*/
    div#columnBox2 article img, div#columnBox3 article img {
        width: 98%;
    }
    #footerbar section {
        display: none;
    }
    footer {
        width: 94%;
    }
    .js #menu {
        display:none;
    }
    #topNav {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }
    input[type=text] {
    width: 96%;
    }
.subboxLt, .subboxRt {
    width:99%;
    margin:0;
    }

div.box3column div, div.box2column div {
    width:96%;
    float: none;
        /*border: 1px solid red;*/
    margin: 3em 0 0 0;
    padding: 0 0em;
}
div.box3column div img, div.box2column div img  {
    padding:0;
    width: 98%;
}
img.responsive {
    width: 98%;
}

}