body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 0px;
    overflow-y:scroll;

    background-color: rgba(216,234,218,0.5); /* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    background: -webkit-linear-gradient(left,white,rgba(216,234,218,0.5),white,rgba(216,234,218,0.5),white);
    /* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(left,white,rgba(216,234,218,0.5),white,rgba(216,234,218,0.5),white);
    /* For Fx 3.6 to 15 */
    background: -moz-linear-gradient(left,white,rgba(216,234,218,0.5),white,rgba(216,234,218,0.5),white);
    /* Standard syntax */
    background: linear-gradient(to right,white,rgba(216,234,218,0.5),white,rgba(216,234,218,0.5),white); 
}
a, a:link, a:visited {
    color: #294f26;
    border: 0px;
    /*text-decoration: none;*/
}
h1 {
    color: #294f26;
}

a.ctaButton {
    background-color: #294f26; /* #d8eada */
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 5px;
    border: 2px solid #294f26;
    padding: 10px;
    display: inline-block;
}

a.ctaButton:hover {
    background-color: #d8eada; 
    color: #294f26;
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 5px;
    border: 2px solid #294f26;
    padding: 10px;
}

#container {
    /*width: 960px;*/  /* 960px usable width */
    /*margin: 0px auto;
    padding: 10px;
    background-color: white;*/
}

hr {
    background-color: #294f26; 
    height: 1px; 
    border: 0px none;
}

/* HEADER */
#header {
    padding-top:10px;
    background-color:#d8eada;
}
#header:after {
    clear: both;
}
#logobar {

    position: relative;
    /*border:1px solid blue;*/
}
#logobar {
    width: 980px;
    margin: 0px auto;
}
#logobar .social-links {
    /*float: right;*/
    position: absolute; 
    bottom: 0px;
    right: 0px;
    width: 200px;
    text-align: right;
    /*border:1px solid red;*/
}

/* PRIMARY NAVIGATION */
#primarynav {
    margin-top:8px;
    background-color: #294f26;
}
#primarynav a, #primarynav a:link, #primarynav a:visited {
    display: block;
    /*padding: 10px 41.9px;*/
    /*padding: 10px 43.6px;*/
    /*padding: 10px 34.46px;*/
    /*padding: 10px 22.73px;*/
    padding: 10px 20px;
    /*color: #294f26;*/
    text-decoration: none;
    color: #d8eada;


}
#primarynav ul {

    padding: 0px;
    width: 980px;
    margin: 0px auto;
}
#primarynav li {
    position:relative;
    top:-5px;
    display: inline-block;
    /*float:left;*/
    list-style-type: none;
    border-right: 1px solid #d8eada; /*#294f26;*/

    border-left: 0px none transparent;
    border-top: 5px solid #d8eada; /*#294f26;*/

    background-color: #294f26;
    border-top: 5px solid #d8eada;
    margin-bottom: -5px;
}
#primarynav li:first-child {
    border-left: 1px solid #d8eada; /*#294f26;*/

}
#primarynav li:hover {
    /*background-color: lightgreen;*/

    border-top: 5px solid #294f26;
    background-color: #d8eada; /*#fff;*/
}

#primarynav li:hover a {
    /*color: #294f26;*/
    color: #002576;
}

/* FOOTER */
#footer {
    border-top: 2px solid #294f26;
    background-color: #d8eada;

    clear:both;             
    /*margin-top: 15px;*/
    padding-top: 8px;
    padding-bottom: 20px;
}
#footer .copyright {
    clear:both;
    text-align: center; 
    font-size:small;

}
#footer .contactus {
    width: 980px;
    margin: 0px auto;
    padding: 0px 10px;
}


/* HOME PAGE */
#homepanels:after {
    content: '';
    display: block;
    clear: both;
}
#twitterfeed {
    float:right;
    width: 300px; 
    height:500px; 
    /*border:1px solid gray;
    background-image: url('/assets/images/twitter_sample.jpg');*/
}
#hometiles ul {
    padding: 0px;
}
#hometiles li {
    float:left;
    width: 307px;
    height: 239px;
    border: 1px solid gray;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 4px;
}
#hometiles li.newsletter {
    background-image: url('/assets/images/tile_newsletter.jpg')
}
#hometiles li.conferences {
    background-image: url('/assets/images/tile_conferences.jpg')
}
#hometiles li.factbook {
    background-image: url('/assets/images/tile_factbook.jpg')
}
#hometiles li.systembooks {
    background-image: url('/assets/images/tile_systembooks.jpg')
}
#hometiles li a {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    position: relative;
    text-decoration: none;
    color: #294f26;
}
#hometiles li a:hover {
    background-color: rgba(255,255,255,0.5);
}
#hometiles li a span {
    display: block;
    width:100%;
    margin: 0px;
    padding: 10px 0px;
    text-align:center;
    position: absolute;
    bottom: 0px;
    /*background-color: rgba(200,200,200,0.5);*/
    background-color: rgba(216, 234, 218, 0.6); 
    color: #002576;
    font-size: 32px;
    font-weight: 700;
}

#homeevents ul {
    padding: 0px;
}
#homeevents li {
    list-style: none;
    display: inline-block;

    width: 49%;
}
#homeevents img {
    float:left;
    width: 150px;
    vertical-align: top;
    margin-right: 20px;
    border: 1px solid gray;
}
#homeevents span {
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 24px;
    font-weight: 700;
}
#homeevents p {
    margin-top: 5px;
}

h1.homepagetitle {
    margin: 0px;
    padding: 10px 5px;
    background-color: #d8eada;
}

/* SIDE NAVIGATION */
#sidenav {
    float: left;
    margin: 0px 0px 0px -200px;
    width: 180px;

    padding: 0px;
    font-size: 1.2em;
}
#sidenav ul {
    margin-left: 15px;
    padding-left: 0px;
    font-size: 0.9em;
}
#sidenav li {
    list-style: none;
    line-height: 1.4em;
}
#sidenav li:before {
    content: "\00BB";
    content: "\25BA";
    content: "\203A";
    color: #294f26;
    margin-right: 5px;
}
#sidenav li a {
    text-decoration: none;
    color: #294f26;
}
#sidenav li a:hover {
    color: #d8eada;
}
#article {
    margin-left: 200px;
}
#pagecontent {
    width: 960px;
    margin: 0px auto;
    background-color: #FFFFFF;
    padding: 10px;
}

#pagecontent:after {
    content: '';
    display: block;
    clear: both;
}

/* EVENTS */
.eventpanel {
    padding: 0px;
    list-style: none;
}
.eventpanel li:after {
    content: '';
    display: block;
    clear: both;
}
.eventpanel li {
    margin-bottom: 15px;
    padding: 0px;
    border-bottom: 1px solid lightgray;
}
.eventpanel li img {
    float:left;
    width: 300px;
    height: 200px;
    margin-right: 15px;
}

/* PAGE SIDE-PANELS */
#side_panel {
    float:right;
    margin-left:20px;
    text-align: center;
    max-width: 300px;
}
#side_panel img {
    width: 300px;
    min-height: 422px;
    background-color: grey;
}
#side_panel .cta {
    display:block;
    margin-top:20px;
    text-decoration:none;
    color:#294f26;
    text-align: center;
    padding: 20px;
    background-color: #d8eada;
    font-weight: bold;
    font-size: 1.5em;
    border: 1px solid #294f26;
    border-radius: 3px;
}

#side_panel .cta:hover {
    color: #d8eada;
    background-color: #294f26;
    border: 1px solid #d8eada;
}

#side_panel .cta.coke {
    background-color: rgba(255,0,0,0.5);
    color: red;
    border: 1px solid red;
}

#side_panel .cta.coke:hover {
    background-color: red;
    color: rgb(255, 128, 128);
    border: 1px solid rgba(255,0,0,0.5);
}

#side_panel .cta.pepsi {
    background-color: rgb(128,128,255);
    color: blue;
    border: 1px solid blue;
}

#side_panel .cta.pepsi:hover {
    background-color: blue;
    color: rgb(128, 128, 255);
    border: 1px solid rgb(128,128,255);
}

#side_panel .cta .cta_sub {
    display: block;
    font-size: 0.8em;
    margin: 0px;
}
#side_panel .cta .cta_sp {
    color: black;
    font-size: 0.6em;
    font-style: italic;
    margin: 0px;
    display: block;
}


.issuuembed div {
    display:none;
}
.issuuembed div:first-child {
    display:block;
}

.form td {
    padding-right: 20px;
}

.formsubmit {
    margin-left: 15px;
}
.formsubmit a {
    background-color: #f9f9f9;
    text-decoration: none;
    padding: 28px;
    color: black;
    border-radius: 3px;
    border: 1px solid #dddddd;
}
.formsubmit a:hover {
    background-color: #294f26;
    border: 1px solid #008000;
}
.formsubmit img {
    vertical-align: middle;
    margin-right:15px;
}


/* ABOUT US */
.people {
    min-height: 200px;
    clear: both;
    padding-bottom: 20px;
}
.people:after {
    content: '';
    display: block;
    clear: both;
}
.people .left  {
    float:left;
    margin-right: 15px;
}
.people .right {
    float:right;
    margin-left: 15px;
}
.people .left p, .people .right p  {
    margin: 5px 0px 5px 0px;
}
.people h2 {
    background-color: #d8eada;
    padding: 8px;
}

a.button {display: block; border: 1px solid #dddddd; background-color: #f4f4f4; text-align:center; margin-bottom: 20px; padding:20px 0px; }
a:hover.button {border: 1px solid #cccccc; background-color: #e4e4e4;}

.archive a.year {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #294f26;
    background-color: #d8eada;
}
.archive a.selected {
    background-color: #294f26;
    color: #FFFFFF;
}


/* POPUP ADS */
.transparencylayer {
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background-color:rgba(200,200,200,0.5);
    z-index:10;
    text-align: center;
    min-width: 720px;
}
.transparencylayer:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.modalpopup {
    text-align:left;
    width:700px;
    background: #FFFFFF;
    border:1px solid #666666;
    display: inline-block;
    vertical-align: middle;

    border-radius: 8px;
    overflow: hidden;

    -moz-box-shadow: 5px 5px 14px #222;
    -webkit-box-shadow: 5px 5px 14px #222;
    box-shadow: 5px 5px 14px #222;
}
.popup_close {
    float: right;
    padding: 2px;
}
.popup_close a {
    color: #d8eada;
}
.popup_close a:hover {
    color: #FFF;
}
.modalpopup h1 {
    margin: 0px;
    padding: 10px;
    background-color: #294f26;
    color: #FFF;
    text-align: center;
}
.modalpopup h2 {
    margin: 0px;
    padding: 10px;
    background-color: #d8eada;
    color: #000;
    text-align: center;
}
.modalpopup p {
    margin: 15px;
}
.floatRight {
    float: right;
}