@charset "UTF-8";

/* CSS - RESET-FONTS.css - YUI (Yahoo) CSS Library */
	
	html{color:#000;background-color:#191e22;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;font-variant:normal;}
	sup{vertical-align:text-top;}
	sub{vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	input,textarea,select{*font-size:100%;}
	legend{color:#000;}
	del,ins{text-decoration:none;}
	body{font:13px/1.231 "Trebuchet MS", Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
	select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
	table{font-size:inherit;font:100%;}
	pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
	.clear{clear:both;}
	.left{float: left;}
	.right{float: right;}

/* CSS - global.css - Custom CSS for Step South Dance Studio */

body{background-image:url(/images/bg_color.jpg); background-repeat:repeat;}
h1, h2, h3, h4, h5, h6, p {color: #FFF;}
h2{font-size: 150%; margin: 0 0 5px 0; letter-spacing: .1em;}
h6{font-size: 90%; line-height: 1.75em; font-weight:bold; text-transform:uppercase;}
h6 a {color: #CCC; text-decoration:none; }
h6 a:hover, h6 a:active {color: #60BDFE;}
p{font-size: 100%; line-height: 1.75em; font-weight:normal; margin: 0 0 1em 0;}
blockquote {padding: 0 40px 0 40px;}
img.left {border:solid 3px #fff; margin: 8px 20px 10px 0;}
img.right {border:solid 3px #fff; margin: 0 0 20px 20px;}
#page_wrapper{width: 100%; height: 100%;}
#header_bg{background-image: url(/images/header_bg.jpg); background-repeat:repeat-x; width: 100%; height: 219px;}
#header_container{width:890px;height:219px;margin:0 auto;}
#header_dancer{background-image:url(/images/dancer.jpg); background-repeat:no-repeat; width:269px;height:174px; float: left; margin: 0 0 0 70px; text-indent: -9999px;}
#header_links{float:left; width:250px; margin: 10px 0 0 0;}
#header_links li {font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 77%; line-height: 1.75em; font-weight:bold; color:#FFF; text-align:right; text-transform:uppercase; }
#header_links li a:link,  #header_links li a:visited {color: #FFF; text-decoration:none;}
#header_links li a:hover, #header_links li a:active {color: #FFC; text-decoration:none;}
#header_logo{background-image:url(/images/logo.jpg); background-repeat:no-repeat; width: 193px; height:174px; float: right; margin: 0 106px 0 0; text-indent: -9999px;}
#header_reflections{background-image:url(/images/reflections.jpg); background-repeat:no-repeat; width: 870px; height: 45px; clear: both; margin: 0 auto;}

h1.about, h1.class_info, h1.registration, h1.calendar, h1.other_links, h1.photo_gallery, h1.contact{ background-repeat:no-repeat; height: 45px; text-indent: -9999px;}
h1.about{background-image: url(/images/header_about_ssd.png);}
h1.class_info{background-image: url(/images/header_class_info.png);}
h1.registration{background-image: url(/images/header_registration.png);}
h1.contact{background-image: url(/images/header_contact.png);}
h1.calendar{background-image: url(/images/header_calendar.png);}
h1.other_links{background-image: url(/images/header_other_links.png);}
h1.photo_gallery{background-image: url(/images/header_photo_gallery.png);}
.dashed_line{background-image: url(/images/dashed_line.png); height:3px; width: 580px; margin: 0 0 20px 0;}
.dashed_line_sm{background-image: url(/images/dashed_line.png); height:3px; width: 180px; margin: 0 0 20px 0;}

#content_wrapper{width: 890px; margin: 0 auto;}
#content_left{width: 600px; float: left;}
#content_right{width: 250px;float: right;}
#nav_wrapper{width: 600px; float: left; display: block; height:30px; margin: 0px; padding: 0px;}
#nav_wrapper ul{margin: 0; padding: 0;}
#nav_wrapper ul li{list-style-type: none; display: inline;}
#nav_wrapper ul li a{text-decoration: none; text-indent:-9999px; float: left; margin: 0px; height: 30px; padding:0px; display: block;}

#nav_wrapper li.item1 a{width: 120px; background: url(/images/about_ssd.png) no-repeat top left;display: block; float: left;}
#nav_wrapper li.item1 a:hover, #nav_wrapper li#current.item1 a {width: 120px; background: url(/images/about_ssd.png) no-repeat bottom left;display: block;}

#nav_wrapper li.item2 a{width: 120px;background: url(/images/class_info.png) no-repeat top left;display: block;float: left;}
#nav_wrapper li.item2 a:hover, #nav_wrapper li#current.item2 a {width: 120px; background: url(/images/class_info.png) no-repeat bottom left;display: block;}

#nav_wrapper li.item3 a{width: 120px; background: url(/images/registration.png) no-repeat top left;float: left;}
#nav_wrapper li.item3 a:hover, #nav_wrapper li#current.item3 a {width: 120px; background: url(/images/registration.png) no-repeat bottom left;}

#nav_wrapper li.item4 a{width: 120px; background: url(/images/calendar.png) no-repeat top left;}
#nav_wrapper li.item4 a:hover, #nav_wrapper li#current.item4 a {width: 120px; background: url(/images/calendar.png) no-repeat bottom left;}

#nav_wrapper li.item5 a{width: 120px; background: url(/images/other_links.png) no-repeat top left;}
#nav_wrapper li.item5 a:hover, #nav_wrapper li#current.item5 a {width: 120px; background: url(/images/other_links.png) no-repeat bottom left;}

#step_south_dance{background-image:url(/images/step_south_dance.jpg); width: 600px; height: 47px; margin: 10px 0;float: left;}
#main_image, #small_image, #main_content, #small_main_image {width: 580px;  float: left; padding: 10px;}
#main_image{/*background-image:url(/images/large_image.jpg);*/ height: 356px;}
#small_image{background-image:url(/images/small_image.jpg); height: 212px;}
#small_main_image{height: 174px;}
#main_content{}
#main_content p a:link {color: #60BDFE; text-decoration:none; }
#main_content p a:hover {color:#fff; text-decoration:none;}
#main_content ul {padding: 0 0 0 35px;}
#main_content ul li {color: #FFF; list-style-type:circle; padding: 0;}
#main_content h5 {color: #60BDFE; font-size: 125%; font-weight:bold; text-transform: lowercase; padding:0;}
.table_left{}
td p, td h3, td h4, #main_content h3{padding: 10px; }
td p {padding: 0 10px 0 30px;}
td h3, #main_content h3 { font-size: 125%;color: #191e22; background-color:#60BDFE; font-weight:bold;}
#main_content h3.small { font-size: 90%; } 
#main_content h3.small a {color: #fff; text-decoration:none;}
td h4 { color: #60BDFE; text-transform:uppercase; padding: 10px;}
td h5 { color: #60BDFE; font-size: 175%; font-weight:bold; text-align:center;margin:5px 0;}
th .class_fees, #main_content .class_fees {font-size: 100%;color: #191e22; background-color:#60BDFE; font-weight:bold;padding: 3px 0 3px 10px;}
#table_style{width: 540px; margin: 0 auto;}

#sidebar_wrapper{width: 240px; height: auto; float: right; margin: 0 5px 0 0;}

.tab_content_left, .tab_content_right{background-image:url(/images/tab_content_borders.jpg);width: 13px; height: 370px;}
.tab_content_left {float:left; background-position: left top;} 
.tab_content_right {float: right; background-position: right top;}
.tab_content_bttm{background-image:url(/images/tab_content_bttm.jpg); background-repeat:no-repeat; width: 240px; height: 14px;}
.tab_content_wrapper{padding: 10px; height: 350px; width:194px; float: left; color: #14171a;}
p.tab_content_para{color: #14171a; font-size: 85%; letter-spacing:.035em; line-height:1.7em;}
p.tab_content_para a:link, p.tab_content_para a:hover, p.tab_content_para a:active, p.tab_content_para a:visited {color: #60BDFE; text-decoration:none; font-weight:bold;}
p.tab_content_para a:hover {color: #191e22;} 
h3.tab_content_h3 {width: 100%; display: block;font-size: 117%; color: #14171a; font-weight:bold; border-bottom: solid 1px #14171a; padding: 0 0 5px 0; margin: 0 0 10px 0;}
h6.tab_content_h6 a:link, h6.tab_content_h6 a:hover, h6.tab_content_h6 a:active, h6.tab_content_h6 a:visited{color: #191e22; text-decoration:none; font-weight:bold;}
h6.tab_content_h6 a:hover {color: #60BDFE;} 
/* CSS - layout.css - Layout */

/* REGISTRATION FORM */

#frmRegistration{ width: 100%;}
#frmRegistration legend{ color:#fff; font-size: 127%; font-family: Verdana, Geneva, sans-serif; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; top: -5px; background-color: #283239; }
#frmRegistration p{font:Verdana, Geneva, sans-serif; font-size: 85%;}
#frmRegistration label, #frmRegistration p .label_bold{font-weight: bold;}
#frmRegistration .label_regular { font-weight: normal; color: #FFF; }
#frmRegistration fieldset{margin: 0 0 20px 0;  background-color: #283239; padding: 10px 10px 20px 10px;}
.text, textarea{color:#191e22; background-color: #60BDFE; width: 175px; padding: 2px; margin: 3px 4px 3px 4px;}
textarea { width: 100%; margin: 3px 0 3px 0;}
#frmRegistration #address.text{width: 400px;}
#frmRegistration #state.text {width: 30px;}
#frmRegistration #home_phone.text, #frmRegistration #cell_phone.text, #frmRegistration #mothers_work_phone.text, #frmRegistration #fathers_work_phone.text, #frmRegistration #contact_number.text, #frmRegistration #date_of_birth.text, #frmRegistration #current_grade.text, #frmRegistration #zip_code.text{width: 85px;}


.boxes_bttn { color: #fff; font-weight: bold; font-size: 115%; line-height: 135%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #191e22; padding: 4px; border: dotted 1px #333; margin-right: 5px; margin-top: 2px; }
.boxes_bttn a:hover {color:#191e22; background-color: #60BDFE;}