body {background-image: url(images/main_bg@2x.png); background-size: 1500px 1px; background-color: #549fbb;}
div#header {background-image: url(images/header_bg@2x.png); background-size: 1px 115px;}

/* Color combination proposed */
/* #fc95be - #ffffff */
/* #3ed0f4 - #dcf5fc */
/* #b2b6e0 - #ffffff */
/* #a893d1 - #ede9f5 */
/* #d5e4b2 - #f6f9ef */
/* #abdbf1 - #eef7fc */
/* #ffc0c1 - #ffffff */
/* #6fdaf6 - #e3f7fd */
/* #c7e0d9 - #f3f8f7 */
/* #ffb08d - #ffefe8 */
/* #3ad6d5 - #dcf6f6 */
/* #f7988b - #fdeae7 */
/* #ff8c8e - #ffe8e8 */


/* main-color: used on white background */
.main-color, .main-color a {color: #50a0bc;}
.main-color-border {border-color: #50a0bc;}
.main-color-bg {background-color: #50a0bc;}
.main-color-bg-text, .main-color-bg-text a {color: #fff;}

.second-color, .secondary-color a {color: #f5fcff;}
.second-color-border {border-color: #f5fcff;}
.second-color-bg {background-color: #f5fcff;}
.second-color-bg-text, .second-color-bg-text a {color: #50a0bc;}

/* Used for events */
.third-color, .third-color a {color: #50a0bc;}
.third-color-border {border-color: #50a0bc;}
.third-color-bg {background-color: #50a0bc;}
.third-color-bg-text, .third-color-bg-text a {color: #ffffff;}

/* top-menu-color: used for the header links, line etc. */

.top-menu-color, .top-menu-color a {color: #fff;}
.top-menu-color-bg {background-color: #fff;}
.top-menu-color-main, .top-menu-color-main a {font-weight: bold; color: #9be8ff;}