body {
    background-image: url('../images/background.png');

    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: repeat-y;
    background-color: rgb(255, 255, 255);


    color: #717070;
    font: 15px/1.4em "Signika","sans-serif";
}

ul {
    list-style-type: disc;
    padding-left: 17px;
}

h2,
h2 a,
.block-wrapper .view h2 {
    color: #9CD3A5;
    font: bold 39px/1.4em "Signika","sans-serif";
}

h2 a:visited {
    color: #9CD3A5;
}

h3,
h3 a {
    color: #9CD3A5;
    font: bold 22px/1.8em "Signika","sans-serif";
}

h3 a:visited {
    color: #9CD3A5;
}
a div.link-text { display:inline }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/* Generic blocks */
.block-wrapper {
    padding: 0px 7px 0px 7px;
    width: 222px;
    font: 15px/1.4em "Signika","sans-serif";
    display: inline-block;
    color: #FFFFFF;
}

.block-wrapper .content-wrapper {
    padding: 5px 5px 5px 10px;
}

.block-wrapper h2 {
    font-size:1.8em;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #FFFFFF;
}

.block-style-1 {
    background-color: #77B8DB;
}

.block-style-2 {
    background-color: #FFBCBC;
}

.block-style-3 {
    background-color: #9CD3A5;
}

.block-style-4 {
    background-color: #FF8282;
}

.block-wrapper  * .top {
    height: 7px;
}

.block-style-1 .top {
    background-color: #9CD3A5;
}

.block-style-2 .top {
    background-color: #77B8DB;
}

.block-style-3 .top {
    background-color: #FF8282;
}

.block-style-4 .top {
    background-color: #FFBCBC;
}

/* page layout */
#page-wrapper {
    width: 980px;
    margin:0 auto;
}

#top-wrapper {
    min-height: 124px;
    position: relative;
}

#top-wrapper #logo-and-name {
    width: 350px;
    float: left;
    bottom: 0;
    position: absolute;
}

#top-wrapper #logo-and-name #site-name a,
#top-wrapper #logo-and-name #site-name a:hover,
#top-wrapper #logo-and-name #site-name a:visited {
    color: #FFFFFF;
    font: 50px/1.4em "Signika","sans-serif";
    font-weight:bold;
    -moz-text-shadow: 5px 5px 5px #888;
    -webkit-text-shadow: 5px 5px 5px #888;
    text-shadow: 5px 5px 5px #888;
}

/* menu region */
#top-wrapper #menu-region {
    width: 625px;
    height: 35px;
    background-color: white;
    margin-left: 355px;
    position: absolute;
    bottom: 15px;
}

/* Resetting the menu block */
.region-menu .block-wrapper {
    width: 100%;
}

#menu-region .block-wrapper .top {
    display: none;
}

#menu-region .block-wrapper {
    padding: 0;
}

#menu-region .block-wrapper .content-wrapper {
    padding: 0;
}

#menu-region .block-style-1,
#menu-region .block-style-2,
#menu-region .block-style-3,
#menu-region .block-style-4 {
    background-color: white;
}

#top-wrapper #menu-region h2 {
    display: none;
}

#top-wrapper #menu-region ul.menu {
    padding-left: 0;
}
#top-wrapper #menu-region .menu li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#top-wrapper #menu-region .menu li a div.link-text {
    color: #FF8282;
    padding: 7px 16px 0 16px;
    height: 28px;
    display: block;
}

#top-wrapper #menu-region .menu li a:hover div.link-text {
    -moz-transition: color 0.4s ease 0s;
    background-color: #9CD3A5;
}

#top-wrapper #menu-region .menu li a.active div.link-text {
    color: #9CD3A5;
}

#top-wrapper #menu-region .menu li a.active:hover div.link-text {
    background-color: transparent;
}

/* Content Region */
#content-region {
    background-color: white;
}

/* Resetting the content block */
#content-region .block-wrapper #block-system-main .top {
    display: none;
}

#content-region .block-wrapper {
    padding: 0;
    width: 100%;
}

#content-region .block-wrapper .content-wrapper {
    padding: 0;
}

#content-region #block-system-main {
    background-color: white;
    color: #717070;
}

#content-region #content-wrapper {
    margin-top: 15px;
    padding: 5px 25px 5px 25px;
}

#four-column-block-region {
    margin-top: 25px;
    padding: 10px 13px 10px 13px;
    background-color: white;
}

.region-four-column-block {
    background-image: url('../images/four-column-block-background.png');
    background-position-x: -15px;
    background-repeat: repeat-y;
    background-position: -10px;
}

.region-four-column-block .block-wrapper .block-style-1,
.region-four-column-block .block-wrapper .block-style-2,
.region-four-column-block .block-wrapper .block-style-3,
.region-four-column-block .block-wrapper .block-style-4 {
    background-color: transparent;
}

.region-four-column-block .block-wrapper {
    vertical-align: top;
}

.region-four-column-block .block-wrapper:first-child .top {
    background-color: #FFBCBC;
}

.region-four-column-block .block-wrapper:nth-child(2) .top {
    background-color: #9CD3A5;
}

.region-four-column-block .block-wrapper:nth-child(3) .top {
    background-color: #77B8DB;
}

.region-four-column-block .block-wrapper:last-child .top {
    background-color: #FF8282;
}

#content-region,
#menu-region,
#four-column-block-region {
  -moz-box-shadow: 0 0 5px 5px #888;
  -webkit-box-shadow: 0 0 5px 5px #888;
  box-shadow: 0 0 5px 5px #888;
}

table {
    border-style: solid;
    border-width: 2px;
    border-color: #9CD3A5;
}

th {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #9CD3A5;
}

tr:nth-child(even) {
    background-color: #9CD3A5;
}

td {
    padding: 5px;
}