/* BLUE */
.blue #maincol{ background: url(../images/mainbk_blue.png) top left no-repeat; }
.blue #maincontent a {color: #00B0E4}
.blue #maincontent h1 {margin: 0 0 12px 0; padding: 0; color: #00B0E4; font-size: 130%}
.blue #maincontent h2 {margin: 0; padding: 0; color: #00B0E4; font-size: 100%}
.blue #maincontent .webblerimage {border: 1px solid #00B0E4}
.blue #navcontainer li.this li a { border-right: 8px solid #fff;} 
.blue #navcontainer li a:hover,
.blue #navcontainer li li a:hover {border-color: #00B0E4; color: #fff;background: #00B0E4;}
.blue #navcontainer li.this a {border-right: 8px solid #00B0E4; background: #00B0E4; }
.blue #navcontainer li.submenu a, .blue #navcontainer li.submenuselected a {background: #00B0E4; }
.blue #navcontainer li a { background: #CCEFFA;}


/* ORANGE */
.orange #maincol{ background: url(../images/mainbk_orange.png) top left no-repeat; }
.orange #maincontent a {color: #F4A71C}
.orange #maincontent h1 {margin: 0 0 12px 0; padding: 0; color: #F4A71C; font-size: 130%}
.orange #maincontent h2 {margin: 0; padding: 0; color: #F4A71C; font-size: 100%}
.orange #maincontent .webblerimage {border: 1px solid #F4A71C}
.orange #navcontainer li.this li a { border-right: 8px solid #fff;} 
.orange #navcontainer li a:hover,
.orange #navcontainer li li a:hover  {border-color: #F4A71C; color: #fff;background: #F4A71C;}
.orange #navcontainer li.this a {border-right: 8px solid #F4A71C; background: #F4A71C; }
.orange #navcontainer li.submenu a, .orange #navcontainer li.submenuselected a {background: #F4A71C; }
.orange #navcontainer li a { background: #FDEDD2; }
.orange .launchpad a { padding: 5px 34px 8px 4px ;background: url(../images/launchoff.png) top left no-repeat; color: #333 !important; width: 139px; height: 24px}
.orange .launchpad a:hover {background: url(../images/launchon.png) top left no-repeat ; color: #fff !important; text-decoration: none !important}
.orange #sharescribble { margin: 10px 0}
.orange #sharescribble a { padding: 5px 4px 6px 4px ;background: #FDBD4A; color: #fff!important; border: 1px solid #F4A71C }
.orange #sharescribble a:hover {background: #F4A71C}
/* GREEN */

.green #maincol{ background: url(../images/mainbk_green.png) top left no-repeat; }
.green #maincontent a {color: #79B441}
.green #maincontent h1 {margin: 0 0 12px 0; padding: 0; color: #79B441; font-size: 130%}
.green #maincontent h2 {margin: 0; padding: 0; color: #79B441; font-size: 100%}
.green #maincontent .webblerimage {border: 1px solid #79B441}
.green #navcontainer li.this li a { border-right: 8px solid #fff;} 
.green #navcontainer li a:hover,
.green #navcontainer li li a:hover {border-color: #79B441; color: #fff;background: #79B441;}
.green #navcontainer li.this a {border-right: 8px solid #79B441; background: #79B441; }
.green #navcontainer li.submenu a, .green #navcontainer li.submenuselected a {background: #79B441; }
.green #navcontainer li a { background: #E4F0D9; }

/* PURPLE */

.purple #maincol{ background: url(../images/mainbk_purple.png) top left no-repeat; }
.purple #maincontent a {color: #A68CB8}
.purple #maincontent h1 {margin: 0 0 12px 0; padding: 0; color: #A68CB8; font-size: 130%}
.purple #maincontent h2 {margin: 0; padding: 0; color: #A68CB8; font-size: 100%}
.purple #maincontent .webblerimage {border: 1px solid #A68CB8}
.purple #navcontainer li.this li a { border-right: 8px solid #fff;}
.purple #navcontainer li a:hover,
.purple #navcontainer li li a:hover {border-color: #A68CB8; color: #fff;background: #A68CB8;}
.purple #navcontainer li.this a {border-right: 8px solid #A68CB8; background: #A68CB8; }
.purple #navcontainer li.submenu a, .purple #navcontainer li.submenuselected a { background: #A68CB8;}
.purple #navcontainer li a { background: #EDE8F1;}