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

body {background-color:#00deff; /*background-color:white;*/ margin:0px; padding:0px; font-family:Arial; font-size:12pt;}

img {border:none;}
.float_left {float:left; padding-right:15px;}
.float_right {float:right; padding-leftt:15px;}


h1 {font-family:"Trebuchet MS"; font-size:1.6em; color:#0584d6;}
h2 {font-family:"Trebuchet MS"; font-size:1.4em; color:#0584d6;}


div#kidscreations_website_background {width:950px; background-color:white; margin:0px auto; text-align:left;}

div#art_studio_banner {width:950px; height:149px; margin:0px auto;}

.global_msg {float:right;text-align:right;margin:25px 20px 0px 20px; font-size:1.4em;color:white;}

.sales_number {font-family:'Century Gothic';font-size:1.5em;font-weight:normal;}

div#nav_wrapper {}
		div#main_nav_bar {width:930px; height:30px; color:white; margin:0px auto; padding: 0px; background-color:#115711;padding-left:20px;}

div#main_sales_area {width:610px; height:140px;padding:0px 20px 0px 30px;margin-bottom: 70px;}
div#main_sales_area p {font-size:1.4em;}

div#left_column {width:660px; padding:10px 0px 30px 30px;}

div#workshop h2 {font-size:1.2em}

.whats_new {margin-left:30px;}
.arrow_bullet {float:left;}

ul.kitcontents {list-style-type:none;margin-top:3px;margin-left:0px; padding: 0px;}
ul.kitcontents li {margin-left:0px; padding:0px;}

div#right_column {float:right; width:250px; padding-top:20px;}

div#footer {clear:both; width:950px; height:130px; /*border-top:20px solid #e9f0ff;*/ border-top:20px solid white; background-color:#d4eaff; color:black;}
div#footer a {color:black}

/*============================= Navigation ================================*/		

#nav, #nav ul {padding:0px; margin:0px; list-style:none;}
#nav a {display:block; text-decoration:none; color:white;}
#nav a.mainmenu {display:block; height:25px; padding:5px 0px 0px 10px;}
#nav #currentpage a.mainmenu {color:black; background-color:#0aa73a; display:block; height:25px; padding:5px 0px 0px 10px;}
#nav a.mainmenu:hover {display:block; color:black; cursor:pointer;background-color:#aaffc4;}
#nav #currentpage a.mainmenu:hover {display:block; color:black; font-weight:normal; cursor:default;}
#nav ul.submenu a {display:block; width:164px; height:25px; color:black; padding:5px 0px 0px 5px;background-color:#fbfaf5;}
#nav ul.submenu a:hover {background-color:#ffd2a6;}
	ul.submenu a {border:1px solid #5b5b5b; border-top:none; border-bottom:none;}
		li.bottomitem a {border:1px solid #5b5b5b; border-top:none;}

#nav li {float:left; width:100px;}
#nav li ul {position:absolute; width:100px; left:-999em;}
#nav li:hover {background-position:0 0;}
#nav li:hover ul {left:auto;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}

/*========= Art Programs Style ========== */

label {margin-left:10px;}

input {margin-left:10px;}

td.twoinarow {width:255px; text-align:left;}

td.label {padding-left:10px; vertical-align:middle; text-align:right;}

.timeslot {margin-left:10px;}
.price {margin-left:10px; margin-top:5px;}
.agegroup {margin-left:10px; margin-bottom:5px;}
.price {display:none;}

input.long {width:250px;}
input.medium {width:150px;}
input.short {width:50px;}

table#results td {border: 1px solid #CADBFF; padding-left:5px;}
table#results td.label {vertical-align:middle; text-align:right; width:120px; background-color:#CADBFF;}

table#costs td {border: 1px solid #CADBFF; padding-left:5px;}
table#costs td.label {vertical-align:middle; text-align:right; width:150px; background-color:#CADBFF;}

/*========== Birthday Programs Style ========== */

.step {background-color:#f0f9ff; border:3px solid #389bdb; width:610px; padding:20px; margin-bottom:10px;font-size:11pt; font-family:'Trebuchet MS';}

.step h1 {margin:0px; color:#178dd8;}

.choice_column {float:right; width:300px; margin-top:-15px; font-size:10pt; font-family:Arial, Helvetica, sans-serif;}

.step h2 {font-family:'Trebuchet MS'; font-size:20pt; color:#178dd8; margin-top:0px;}

.step ul {margin-top:-10px;}

.inputform {margin-top:20px;}

.label {text-align:right; font-family:'Trebuchet MS'; font-size:12pt; color:#178dd8; padding-left:10px; vertical-align:middle; width:170px;}

label {margin-left:10px;}

.timeslot {margin-left:10px;}

.price {margin-left:10px; margin-top:5px;}

.agegroup {margin-left:10px; margin-bottom:5px;}

.nextstepbutton {margin-top:10px;}

.inputform {width:670px;}

td.data {width:500px;}

.warning {width:530px;}

input.long {width:250px;}

input.medium {width:150px;}

input.short {width:50px;}

table#results td {border: 1px solid #CADBFF;padding-left:5px;}

table#results td.label {vertical-align:middle; text-align:right; width:120px; color:blue; background-color:#CADBFF;}

table#costs td {border: 1px solid #CADBFF; padding-left:5px;}

table#costs td.label {vertical-align:middle;text-align:right;width:150px;color:blue;background-color:#CADBFF;}
