@charset "utf-8";
/* CSS Document */

/* General */
html {height:100%;}
body { font-family: 'Open Sans', Arial, sans-serif;  background: #F7F7F7 url(../img/bg_2.png) center 300px no-repeat; }

/* Top */

#container-top { background:#8CC63F; background-image:linear-gradient(#8CC63F, #3CB54A);}
#top{  margin:0 auto; width:970px; overflow:auto; color:#FFFFFF; padding:7px 0; font-size:12px; text-shadow:1px 1px 5px #4A7017;}
#top .left{ float:left;}
#top .right{ float:right;}

/* Header */
header {background:white; box-shadow: 0 8px 16px -6px #f2f2f2;}
#header{ margin:0 auto; width:970px; overflow:auto;} 
#header img {display:block;}
#header #logo { float:left; padding:25px 0;}
#header #image { float:right; position:relative;}
#header #image #logos { position:absolute; right:0; bottom:0;}

/* Main | General */
#main { margin:0 auto; width:970px; overflow:auto; }

/* Main | Navigation */
#main #nav { float:left; width:20%;}
#main #nav .inner{ padding:12px 8px; margin:16px 8px 16px 0; height:743px; background:white; box-shadow: 0 8px 6px -6px #ccc; border-radius: 5px;}
#main #nav ul { list-style:none; padding:0; margin:0; font-size:14px;}
#main #nav ul li a{ display:block; border-bottom:solid 1px #f2f2f2; text-decoration:none; padding:9px 12px; transition: all 0.1s; border-radius: 3px; color:#245366;}
#main #nav ul li a:hover { border-color:#B2DDEF; color:#12385C; background:#C8EAF8; padding:9px 12px 9px 16px;}
#main #nav ul li:last-child a{ border:0;}

/* Main | Content */
#main #content{ float:left; width:80%; font-size:14px;}
#main #content .inner{ padding:12px 25px; margin:16px 0 16px 8px; box-shadow: 0 8px 6px -6px #ccc; border-radius: 5px; background: #FFFFFF url(../img/bg-trees.png) no-repeat bottom right; }

.row {overflow:auto;}
.row p{ margin-top:0;}
.row .half{ width:50%; float:left;}
.row .thirty{ width:30%; float:left;}
.row .seventy{ width:70%; float:left;}

.speaker {float:right; margin:10px 0 15px 15px; border-radius: 5px;} 

.box { }
.box a.trigger{ background:#8CC63F; text-shadow:1px 1px 5px #4A7017;color:white; border-radius:3px; padding:5px 10px; cursor:pointer; text-decoration:underline;}
.box a.trigger:hover { background:#7AB230; transition: all 0.2s;}
.box .content {background:#F2FAE6; padding:15px 15px; border:solid 1px #C4E39B; border-radius:3px;}
.box .content p { margin:0;}
.box .content h3{ margin:0 0 7px 0; color:#548117;}

.round{ border-radius:5px;}

/* Main | Styles */

h1{ color:#BE1E2D; font-weight:normal; margin:5px 0 0 0; font-size:36px; letter-spacing:-1px;}
h2.speakers{ color:#BE1E2D; font-weight:normal; margin:5px 0 0 0; font-size:30px; letter-spacing:-1px;}
h2{ color:#8CC63F; font-weight:normal; margin:7px 0 15px 0; font-size:22px; letter-spacing:-1px;}
h3{ color:#BB8632; font-weight:normal; margin:5px 0 15px 0; font-size:18px; letter-spacing:-1px;}
h4{ color:#006599; font-weight:normal; margin:5px 0 15px 0; font-size:17px; letter-spacing:-1px;}
p { font-size:14px; line-height:22px;}
ul{ font-size:14px; line-height:22px;}
em{ color:#548117; font-size:105%;}

hr{ border: 0; height: 1px; background: #f2f2f2; margin:15px 0;}

.row{width:100%; overflow:auto;}

a{ color:#245366;}
a:hover{ color:#000;}
a[href^="mailto"] i{margin:0 0 0 3px; text-decoration:none; color:#999;}

i.blue{color:#12385C; margin:0 3px 0 1px;}

.whatson{ display:inline-block; background:#006599; color:white; transition: 0.2s all; padding:12px; border-radius:3px; font-size:16px; font-weight:bold; float:right; margin:15px 0 15px 15px;}
.whatson img { display:block; margin:0 auto 7px auto; width:100%; border-radoius:3px;}
.whatson:hover{color:white; background:#004061;}

ul#committee {margin:0 0 15px 0; padding:0; list-style:none; overflow:auto;}
ul#committee li { width:50%; float:left; border-bottom:solid 1px #C4E39B; padding:5px 0;}

ul.budget_accommodation{ padding:0; margin:0; list-style:none; overflow:auto;}
ul.budget_accommodation li{ float:left; width:50%; min-height:220px;}
ul.budget_accommodation li h2 {font-size:20px;}

.alert{border-radius:5px; padding:10px 15px 11px 15px; display:block; font-weight:bold; text-align:center; color:#FFFFFF; background:#be1e2d; font-size:18px; margin:7px 0 15px 0;}

/* Buttons */

a.button{ border-radius:5px; transition: all 0.2s; text-align:center; padding:10px 5px; font-size:19px; margin:15px 0; line-height:22px;}
a.button.blue { background:#8CC63F; text-shadow:1px 1px 5px #4A7017; color:white; display:block;}
a.button.blue:hover { background:#7AB230;}
a.button i{margin:0 0 0 5px;}

a.button.red { background:#be1e2d; text-shadow:1px 1px 5px #9d121f; color:white; display:block;}
a.button.red:hover { background:#9d121f;}
a.button i{margin:0 0 0 5px;}

a.button.speaker { width:47%; background:#8CC63F; display:inline-block; text-shadow:1px 1px 5px #4A7017; color:white; float:left;}
a.button.speaker:hover { background:#7AB230;}

/* Tables */

table.table_registration{ margin:0 0 15px 0;}
table.table_registration th{ border-bottom:solid 1px #C4E39B; padding:9px 16px; color:white; background:#8CC63F;  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); font-weight:normal;}
table.table_registration td{ border-bottom:solid 1px #C4E39B; padding:9px 16px;}
table.table_registration td:nth-child(2){text-align:center;}
table.table_registration tr:nth-child(even){ background:#F2FAE6;}

table.table_dates{ margin:0 0 15px 0;}
table.table_dates td{ border-bottom:solid 1px #C4E39B; padding:9px 16px;}
table.table_dates tr.green td{ color:white; background:#8CC63F;}
table.table_dates td:nth-child(2){text-align:center;}
table.table_dates tr:nth-child(even){ background:#F2FAE6;}

table.table_program{ margin:0 0 15px 0; border-collapse:collapse;}
table.table_program td{ border:solid 1px #C4E39B; padding:9px 16px;}
table.table_program tr.break td{background:#F2FAE6; font-style:italic;}

.tour_box { padding:0 17px; margin:0 0 15px 0; background:#F2FAE6; border:solid 1px #C4E39B; border-radius:3px;  }
.tour_box strong { color:#416D06;}
.tour_img { float:right; margin:15px 0 15px 15px; border-radius:3px;}

ul#workshop_descriptions{ list-style:none; padding:0; margin:0;}
ul#workshop_descriptions li { margin:0 0 15px 0;}
ul#workshop_descriptions li h3{ margin:0 0 3px 0; color:#875F1E; text-decoration:none;}
ul#workshop_descriptions li p{ margin:0; text-decoration:underline;}
ul#workshop_descriptions li a { background:#FAF4E9; color:#000; display:block; padding:10px; border:solid 1px #ECDABF; text-decoration:none; border-radius:3px; transition:0.3s all;}
ul#workshop_descriptions li a:hover { background:#F4EAD9;  border:solid 1px #E1CAA7;}