@import url(nav.css);
/*@import url(form.css);*/

html, body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background: #000;
	color: #333;
	/*margin: 0 10px 10px 10px;*/
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	background:url("/images/site_bg.gif") repeat  left;
	}

a {
	color: #0D88CC;
	text-decoration: underline;
}

a:hover {
	color: #0A6DAF;
	background: #eee;
	text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

.darklink {
	color: #333;
	text-decoration: underline;
}

.darklink:hover {
	color: #eee;
	background: #999;
	text-decoration: none;
}

.imgright {
	float: right;
	margin: 0 20px 20px 20px;
}

.registericon {
	float: right;
	margin: 10px 20px 20px 20px;
	text-align: center;
}

.registericon img{
	border: 0;
}

.imgleft {
	float: left;
	margin: 0 20px 20px 20px;
}

.imgleft2 {
	float: left;
	margin: 0 50px 20px 20px;
}

#container {
	width: 720px;
	background: #B5CAD8 url(/images/global/container_bg.gif) repeat-y;
	margin: 0 auto;
	padding: 0;
}

body#uscheer #container, body#usdance #container, body#international #container {
	width: 720px;
	background: #B5CAD8;
	margin: 0 auto;
	padding: 0;
}

#header_about {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/about.jpg);
	margin: 0;
	padding: 0;
}

#header_camps {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/camps.jpg);
	margin: 0;
	padding: 0;
}

#header_comps {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/competitions.jpg);
	margin: 0;
	padding: 0;
}

#header_coach{
	width: 720px;
	height: 184px;
	background-image: url(/images/header/coaches.jpg);
	margin: 0;
	padding: 0;
}

#header_contact {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/contact.jpg);
	margin: 0;
	padding: 0;
}

#header_employ  {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/employment.jpg);
	margin: 0;
	padding: 0;
}

#header_faq {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/faq.jpg);
	margin: 0;
	padding: 0;
}

#header_photos {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/photos.jpg);
	margin: 0;
	padding: 0;
}

#header_vendors {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/vendors.jpg);
	margin: 0;
	padding: 0;
}

#header_sponsors {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/sponsors.jpg);
	margin: 0;
	padding: 0;
}

body#competitions_dance #header {
	width: 720px;
	height: 184px;
	background-image: url(/images/header/competitions_dance.jpg);
	margin: 0;
	padding: 0;
}

body#uscheer #header {
	width: 720px;
	height: 270px;
	background-image: url(/images/header/uscheer.jpg);
	margin: 0;
	padding: 0;
}

body#usdance #header {
	width: 720px;
	height: 270px;
	background-image: url(/images/header/usdance.jpg);
	margin: 0;
	padding: 0;
}

body#international #header {
	width: 720px;
	height: 270px;
	background-image: url(/images/header/international.jpg);
	margin: 0;
	padding: 0;
}

#logoholder h1 {
	margin: 0;
	padding: 0;
	display: none;
}

#welcome {
position: relative;
float: right;
top: 173px;
right: 26px;
	margin: 0;
	padding: 0;
}

#welcome img {
	border: 0;
}

#welcome a:link,
#welcome a:visited,
#welcome a:hover {
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#sidebar {
	width: 58px;
	padding: 0;
	margin: 0;
	float: left;
}

#main {
	width: 662px;
	padding: 0;
	margin: 0;
	float: left;
	background: url(/images/global/content_top.gif) no-repeat;
}

#content {
	padding: 20px 36px 20px 20px;
	text-align: left;	
}

#content li {
margin: 0 0 0 20px;
}

p.crumbs {
	margin: 0;
	padding: 0;
}

h2 {
margin: 14px 0 2px 0;
font-size: 18px;
line-height: 20px;
}

h3 {
margin: 10px 0 10px 0;
font-size: 13px;
color: #0D88CC;
}

h4 {
margin: 14px 0 2px 0;
font-size: 12px;
}

h5 {
margin: 5px 0 0 0;
font-size: 14px;
color: #0D88CC;
}

h6 {
margin: 5px 0 5px 30px;
font-size: 13px;
color: #0D88CC;
}

.clist {
	margin: 5px 0 5px 70px;
}

p.p1 {
margin: 10px 0;
}

p.p1 img,
p.p3 img{
border: 0;
}

p.p2 {
margin: 2px 0;
}

p.p3 {
margin: 10px 20px;
}

p.p5 {
margin: 10px 50px;
}

p.p6 {
margin: 10px 20px;
font-size: 12px;
}

.sp {
margin: 10px 0 8px 10px;
padding: 0;
float: left;
height: 160px;
width: 170px;
}

.sp p {
font-size: 12px;
text-align: center;
line-height: 20px;
margin: 0;
}

.sp img {
border: 0;
margin: 0;
padding: 0;
}

p.p7 {
margin: 0 0 12px 0;
}

#content .event1 {
background: #eee;
padding: 5px 10px;
margin: 0 22px;
}

.event-list {
background: #eee;
padding: 5px 10px;
margin: 0 22px;
border-bottom: 4px solid #999;
}

.event-list h3 {
font-size: 13px;
margin: 0;
}

.event-list h4 {
font-size: 12px;
margin: 3px 0;
}

.event-list p {
margin: 2px 0;
}

.event1 h3 {
font-size: 13px;
margin: 0;
}

.event1 h4 {
font-size: 12px;
margin: 3px 0;
}

#content .event2 {
background: #ddd;
padding: 5px 10px;
margin: 0 22px;
}

.event2 h3 {
font-size: 13px;
margin: 0;
}

.event2 h4 {
font-size: 12px;
margin: 3px 0;
}



.eventfinal {
background: #eee;
padding: 5px 10px 20px 10px;
margin: 0 22px;
}

.final-logo {
margin: 5px 0 0 0;
}

.final-logo img {
border: 5px solid #fff;
padding: 0;
margin: 0;
}

.eventfinal h3 {
font-size: 13px;
margin: 0;
width: 380px;
float: left;
}

.eventfinal h4 {
font-size: 12px;
margin: 3px 0;
width: 380px;
float: left;
}

.eventfinal .p2 {
width: 380px;
float: left;
}



#content .camp1 {
background: #eee;
padding: 15px 20px;
margin: 10px 22px;
}

.camp1 h3 {
font-size: 20px;
margin: 3px 0 8px 0;
}

.camp1 h4 {
font-size: 13px;
margin: 3px 0;
}

.camp1 h5 {
font-size: 14px;
color: #c00;
margin: 3px 0;
}




#content .brochure {
background: #eee;
padding: 20px;
margin: 20px;
}

#content .schedule {
padding: 0;
margin: 20px 40px;
}

#content .brochure h3 {
font-size: 18px;
}

p.p4 {
font-size: 13px;
margin: 0;
padding: 0;
}

#content .brochure li {
list-style: none;
background: url(/images/misc/download.gif) no-repeat 0; 
margin: 0 0 0 -10px;
padding: 0 0 5px 20px;
font-size: 13px;
}

#content .brochure ul {
padding: 15px 0 0 45px;
margin: 0;
}


#footer {
	width: 450px !important;
	width /**/:720px;
	height: 100px;
	background: #B5CAD8 url(/images/global/footer_bg.gif) no-repeat;
	text-align: left;
	padding: 0 0 0 270px;
	margin: 0;
}

#footer p.numbers {
	background: #eee;
	border-left: 5px solid #0D88CC;
	width: 170px !important;
	width /**/:190px;
	padding: 10px;
	float: left;
	margin: 0;
}

#footer p.address {
	background: #eee;
	border-left: 5px solid #0D88CC;
	width: 170px !important;
	width /**/:190px;
	padding: 10px;
	float: left;
	margin: 0 0 0 20px;
}

#copyfooter {
	width: 720px;
	height: 24px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #B5CAD8;
}

body#usdance #copyfooter, body#uscheer #copyfooter, body#international #copyfooter {
	width: 720px;
	height: 48px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #B5CAD8;
}

#copyfooter p {
	margin: 0;
	padding: 0;
}

body#usdance #copyfooter p, body#uscheer #copyfooter p, body#international #copyfooter p {
	margin: 0;
	padding: 0 0 6px 0;
}

body#usdance #copyfooter a, body#uscheer #copyfooter a, body#international #copyfooter a {
	font-size: 14px;
}

.clear {
	clear: both;
}

#portal {
	width: 720px;
height: 357px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	background: url(/images/global/home_news_bg.gif) no-repeat;
}

#clotm {
float:left;
padding: 20px 0 30px 35px;
width: 450px;
height: 190px;
text-align:left;
}

*html #clotm {
width:475px;
}


#photo {
	padding: 3px;
	width:136px;
	float:left;
	}
	
#photo img{
	border:#58b5f7 solid 3px;
	}

#profile {
margin-right:-25px;
	float:left;

	}

#profile h1 {
	padding:0 0 5px 5px;
	font-size:14px;
	color:#0099FF;
	margin:0;
	}
	
#profile p {
	padding:0 0 0 5px;
	margin:0;
	}
	
#profile a {
	text-decoration:underline;
	color:#74B5E3;
			}

#profile a:hover {
	text-decoration:none;
	color: #FE0002;
	background:none;
	}
			
#camps {
float:right;
padding: 16px 29px 0 0;
margin:0;
}

#camps a:hover {
background:none;
}

#whatsnew {
	width: 680px;
	padding: 15px 25px 0 30px; 
	float: left;
}

*html #whatsnew{
	padding: 0;
}
#whatsnew a {
	text-decoration:underline;
	color:#fff;
			}
#whatsnew a:hover {
	text-decoration:none;
	color: #fff;
	background:none;
	}

#news1 {
margin-top:10px;
margin-left: 44px;
padding-left:0;
float:left;
width:175px;
height:60px;
text-align:center;
}

*html #news1 {
margin-left:40px;
margin-top: 0;
width:170px;
}

#news2 {
margin-top:10px;
margin-left: 40px;
padding-left:0;
float:left;
width:175px;
height:60px;
text-align:center;
}

*html #news2 {
margin-left:40px;
margin-top: 0;
width:170px;
}

#news3 { 
margin-top:10px;
margin-left: 40px;
padding-right:25px;
float:left;
width:175px;
height:60px;
text-align:center;
}

*html #news3 {
margin-left:40px;
padding-right:0;
margin-top: 0;
width:170px;
}

ul#news{
margin-top:5px;
margin-left: 0;
padding-left:0;
float:left;
display:inline;

}

ul#news li
{
margin-left: 0;
	padding: 3px 15px;
display:inline;
width: 175px;
height:60px;
list-style-type: none;
padding-right: 20px;
}

ul#news li.first {
margin-left: 0;
	list-style: none;
	display: inline;
}
#whatsnew .newsbox {
	width: 175px;
height: 60px;
	padding: 0;
	margin: 0 0 10px 0;
}

#whatsnew .newsbox p {
padding: 8px 8px;
margin: 0;
text-align: left;
}

#whatsnew .newsbox a:link, #whatsnew .newsbox a:visited {
color: #fff;
}

#whatsnew .newsbox a:hover {
color: #333;
background: #eee;
}

#largelinks img {
border: 0;
padding: 0 7px 0 0;
margin: 0;
}

#largelinks a {
text-decoration: none;
background: none;
}

#largelinks {
padding: 0;
margin: 0;
text-align: left;
}

#largelinks p {
padding: 27px 0 0 0;
margin: 0;
}

#events {
		width: 720px;
height: 160px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	background: url(/images/global/events_bg.gif) no-repeat;
}

#events a {
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	
}

#events a:hover {
	text-decoration:none;
		color: #FE0002;
	background:none;
	}

#event1 {
margin-top:35px;
margin-left: 35px;
padding-left:0;
float:left;
width:200px;
height:80px;
text-align:left;
}

*html #event1 {
margin-left:25px;
}

#event2 {
margin-top:35px;
margin-left: 35px;
padding-left:5px;
float:left;
width:200px;
height:80px;
text-align:left;
}

*html #event2 {
margin-left:25px;
}


#event3 { 
margin-top:35px;
margin-left: 20px;
padding-right:10px;
float:left;
width:200px;
height:80px;
text-align:left;
}

*html #event3 {
margin-left:25px;
}


#view_all {
float:right;
padding:25px 33px 0 0;
}

*html #view_all {
float:right;
padding:5px 33px 0 0;
}

#view_all a {
font-size:10px;
text-decoration:underline;
background:none;
font-weight:normal;
}

.scoring {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	margin: 20px 30px;
	width: 375px;

}

.scoring th {
	background: #ddd;
	font-size: 13px;
}

.scoring td {
	background: #eee;
}

.scoring td img {
	border: 0;
	padding-left: 15px
}

.staffphoto {
width: 130px;
margin: 10px 0;
float: left;
clear: both;
}

.staffphoto img {
border: 6px solid #eee;
}

.staffbio {
float: left;
width: 450px;
}

.staffbio p {
	margin: 10px 0 10px 0;
}

.staffname {
font-size: 13px;
color: #0D88CC;
}

#compsubnav {
padding-top: 15px;
width: 50%;
float: left;

}

#complinks {
padding-top: 15px;
width: 50%;
float: left;

}


#compsubnav ul {
margin-top: 0;

}

#complinks ul {
margin-top: 0;

}

.light {
	color: #999;
}

.img_newdate {
margin: 0 0 -3px 6px;
}

#finaldes {
float: right;
}


#finaldes p {
text-align: center;
margin: 0 20px 0 0;
padding: 0;
}

#finaldes img {
border: 0;
}

.finallist {
width: 550px;
margin-top: 40px;
}

.finallist th {
padding: 5px;
}

.finallist td {
padding: 2px;
}

.ttitle {
text-align: center;
font-weight: bold;
font-size: 14px;
}


.employmentopp {
color: #c00;
font-size: 14px;
}

.employmentopp a {
color: #c00;
}

.employmentopp a:hover {
color: #c00;
background: none;
text-decoration: underline;
}

h3, p.p1 {
clear: both;
}

.thumbs {
list-style:none;
padding: 0;
margin: 0 15px;

}

.thumbs li {
float: left;
padding: 0;
margin: 0;
width: 110px;
height: 110px;
text-align: center;
display: block;
}

.thumbs img {
border: 5px solid #ddd;
margin: 0;
padding: 0;
}

.thumbs a:hover, .thumbs a:link, .thumbs a:visited {
text-decoration: none;
border: 0;
background: 0;
padding: 0;
margin: 0;
}

p.photo {
margin: 0 0 8px -10px;
padding: 0;
text-align: center;
}

p.photo img {
border: 2px solid #ddd;
}

p.gallery-number {
	font-size: 11px;
	line-height: 15px;
	clear: both;
	margin: 2px 0 10px 12px;
	}
	
#content p.page-list{
margin: 15px 0 15px 12px;
line-height: 16px;
clear: both;
font-size: 16px;
}

#link-section {
width: 720px;
height: 123px;
margin: 10px 0;
padding: 0;
background: url(/images/global/links_bg.gif) 16px no-repeat;
}

#link-section p img {
border: 0;
}

#link-section p {
padding: 12px 12px 0 12px;
}

.springfloor {
float: right;
margin: 0 10px 10px 10px;
}

.right-subcontent {
float: right;
width: 250px;
}

.right-subcontent p {
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}

.right-subcontent img {
border: 0;
}

.left-subcontent {
float: left;
width: 330px;
}

/* TEST */
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 720px; 
margin: 20px 0 3px 0; 
background: #f0f1f1;
overflow:auto;
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */


width: 718px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 8px;
width: 718px;
margin: 0 auto;
}
ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 718px;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 0 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#ads {
	width: 720px;
	height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	background:#B5CAD8;
}