* { margin:0; padding:0; }
body { background:#efe9f5; font:12px/15px Arial, Helvetica, sans-serif; color:#66339A; text-align:center; }

a, a:visited { text-decoration: none; color: #06F; }
a:hover { text-decoration: underline; }
a img { border: none; }
ul, ol { list-style:none; }

h1 { padding: 0 0 15px 0; line-height: 30px; }
h2 { padding: 0 0 10px 0; line-height: 26px; }
h3 { padding: 0 0 10px 0; line-height: 20px; }
p { padding: 0 0 10px 0; font-size: 11pt; line-height: 18px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul, ol { font-size: 11pt; line-height: 18px; padding: 0 0 0 20px; }
li { padding: 0 0 5px 0; }

/* LAYOUT ********************************************************************************************************/
.clear-block { clear: both; }
.wrapper { }
.page { width: 900px; margin: 0 auto; padding: 0 0 0 0; text-align: left; }
.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

/* 1 column layout */
.col1-set { }
.col1-set .col-main { float: none; width: auto; }

/* 2 column layout */
.col2-set { padding: 0 0 15px 0; }
.col2-set .col-1 { float: left; width: 46%; }
.col2-set .col-2 { float: right; width: 46%; }
.col2-set .narrow { width: 30%; }
.col2-set .wide { width: 65%; }

/* 3 column layout */
.col3-set { }
.col3-set .col-1 { float: left; width: 32%; }
.col3-set .col-2 { float: left; width: 32%; margin-left: 2%; }
.col3-set .col-3 { float: right; width: 32%; }

/* 4 column layout */
.col4-set { }
.col4-set .col-1 { float: left; width: 24%; }
.col4-set .col-2 { float: left; width: 24%; }
.col4-set .col-3 { float: left; width: 24%; margin-left: 2%; }
.col4-set .col-4 { float: right; width: 24%; }
/*****************************************************************************************************************/

/* HEADER ********************************************************************************************************/
.header { background-color: #b293cb; margin: 20px 0 0 0; }
#nav { font-size: 14px; padding: 0 0 0 0; margin: 0 0 0 0; background-color: #90F; }
/* All Levels */
#nav ul { position: absolute; width: 150px; top: 42px; left: -10000px; padding: 0 0 0 0; }
#nav li.over { z-index: 999; }
#nav span { display: block; cursor: pointer; white-space: nowrap; text-transform: uppercase; }
#nav li ul span { white-space: normal; }
#nav li li.parent { }
/* 0 Level */
#nav li { position:relative; float: left; width: 150px; list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; text-align:center; }
#nav a { display: block; padding: 8px 0 8px 0; color: #66339A; font-weight: bold; border-top: 8px solid #b293cb; }
#nav > li.active > a, #nav > li.over > a, #nav li.parent > a:hover { border-top: 8px solid #66339A; }
#nav li.active a, #nav li.over a, #nav a:hover { color: #f8de25; text-decoration: none; }
/* 1st Level */
#nav li ul { border-top: 1px solid #66339A; padding: 0 0 10px 0; }
#nav li ul li, #nav ul li.active { float: none; margin: 0 0 0 0; padding: 4px 0 4px 0; padding-bottom: 1px; background: #b293cb; text-align:left; border: none; }
#nav li ul li.over { }
#nav li ul li.last { padding: 0 0 10px 0; }
#nav li ul li.expanded, #nav ul li.collapsed { background: #b293cb; }
#nav li ul a, #nav ul a:hover { float: none; padding: 0; background: none; border: none; }
#nav li ul li a { font-weight: normal !important; background: none !important; }
/* Show Menu */
#nav li.over > ul { left: 0; }
#nav li.over > ul li {  width: inherit; }
#nav ul li a { font-size: 12px; color: #66339A !important; padding: 0 10px 0 10px; }
#nav ul li a:hover { color: #f8de25 !important; padding: 0 10px 0 10px; }
#nav ul span, #nav ul li.last li span { padding: 3px 0 4px 0; }

.header-logo-block { background: #FFF; }
.header-logo-block .logo { float: left; padding: 20px 0 20px 30px; }
.header-logo-block .header-image { float: right; }
/*****************************************************************************************************************/

/* CONTENT ********************************************************************************************************/
.content { border-top: 8px solid #f8cc40; border-bottom: 8px solid #f8cc40; background-color: #fdf0c5; }
.content .block-menu { padding: 10px 50px 0 50px; }
.content .block-menu ul { list-style: none; padding: 0; }
.content .block-menu li { float: left; padding: 0 5px 0 0; color: #b293cb;}
.content .block-menu a { color: #b293cb; }
.content .block-menu li a:hover, .content .block-menu li.active a  { text-decoration: none; color: #66339A;  }
.content .block-content { padding: 20px 50px 20px 50px; }
.content a.block-join { border: solid 3px #f8cc40; text-align:center; padding: 10px 25px 10px 25px; display:block; cursor: pointer; }
.content a.block-join span { color: #b293cb; font-size: 18pt; font-weight: bold; }
.content a.block-join:hover { border: solid 3px #66339A; text-decoration: none; }
.content a.block-join:hover span { color: #66339A; }
/*****************************************************************************************************************/

/* CONTENT ********************************************************************************************************/
.footer { background-color: #b293cb; padding: 10px 0 10px 0; margin: 0 0 20px 0; }
.footer h2 { text-align: center; color: #66339A; font-size: 14px; padding: 0; }
/*****************************************************************************************************************/