* { 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;*/ width: 128px; 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: 128px; 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; }

/*****************************************************************************************************************/