/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/

.enableJS 										{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
.left 											{float:left;}
.right 											{float:right;}
.half											{width:49%;}
.spacer 										{clear: both;}
.textcenter 									{text-align:center;}
.textleft 										{text-align:left;}
.textright 										{text-align:right;}
.pad5 											{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th												{color: #000000; width: 200px; text-align: center}
td												{}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 										{width: 530px; padding: 20px; float: left;}
.auto_form .form_input 					{float: left; border: 1px solid #000000;}
.auto_form .form_input-highlighted 	{float: left; border: 1px solid #000000;}
.auto_form div.row span.label_col 		{color: #000000; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;}
.auto_form div.row span.input_col 	{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;}
.auto_form input[type='button'] 		{width: 200px; color: #000000; margin-left: 220px;}
.auto_form input[type='password'] 	{width: 200px;}
.auto_form select 								{float: right;}
.auto_form textarea 							{font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.auto_form .submit_div 					{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend					{margin-left: 50px; font-weight: bold; font-size: 16px;}
.left {float: left;}
.width-100 {width: 100px;}
/*#email {width:500px;}*/
#postal_number {width:500px;}
#preferred_badge_name {width:500px;}
.contact_form div.row input#email {width:208px;}
.contact_form div.row input#name {width:208px; margin-bottom:10px;}
.input_col {width:110px;}
.reg_form .input_col {width:auto;}


/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
/**define your sites layout style here**/
html {padding:0; margin:0; font-family:tahoma;}
.container {width:600px;}
body {background:url(images/bg.jpg) repeat-x #007BC3; color:#fff; font-size:14px; padding:0; margin:0; font-family:tahoma; font-weight:normal;}
.masthead {width:950px; height:258px; background:url(images/header.jpg) no-repeat; padding:0; margin:0; margin-bottom:32px;}
.wrapper {margin-left:auto; margin-right:auto; width:950px;}
.main {width:950px;}
.special {font-size:30px;}
.label_col {float:left; font-family:tahoma;}
.input_col {float:left; margin-right:10px; font-family:tahoma;}
.total {margin-top:10px;margin-bottom:10px; font-size:18px;}
.total {height:30px; background:#2D91C5; border:1px solid #64AFD7; padding-left:5px; margin-bottom:5px; padding-top:5px; color:#fff; width:580px; float:left; margin-right:5px;}
.workshop_div {margin-bottom:10px; margin-top:10px;}
h1 {font-family:tahoma; font-weight:normal; font-size:25px; padding:0; margin:0; margin-bottom:5px;}
h3 {font-family:tahoma; font-weight:normal; font-size:18px; padding:0; margin:0; margin-bottom:5px;}
h4 {font-family:tahoma; font-weight:normal; font-size:16px; padding:0; margin:0; margin-bottom:5px;}
a {color:#FFF200; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}
.yellow {color:#FFF100;}
.spacing {height:10px;}
.row {float:left; width:175px; margin-bottom:10px;}
.field_one {float:left; width:200px;}
.field_two {float:left; width:200px;}
.field_three {float:left; width:200px;}
.read_more {font-size:12px;}
.contact_form div.row {float:none; width:auto;}
.contact_form div.print {display:none;}
.contact_form div.row .label_col {float:left; width:150px;}
.contact_form div.input_col {float:left;}
td a {color:#FFF200; text-decoration:none;}
td a:hover {color:#fff; text-decoration:none;}
.bigger {font-size:18px; color:#FFF100;}
.left_foot_menu {float:left; width:200px; }
.middle_foot_menu {float:left; width:200px;  }
.right_foot_menu {float:left; width:200px; }
.input_col_capthca {text-align:center; float:left; font-family:tahoma;}
.label_col_capthca {float:left; width:150px; font-family:tahoma;}
.foot {height:211px; background:url(images/footbg.jpg) repeat-x; padding-top:5px;}
p {line-height:25px; text-align:justify;}
.download_link {height:25px; background:#2D91C5; border:1px solid #64AFD7; padding-left:5px; margin-bottom:5px; padding-top:5px; color:#fff; width:280px; float:left; margin-right:5px;}
.download_link a {color:#fff;}
.download_link a:hover {color:#FFF100;}
.left_ball {float:left; width:250px; padding-left:50px;}
.right_kick {float:left; width:600px;}
.bottom_foot {text-align:center;font-size:10px; color:#00A2DE;}
.bottom_foot a {color:#00629D;}
.alpha {list-style-type:lower-alpha;}
.input_col_capthca input {width:208px;}
.left_foot {float:left; margin:30px 40px 30px 0px; border-right:1px dashed #00A2DE; padding-right:40px;}
.leftcol {width:260px; float:left; margin-right:30px; border-right:1px dashed #00A2DE; padding-right:30px;}
.midcol {width:620px; float:left;}
.flash_header {margin-bottom:10px;}
.flash_ball {border-bottom:1px dashed #00A2DE; padding-left:50px; padding-bottom:20px;}
.box-content a.last {border-bottom:none;}
.submit_div {float:left; margin-right:10px; }
.print {float:left;}
.sponsor {height:40px; border-bottom:1px dashed #00A2DE; margin-top:10px; padding-bottom:10px; float:left; width:300px; margin-right:10px;}
.sponsor_img {float:left; width:100px; margin-right:10px; height:40px; padding-top:2px;}
.sponsor_name {font-size:18px; color:#ACD6F5;}
.sponsor_details {float:left;}


.worshop_details {padding:10px 0;}
.workshop_number {display:block; float:left; margin-right:10px; width:10px; color:#FFF100;}
.workshop_info {display:block; float:left; width:590px; }

.workshop_info_title {float:left; display:block; width:240px; margin-right:15px; font-weight:bold;}
.workshop_info_title_desc {float:left; display:block; width:300px;}

.main_time {color:#FFF100; display:block; float:left; width:100px; margin-right:10px;}
.time {float:left; display:block; margin-right:10px; width:100px;}
.prog_info {display:block; float:left; width:380px;}
.main_info {float:left; width:500px;}

.box-content a:hover.last {border-bottom:none;}
.right_foot {padding-top:30px; float:left; width:610px;}
.right_foot a {background:url(images/footLinks.jpg) no-repeat 3px 4px; padding-left:20px; display:block; width:140px; float:left; margin-bottom:7px; color:#00629D; font-size:12px; text-decoration:none;}
.main_foot {width:950px; margin-left:auto; margin-right:auto;}
.main_foot p {margin:0; text-align:center; color:#00629D;}
.main_foot p a { color:#00629D;}
.box-content a {border-bottom:1px dashed #00A2DE; display:block;  margin-top:15px; padding-bottom:15px; color:#FFF100; font-size:16px; text-decoration:none; padding-left:25px; background:url(images/menu.jpg) no-repeat 0px 5px;}
.box-content a:hover {border-bottom:1px dashed #00A2DE; display:block;  margin-top:15px; padding-bottom:15px; color:#FFF; font-size:16px; text-decoration:none; padding-left:25px; background:url(images/menuOver.jpg) no-repeat 0px 5px;}

.gallery {
	list-style:none;
	margin:0; padding:0;
}

.gallery li {
	display:inline;
}

.gallery a img {
	border:2px solid #3399FF;
}

.gallery a:hover img {
	border:2px solid #FFF100;
}

/* NAVIGATION
*/

.nav {
	list-style:none;
	margin:0;
	padding:0;
}

.nav li a {
	display:block;
	padding-top:15px; 
	padding-bottom:15px;
	padding-left:25px; 
	color:#FFF100; 
	font-size:16px; 
	text-decoration:none;  
	background:url(images/menu.jpg) no-repeat 0px 20px;
	border-bottom:1px dashed #00A2DE;
	outline:0;
}
.nav li a:hover {
	color:#FFF; 
	background:url(images/menuOver.jpg) no-repeat 0px 20px;	
}


.nav_sub {
	display:none;
	position:absolute;
	list-style:none;
	margin:-50px 0 0 260px;
	padding:0;
	background:#ECF5FB;
	width:186px;
}
.nav_sub li {
	margin:0;
	margin:5px 0 5px 0;
	padding:0 15px;
}
.nav_sub li a {
	display:block;
	background:none;
	padding:5px 0 12px 0;
	color:#529ebf; 
	font-size:15px; 
	text-decoration:none;
	border-bottom:1px solid #DDD;
}
.nav_sub li a:hover {
	color:#356189;
	background:none;
}
.nav_sub li.last a {
	border:none;
}

.nav_sub li.first {
	background:url(images/subnav-top.jpg) top left no-repeat;
	margin:0;
	padding-top:5px;
}
.nav_sub li.last {
	background:url(images/subnav-bottom.jpg) bottom left no-repeat;
	margin:0;
	padding-bottom:5px;
}

/* LISTS
*/

ul.lists {
	margin:0 0 0 15px;
	padding:0;
}

ul.lists li {
	padding:4px 0 4px 0;
	line-height:18px;		
}

/* BOXES
*/

.box-yellow {
	width:593px;
	color:#00619D;
	background:#FFF100;
}

.box-yellow-top {
	width:593px;
	height:51px;
	background:url(images/box-yellow-top.jpg) no-repeat;
}

.box-yellow-top h1 {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:15px 0 5px 0;
	border-bottom:2px dashed #FFF;
}

.box-yellow-content {
	padding:0 20px;
	line-height:20px;
}

.box-yellow-bottom {
	width:593px;
	height:38px;
	background:url(images/box-yellow-bottom.jpg) no-repeat;	
}

#update-bubble {
	z-index:99;
	position:fixed;
	top:0;
	right:0;
	width:194px;
	height:196px;
	background:url(images/bubble.png) no-repeat;
}


/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/

/**************************************************************************************************
***************************************************************************************************
DIALOGS: FACEBOX
***************************************************************************************************
***************************************************************************************************/
#facebox .b 																						{background:url(images/b.png); }
#facebox .tl 																						{background:url(images/tl.png); }
#facebox .tr 																						{background:url(images/tr.png); }
#facebox .bl 																						{background:url(images/bl.png); }
#facebox .br 																						{background:url(images/br.png); }
#facebox 																							{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 																				{position: relative; }
#facebox table 																					{border-collapse: collapse; }
#facebox td 																						{border-bottom: 0; padding: 0; }
#facebox .body 																					{background: #2D91C5; width: 370px; }
#facebox .body .content h1																{padding: 5px; padding-left: 10px; font-size: 18px; background: #64AFD7; color: #FFF100;}
#facebox .body .content p																	{padding: 5px; font-size: 12px; margin: 5px; color:#fff;}
#facebox .body .content li																	{font-size: 12px; margin-left: 15px; color:#fff;}
#facebox .loading 																				{text-align: center; }
#facebox .image 																				{text-align: center; }
#facebox img 																					{border: 0; margin: 0; }
#facebox .footer 																				{padding-right: 5px; padding-top: 0px; text-align: right; height: 28px; background: #64AFD7; margin-top: 10px;}
#facebox .foot .close																			{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 						{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 																				{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 																				{z-index:-100; }
.facebox_overlayBG 																			{background-color: #000; z-index: 99;}
* html #facebox_overlay 																	{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 									{}
.pagenav .previous 					{float:left;}
.pagenav .pages 						{float:right; margin:0 1em;}
.pagenav .next 							{float:right;}

/**************************************************************************************************
***************************************************************************************************
SHOPCART
***************************************************************************************************
***************************************************************************************************/
.shopcart_form 										{}
.shopcart_form .form_input 					{}
.shopcart_form .form_input-highlighted {}
.shopcart_form div.row span.label_col 	{float: left;	width: 0;}
.shopcart_form div.row span.input_col 	{float: left;}
.shopcart_form .spacer 							{}
.listDisplay .totcell 									{border:1px solid #000000; background-color:#eeeeee; text-align:right; font-weight:bold;}
.clearCart 												{text-align:center;}
.checkout 												{margin:10px; padding:10px; border:5px solid #000000;}
.declined 												{margin:10px; 	padding:10px; border:2px solid #000000;}
.approved 												{margin:10px;	padding:10px; border:2px solid #000000;}

/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 											{cursor: pointer; margin-left: 1px; vertical-align: middle;}
div#tcal 												{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 									{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 											{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 											{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 						{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 							{border: 0; border-collapse: collapse; padding: 0;}