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

* {margin: 0; padding: 0;}

body {
	color: #CCC;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #000;
	margin: 0; padding: 0;
}

p {font-size: .8em;line-height: 1.5em;margin: 0 0 1.3em 0;}

h2 {color: #D1538D;font-size: 1.3em;margin: 0 0 .9em 0;}

h2#page-title {
	color: #EEE;
	font-size: 1.4em;
	line-height:1.5em;
	margin: 0 0 0 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing: -.04em;
}

h3 {
/*	font-family: "Trebuchet MS", "Trebuchet",Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #e6171d;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 .4em 0;
}

h4 {
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}
h5 {
	color: #FFF;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}

hr {border: none;border-top: solid 1px #666;}

a:link {color: #fff96c;}
a:visited {color: #ac9f18;}
a:hover {color: #fff96c;text-decoration: none;}
a:active {color: #fff96c;}

img {border: 0;}

ul, ol {
	margin: .5em 0 1.6em 1.1em;
	padding: 0;
}

ul.section-list {margin-left: 0;}

li {
	font-size: .7em;
	line-height: 1.4em;
	padding: 0 0 0 18px;
	margin: 0 0 .8em 0;
	background:url(../m/li-square.jpg) no-repeat 0px 6px;
	list-style: none;
}

ol li {
	background-image: none;
	list-style-type:decimal;
	list-style-position:inside;
	padding-left: 0;
	margin-left: 18px;
}

li ul, li ol {margin: 6px 0 12px 18px;}
li ul li, li ol li {font-size: .97em;}

li ul li {/*background-image:url(../m/li-square-blue-open.gif);*/}

li p { font-size: 1em; }


hr {
	margin: 12px 0;
}




form {
	margin: 0;
	padding: 0;
}

div.formCon fieldset {	width: 400px;}
div.formConGroup fieldset {	width: 453px;}
div.formConSm fieldset {width: 430px;}
div.formCon fieldset, div.formConSm fieldset, div.formConGroup fieldset {
	margin: 0 0 24px 0;
	padding: 8px 8px 0 4px;
	border: 0;
	background-color:#333333;
	border: 1px solid #444;
}


/*body#page-quote div.formCon fieldset {
	border: 0;
	background-color:transparent;
}*/

div.formCon div.col1 {margin-right: 18px;text-align: right;	width: 150px;}
div.formCon div.col2 {width: 230px;}
div.formCon div.error {margin-right: 18px;text-align: right; width: 150px; background-color: #F00;}

div.formConSm div.col1 {margin-right: 18px;text-align: right; width: 150px;}
div.formConSm div.col2 {width: 100px;}

div.formConGroup div.col1 {margin-right: 18px;text-align: right; width: 150px;}
div.formConGroup div.col2 {width: 250px;}

div.formCon, div.formConSm h3 {color: #FFF;}

div.formCon div.col1, div.formCon div.col2, div.formCon div.error,
div.formConSm div.col1, div.formConSm div.col2 {float: left;display: inline;}


fieldset {margin: 0;padding: 0;border: 0;}

input, select, textarea {
	font-family: Helvetica,Arial, sans-serif;
}

input.text-input, textarea.text-input, select, .errorField {
	font-size: .7em;
	border: 1px solid #FFF;
/*	border-bottom-color:#000000;
	border-left-color:#000000;*/
	background-color:#DDD;
}

.errorField {
	border: 1px solid #C00;
	background-color:#F79595;
}


table {
	margin: 0 0 16px 0;
	padding: 1px;
	border: 1px solid #333;
}

td, th {
	font-size: .7em;
	padding: 4px;
}

td {
	background-color: #333;
}

th {
	color: #FFF;
	background-color:#666;
}


.errorMsg {
	color: #FFF;
	font-weight:bold;
	background: #432121 url(../m/i-exclamation.gif) no-repeat top left;
	border: 1px solid #703636;
	padding: 8px 8px 8px 28px;
	margin: 0 0 12px 0;
	width: 100%;
}
.errorMsg a {color:#FFCCFF;}
.errorMsg ul, .errorMsg p {margin-bottom: 0;padding-bottom: 0;}
body#page-login .errorMsg,
body#page-shop .errorMsg {width: 378px;}

.noticeWarning {
	color: #C00;	
}
.noticePositive {
	color: #FFF;
	font-weight:bold;
	background: #666 url(../m/i-check.jpg) no-repeat 4px 4px;
	border: 1px solid #aaa;
	padding: 8px 8px 10px 36px;
	margin: 0 0 12px 0;
}
.noticePositive p{margin:0;}

.errorInline {
	color:#C00;
}


/*******************************************************
	_MAIN CONTAINERS
*******************************************************/

div#global {
	width: 960px;
	text-align:left;
	margin: 0 auto;
	padding: 0 0 18px 0;
}


div#main {
	float: left;
	width: 742px;
	margin: 10px 0 16px 20px;
	background: #1C1C1C url(../m/main-top.jpg) no-repeat top left;
}

div#main-btm {
	background: #1C1C1C url(../m/main-btm.jpg) no-repeat bottom left;
	height: 9px;
	font-size:0px;
	line-height:0px;
}

div#main-content {
/*	width:708px;*/
	min-height:180px;
	padding: 15px 12px 15px 22px;
}

div#mainPlain {
	float: left;
	width: 742px;
	margin: 10px 0 16px 20px;
}


body#page-shop div#main-content {
	min-height:254px;
}


div#left {
	float: left;
	width: 166px;
	margin: 0 20px 12px 0px;
}







/*******************************************************
	_TOP
*******************************************************/

div#top {
	position:relative;
	display: block;
	width: 960px;
	height: 134px;
	background:url(../m/bg-top.jpg) no-repeat 193px 0;
	margin: 0 0 10px 0px;
}

body#page-home div#top {
	margin-bottom: 4px;
}

h1 {width: 206px;height: 134px;float:left;position: relative;margin: 0;padding: 0;font-size: .6em;}
h1 span {top: 0px;left: 0px;width: 206px;height: 134px;background: url(../m/logo-atc.jpg) no-repeat top left;position: absolute;z-index:1;}
h1 a {width: 206px;height: 134px;display: block;cursor:pointer;}

/* NAV */
div#main-nav-con {padding: 98px 0 0 206px;}

ul#main-nav {height: 33px;margin: 0;padding: 0;}
ul#main-nav li {height: 33px;position:relative;font-size: .6em;line-height: 10px;display: block;float:left;padding: 0;margin: 0;background-image:none;}
ul#main-nav li span {top: 0px;left: 0px;height: 33px;background-repeat: no-repeat;background-position: top left;position: absolute;z-index:1;}
ul#main-nav li a {display: block;cursor:pointer;}

li#nav-camps span {background-image:url(../m/nav/btn_camp.jpg);}
li#nav-camps, li#nav-camps span, li#nav-camps a {width: 145px;}

li#nav-choreography span {background-image:url(../m/nav/btn_choreography.jpg);}
li#nav-choreography, li#nav-choreography span, li#nav-choreography a {width: 145px;}

li#nav-competitions span {background-image:url(../m/nav/btn_competitions.jpg);}
li#nav-competitions, li#nav-competitions span, li#nav-competitions a {width: 145px;}

li#nav-spiritwear span {background-image:url(../m/nav/btn_spiritwear.jpg);}
li#nav-spiritwear, li#nav-spiritwear span, li#nav-spiritwear a {width: 145px;}

li#nav-vip span {background-image:url(../m/nav/btn_vipcup.jpg);}
li#nav-vip, li#nav-vip span, li#nav-vip a {width: 145px;}


body#page-camps li#nav-camps span,
body#page-choreography li#nav-choreography span,
body#page-competitions li#nav-competitions span,
body#page-spiritwear li#nav-spiritwear span,
body#page-vip li#nav-vip span,
li#nav-camps:hover span,
li#nav-choreography:hover span,
li#nav-competitions:hover span,
li#nav-spiritwear:hover span,
li#nav-vip:hover span
{background-position: 0 -33px;}




div#socialIcons {height: 34px;width: 100px;position:absolute;top: 45px;right: 24px;text-align:right;}
div#socialIcons img {display:inline;margin-left: 5px;}

/* TOP SUB NAV */
ul#top-sub-nav {
	height: 15px;
	display:block;
	margin: 0;
	padding: 0;
	position:absolute;
	top: 20px;
	right: 0;
	z-index:10;
}

ul#top-sub-nav li {
	height: 15px;
	position:relative;
	font-size: .8em;
	line-height: .9em;
	display: block;
	float:left;
	overflow:hidden;
	padding: 0;
	margin: 0 24px 0 0;
	background-image:none;
}

ul#top-sub-nav li span {
}

ul#top-sub-nav li a { text-decoration: none; text-transform: lowercase; color: #999; font-weight:bold;}
ul#top-sub-nav li a:hover { text-decoration: underline; color: #EEE;}










/*******************************************************
	_HOME
*******************************************************/
div#home-flash-con {height: 258px;}
div#home-flash {width:960px;height: 258px;}
div#flash-img {float: left;width: 501px;margin-right: 18px;}
div#home-flash h2 {padding: 32px 0 0 0;}

/* Callouts */
div#home-mid {
	padding: 8px 0 12px 15px;
	height: 210px;
	background:url(../m/bg-home-mid-bg.jpg) no-repeat top left;
}

div.home-mid-lg {
	width: 229px;min-height: 239px;
	margin-left: 6px;float:left;
	background:url(../m/call-home-bg.jpg) 0px 130px;
}
div.home-mid-lg:first-child {margin-left: 0;}

div.home-mid-lg p {font-size: .75em;}
div.home-mid-lg p, img.callout-link {margin: 10px 20px 12px 27px;display:block;}

div.home-mid-lg h3 {position:relative;display: block;float:left;padding: 0;margin: 0 0 12px 0;width: 229px;height: 130px;font-size: .5em;line-height: .9em;}

div.home-mid-lg h3 span {top: 0px;left: 0px;background-repeat: no-repeat;background-position: top left;position: absolute;z-index:1;width: 229px;height: 130px;}

div#home-spiritwear h3 span {background-image:url(../m/call-home-spiritwear.jpg);}
div#home-choreography h3 span {background-image:url(../m/call-home-choreography.jpg);}
div#home-competitions h3 span {background-image:url(../m/call-home-competitions.jpg);}
div#home-camps h3 span {background-image:url(../m/call-home-skillzcamps.jpg);}

div#home-spiritwear h3 a,
div#home-choreography h3 a,
div#home-camps h3 a,
div#home-competitons h3 a
{display: block;cursor:pointer;}

div#home-mid-smallouts {width: 221px;margin-left: 7px;padding: 13px 0 0 0;float: left;}

a.home-mid-jump {margin: 0 0 0 27px;text-decoration:none;color: #fff13b;font-size: .7em;font-weight:bold;text-transform:uppercase;}



/*******************************************************
	_LEFT
*******************************************************/
div#left-call {
	margin: 0 0 0 16px;	
}
div#left-call img {margin: 6px 0 0 0;}

div#left-nav {
	width: 152px;
	background: #363636 url(../m/lt-nav-btm.jpg) no-repeat bottom left;
	margin: 10px 0 12px 10px;
}

div#left-nav ul {
	margin: 0;
	padding: 12px 0 12px 15px;
}

div#left-nav li {
	font-weight:bold;
	margin: 0 0 4px 0;
	padding: 0;
	background-image: none;
}

div#left-nav ul li ul, div#left-nav ul li ol {
	margin: 0 0 10px 0;
	padding: 4px 0 0 8px;
}

div#left-nav li ul li {
	font-weight:normal;
	background: url(../m/sub-nav-li.gif) no-repeat 0px 5px;
	padding-left: 10px;
}

div#left-nav li ol li {
	font-weight:normal;
	margin-left: 0px;
}

div#left-nav a {color: #FFF;}

div#left-nav h3 {
 	width: 152px;
	height: 35px;
	color: #FFF;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .6em;
}

div#left-nav h3 span {
	top: 0px;
	left: 0px;
 	width: 152px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

div#left-nav h3 a {
 	width: 152px;
	height: 35px;
	display: block;
	cursor:pointer;
}

h3#left-nav-shop span {background-image: url(../m/lt-nav-shop.gif)}
h3#left-nav-design span {background-image: url(../m/lt-nav-graphics.gif)}
h3#left-nav-about span {background-image: url(../m/lt-nav-about.gif)}
h3#left-nav-account span {background-image: url(../m/lt-nav-account.gif)}



/*******************************************************
	_FOOTER
*******************************************************/
div#footer {width: 945px;margin: 18px 0 0 10px;}
body#page-home div#footer {margin-left: 5px;}

div#footer a {color: #8D8D8D;}
div#footer ul {	margin: 0 0 6px 0;}
div#footer li {display: inline;margin: 0 6px 0 0;padding: 0;background-image: none;}

div#footCon {
	/*background:url(../m/btm-rt.jpg) no-repeat top right;*/
	text-align:center;
	width: 925px;height: 115px;
	background: #000 url(../m/footer-partners-bg.png) no-repeat;
	margin-left: 15px;
}
div#footCon img {margin: 25px 15px 0 0;}

div#footer p {color: #4C4C4C;margin: 0 0 6px 0;text-align: center;}

div#aff {padding: 6px 0 0 0;text-align:center;}
div#aff img {
	display:inline;
	margin: 0 6px 0 0;
}





/*******************************************************
	_TESTIMONIALS
*******************************************************/
div.testimonialCon {padding: 18px 0 0 0;}

div.testi-img {
	width: 150px;
	margin: 0 0 16px 16px;
	border: 4px solid #333;
	float: right;
}
div.testi-img img {display:block;}

div.testi-slides {
	padding: 12px 0 16px 0;
}

div.testimonialCon h4 {
	color: #e5161c;
}




/*******************************************************
	_STAFF
*******************************************************/
div.staff_item {
	width: 550px;
	padding: 0 0 0px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dotted #999;
}
h3.staff_name {
	font-weight:normal;
	font-size: 1.3em;
	padding-top: 16px;
}
.staff_img {
	float:left;
/*	width: 150px;*/
	margin: 0 16px 16px 0;
}



/*******************************************************
	_CALENDAR
*******************************************************/
div#calendarCon {
	width: 180px;
	margin: 0 16px 16px 0;
	float:right;
}


table.calendar {
	width:176px;
	
	margin:0px;
	padding:0px;
	text-align:center;

/*	border: 1px solid #DCE1E5;*/
}

.calendar th {
	font-weight: bold;
	height: 20px;
/*	background-color:#c8d0d1;*/
}
.calendar .header {
	font-weight: bold;
	height: 24px;
}
.calendar .footer {
	font-weight: bold;
}

.calendar td {
	width: 22px;
	height: 20px;
	text-align: center;
	padding: 1px;
}
.calendar .today {
/*	background-color:#FFFFFF;*/
}

tr.rowDays th {
/*	background-color: #e6eae0;*/
}

.calendar .link {
	width: 22px;
	height: 20px;
/*	background-color: #EDEFE4;*/
}

.calendar .link a {
	display:block;
	width: 100%;
	height: 100%;
}

.calendar a, .calendar a:link, .calendar a:hover {
	font-weight: bold;
	text-decoration: underline;
/*	color: #085190;*/
	display: block;
	width: 100%;
}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
	width: 100%;
}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
	width: 100%;
}



div#events {
	width: 470px;
	float:left;
}

.eventItem {
	background-color:#333;
	margin: 0 0 16px 0;
	padding: 10px;
}

.eventDate {
/*	font-weight:bold;*/
	font-size:.8em;
	margin: 0 0 4px 0;
}

.eventTitle {
	color: #FFF;
	font-size: .8em;
	margin: 0 0 0 0;
	padding: 0;
	font-weight:bold;
}

.eventTitle .moreInfo {
	font-weight:normal;
}

.eventDesc {
	font-size: .8em;
	padding: 0px 0 0px 0;
}




/*******************************************************
	_CONTACT
*******************************************************/
div#contactInfo {
	padding: 18px 0 12px 0;
	width: 400px;
	display:block;
}

div#contactInfo p {
	float:left;
	width:200px;
}

div#contact-con {
	float:left;
	width: 300px;
}



/*******************************************************
	_DOWNLOADABLE FORMS
*******************************************************/
div#dlFormCon {
	padding: 12px 0 0 0;
}

div.dlForm {
	width: 150px;
	float: left;
	margin: 0 16px 24px 0;
}









/*******************************************************
	_MISC
*******************************************************/
div.section {
	padding-bottom: 24px;
}

.em {color: #fd1418;}

ul.emList li {background-image:url(../m/li-square-red.gif);}

div.col1, div.col2 {
	float: left;
	display: inline;
	width: 45%;
	margin-bottom: 2px;
}

div.col1 {margin-right: 24px;}


div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}

div.dot-h {
	height: 1px;
	line-height:1px;
	font-size:1px;
	margin: 24px 0;
	background: url(../m/dot-h.gif) repeat-x top left;
}


.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.clearLt { clear: left; font-size: 0px; line-height: 0px; height: 0px;}
div.hide {display: none;}

.req {
	color: #ff171b;
}

.morePg {
	text-align: center;
	font-size: .9em;
}

.morePg a {
	font-weight:bold;
}

.attention { padding: 12px 12px 5px 72px; min-height: 62px; margin-bottom: 18px; border: 1px solid; background: #fff no-repeat 10px 15px; }
.errors { border-color: #e0bc0b; background-image: url(../m/gfx_icon_errors.png); }
.info { border-color: #045180; background-image: url(../m/gfx_icon_info.png); }

div.eventListingItem {
	padding: 6px 0 30px 0;
	margin: 0 0 42px 0;
	border-bottom: 1px solid #333;
}
p.eventRegLink {
	font-size: 1.2em;
	background:url(../m/i_download.jpg) no-repeat top left;
	padding: 0px 0 0 44px;
}
div.eventListingItem h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
h4.eventListingLocation {
	font-weight:normal;
	font-size: 1.0em;
	margin: 0 0 18px 0;
	padding: 0;
}
h4.eventListingDate {
	font-weight:normal;
	font-size: 1.0em;
	margin: 0 0 0px 0;
	padding: 0;
}


img.logoIalc, img.insetRt {
	float:right;
	margin: 0 0 16px 16px;
}
span.vipPrice {color: #C00;}

img.venuePhoto {margin: 0 0 12px 0;}


table.formsTable {width: 550px;}
table.formsTable td {font-size: .8em;}