@charset "utf-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:#666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;
}
h1 { font:24px bold, "Bradley Hand ITC", Geneva, Arial, Helvetica, sans-serif; }
h2 { font:20px bold, "Bradley Hand ITC", Geneva, Arial, Helvetica, sans-serif; }
.small { font-size:10px; }


.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: black url(images/bg_bronya.jpg) fixed top center no-repeat;
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:450px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
}
.oneColFixCtrHdr #footer .zyenweb { color:#999999; }
.oneColFixCtrHdr #footer .zyenweb a { color:#ff93f6; }
.clearfloat { clear:both; }


a { text-decoration:none; }
a:hover { text-decoration:underline; }

div { text-align:justify; }
#fltlft { float:left; }
#fltrt { float:right; }
#home_main { /* this is for homepage - the main welcome section */
	width:450px;
	padding:5px 10px;
}
#home_sections { /* this is for the 4 main sections */
	width:452px;
	font-size:10px;
	margin-bottom:20px;
}
#home_sections div { text-align:left; }
#home_event { /* this is for homepage - latest event section */
	width:110px;
	margin-right:10px;
	padding:5px 10px;
}
#home_dance { /* this is for homepage - dance selection section */
	width:110px;
	margin-right:10px;
	padding:5px 10px;
}
#home_links { /* this is for homepage - quick links section */
	width:110px;
	margin-right:10px;
	padding:5px 10px;
}
#home_contact { /* this is for homepage - latest event section */
	width:130px;
	margin-right:10px;
	padding:5px 10px;
}

#sub_menu { /* division for subpage - top menu */
	width:450px;
	margin:0 0 10px 0;
}
#sub_menu .menu {
	margin:0 10px 0 0;
	width:86px;
	padding:1px 5px;
	text-align:left;
	font-size:9px;
}
#sub_menu .menu ul, #home_sections div ul { padding:0 12px; margin:2px; }
#sub_main { /* main content section for the sub page */
	width:425px;
	padding:5px 10px;
}
#home_main, #sub_main {
	background:#898989 url(images/boxbg_grey.jpg) bottom repeat-x; 
	border-left:2px solid #6b6b6b;
	border-right:2px solid #6b6b6b;
	color:white;
}
#home_main a, #sub_main a {
	color:yellow;
}
#home_main_top {
	background:url(images/boxbg_grey_top.gif) no-repeat;
	height:12px;
	width:474px;
}
#home_main_bottom {
	background:url(images/boxbg_grey_bottom.gif) no-repeat;
	height:12px;
	width:474px;
	margin-bottom:20px;
}
#sub_main_top {
	background:url(images/boxbg_grey_top_sub.gif) no-repeat;
	height:12px;
	width:450px;
	margin-top:20px;
}
#sub_main_bottom {
	background:url(images/boxbg_grey_bottom_sub.gif) no-repeat;
	height:12px;
	width:450px;
}
#home_event, #sub_event {
	border-left:2px solid #6b6b6b;
	border-right:2px solid #6b6b6b;
}
#home_event, #sub_event, #home_event a, #sub_event a { color:#1c5c19; }
#home_event { background:#caffba url(images/boxbg_green.jpg) bottom repeat-x; }
#sub_event { background:#caffba url(images/boxbg_green_100.jpg) bottom repeat-x; }
#home_event_top {
	background:url(images/boxbg_green_top.gif) no-repeat;
	height:12px;
	width:134px;
}
#home_event_bottom {
	background:url(images/boxbg_green_bottom.gif) no-repeat;
	height:12px;
	width:134px;
}
#sub_event_top {
	background:url(images/boxbg_green_top_100.gif) no-repeat;
	height:12px;
	width:100px;
	padding:0; margin:0;
}
#sub_event_bottom {
	background:url(images/boxbg_green_bottom_100.gif) no-repeat;
	height:12px;
	width:100px;
	padding:0;
}
#home_dance, #sub_dance {
	background:#fc98bb url(images/boxbg_red.jpg) bottom repeat-x;
	border-left:2px solid #6b6b6b;
	border-right:2px solid #6b6b6b;
}
#home_dance, #sub_dance, #home_dance a, #sub_dance a { color:#760724; }
#home_dance_top {
	background:url(images/boxbg_red_top.gif) no-repeat;
	height:12px;
	width:134px;
}
#home_dance_bottom {
	background:url(images/boxbg_red_bottom.gif) no-repeat;
	height:12px;
	width:134px;
	margin-bottom:10px;
}
#sub_dance_top {
	background:url(images/boxbg_red_top_100.gif) no-repeat;
	height:12px;
	width:100px;
}
#sub_dance_bottom {
	background:url(images/boxbg_red_bottom_100.gif) no-repeat;
	height:12px;
	width:100px;
}
#home_links, #sub_links {
	background:#98b9fc url(images/boxbg_blue.jpg) bottom repeat-x;
	border-left:2px solid #6b6b6b;
	border-right:2px solid #6b6b6b; 
}
#home_links, #sub_links, #home_links a, #sub_links a { color:#020059; }
#home_links_top {
	background:url(images/boxbg_blue_top.gif) no-repeat;
	height:12px;
	width:134px;
}
#home_links_bottom {
	background:url(images/boxbg_blue_bottom.gif) no-repeat;
	height:12px;
	width:134px;
}
#sub_links_top {
	background:url(images/boxbg_blue_top_100.gif) no-repeat;
	height:12px;
	width:100px;
}
#sub_links_bottom {
	background:url(images/boxbg_blue_bottom_100.gif) no-repeat;
	height:12px;
	width:100px;
}
#home_contact, #sub_contact {
	border-left:2px solid #6b6b6b;
	border-right:2px solid #6b6b6b;
}
#home_contact, #sub_contact, #home_contact a, #sub_contact a { color:#895f04; }
#home_contact { background:#f8ffba url(images/boxbg_yellow.jpg) bottom repeat-x; }
#sub_contact { background:#f8ffba url(images/boxbg_yellow_100.jpg) bottom repeat-x; }
#home_contact_top {
	background:url(images/boxbg_yellow_top.gif) no-repeat;
	height:12px;
	width:154px;
}
#home_contact_bottom {
	background:url(images/boxbg_yellow_bottom.gif) no-repeat;
	height:12px;
	width:154px;
}
#sub_contact_top {
	background:url(images/boxbg_yellow_top_100.gif) no-repeat;
	height:12px;
	width:100px;
}
#sub_contact_bottom {
	background:url(images/boxbg_yellow_bottom_100.gif) no-repeat;
	height:12px;
	width:100px;
}

#team { padding:5px; border:1px dashed #CCCCCC; margin-bottom:5px; }
#team img { margin:5px; }

#cboxdiv { padding-top:20px; clear:both; }