@charset "UTF-8";

/* CSS Document */

/* ----  Global CSS Stylesheet for City Dance Center | BeaumontCityDance.com  ----  */


/* -------  Global Reset - Courtesy of Eric Meyer - http://meyerweb.com/eric/tools/css/reset/  --------- */


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* -----------  END Global Reset ------------- */





html {
	background-color: #c3d1fe;
}


/* ----------- IE PNG Fix v1.0 RC4 found here: http://www.twinhelix.com/css/iepngfix/  ------------- */

img, div { behavior: url(/iepngfix.htc) }

/* -----------  END IE PNG Fix ------------- */

body {
	background: url(images/skyline_bg.png) no-repeat fixed;
  	color: #14007b;
  	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
  	font-size: .9em;
  	line-height: 1.4em;
	letter-spacing: .1em;
	word-spacing: .008em;
  	margin: 0 0 0 0; /*(top, right, bottom, left) */
  	padding: 0 0 0 0;
  	text-align: center; /* Centers the page content container in IE 5 browsers. */
}




/* -----------  Header Styling --------------- */

h1,h2,h3, h4, h5 { font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-variant: small-caps; }
h1 { font-size: 180%; font-weight: bold; word-spacing: .1em; letter-spacing: .2em; margin-top: 1.8em; margin-bottom: 10px; color: #000; line-height: 1.1em; padding-bottom: 6px; border-bottom: solid #000 2px; }
h2 { font-size: 150%; font-weight: bold; word-spacing: .1em; letter-spacing: .2em; margin-top: 1.8em; margin-bottom: .2em; line-height: 1.2em; color: #000; border-bottom: dotted #000 1px; }
h3 { font-size: 120%; font-weight: bold; word-spacing: .1em; letter-spacing: .2em; margin-top: 1.6em; margin-bottom: 4px; color: #000; border-bottom: dotted #000 1px; }
h4 { font-size: 110%; font-weight: bold; word-spacing: .1em; letter-spacing: .2em; margin-top: 1.6em; margin-bottom: 4px; color: #000; }
h5 { font-size: 110%; font-weight: bold; word-spacing: .1em; letter-spacing: .2em; margin-top: 1.6em; margin-bottom: 4px; color: #000; }


.largeText {
	font-size: 30px;
	font-weight: bold;
	margin: 30px 0 30px 20px;
}

.noBottomBorder {
	border-bottom: none;
}


/* -----------  Paragraph Styling --------------- */

p {
	text-align: left;
	padding: 0;
	margin: 10px;
}


.bodyText {
	background: url(images/bg-tile.png);
	padding: 18px;
}





/* -----------  Link Styling --------------- */


h2 a,  a:link {
	background: none;
  	color: #000;
  	font-weight: bold;
  	text-decoration: none;
}

h2 a:visited {
	background: none;
  	color: #000;
  	font-weight: bold;
  	text-decoration: none;
}

h2 a:hover {
	background: none;
  	color: #000;
	font-weight: bold;
  	text-decoration: none;
}


h2 a:focus {
	background: none;
  	color: #000;
	font-weight: bold;
  	text-decoration: none;
}


h2 a:active {
	background: none;
  	color: #000;
	font-weight: bold;
  	text-decoration: none;
}


a,  a:link {
  	color: #000;
  	font-weight: bold;
  	text-decoration: underline;
	padding: 3px;
}

a:visited {
  	color: #000;
  	font-weight: bold;
  	text-decoration: underline;
	padding: 3px;
}

a:hover {
  	background: #036;
	text-decoration: underline;
  	color: #fff;
	padding: 3px;
}


a:focus {
  	background: #036;
	text-decoration: underline;
  	color: #fff;
	padding: 3px;
}


a:active {
	background: #036;
	text-decoration: underline;
  	color: #fff;
	padding: 3px;
}




/* ------------------- Top Navigation Styling ---------------------  */


#navigationWrapper {
	width: 960px;
	height: 40px;
	margin: 20px auto 0 auto;
}






/* -------------------This is a container for the page content.---------------------  */


#outerWrapper {
	background: url(images/body_bg.png) repeat-y;
	margin: 0 auto 0 auto; /* (top, right, bottom, left) */
  	text-align: left;
  	width: 900px;
}


#outerWrapper #header {
  	background: url(images/masthead.png) no-repeat center;
	font-size: 18px;
  	font-weight: bold;
  	line-height: 15px;
  	padding: 10px 10px 10px 10px; /* (top, right, bottom, left) */
  	margin-top: -10px;
  	height: 169px;
}


#header h1 {
	text-indent: -9999px;
	font-size: 18px;
	border-bottom: none;
	margin-top: 0; 
	margin-bottom: 0; 
	padding-bottom: 0;
}


#outerWrapper #contentWrapper {
	background: transparent;
}

.dancerImage {
	float: left;
	width: 260px;
	height: 354px;
}

#buttonContainer {
	
}

.buttonClasses {
	float: left;
	left: 25px;
	margin: 20px 15px;
	width: 240px;
	height: 34px;
}

.buttonClasses a:hover {
	background: none;
	border: none;
}

.buttonClasses a:focus {
	background: none;
	border: none;
}

.buttonClasses a:active {
	background: none;
	border: none;
}


#bannerAd {
	width: 800px;
	height: 102px;
	display: block;
	margin: 20px auto;
}

#bannerAd a:hover {
	background: none;
	border: none;
}

#bannerAd a:focus {
	background: none;
	border: none;
}


#soulsafestBannerAd {
	width: 537px;
	height: 162px;
	display: block;
	margin: 0 auto;
}

#soulsafestBannerAd a:hover {
	background: none;
	border: none;
}

#soulsafestBannerAd a:focus {
	background: none;
	border: none;
}

#photostreamContainer {
	position: relative;
	width: 800px;
	height: 600px;
	margin: 40px auto 0 auto;
}


/* -------------- Contains the main page content. ------------------------ */

#outerWrapper #contentWrapper #content {
	margin: 0 0 0 0;
  	padding: 0px 30px 10px 30px; /* (top, right, bottom, left) */
	min-height: 800px;
}


#mapImage {
	margin: 20px 0px 10px 60px;
}


#kidsTuition {
	position: relative;
	width: 400px;
	margin: 10px 0 10px 40px;
}


/* -------------  Floated In-Line IMAGES in Main Page Content ---------------------- */

.inLinePhotoLeft {
	float: left;
	padding: 10px 10px 10px 10px;
	clear: left;
}

.inLinePhotoRight {
	float: right;
	padding: 5px 20px 20px 20px; /*(top, right, bottom, left) */
	clear: right;
}


/* ---------------------Unordered List Formatting ---------------------------------*/


.standardList ul {
	background: url(images/bg-tile.png);
	padding: .5em 1em .5em 1em;
	margin: 1em 2em 1em 2em;
}


ul.listSpecial {
	background: transparent;
}


.standardList li {
	list-style: square;
}



ul.standardList2 {
	padding: .5em 1em .5em 1em;
	margin: 0;
}

.standardList2 li {
	list-style: square;
	margin: 6px 0 6px 16px;
}

ul.listSpecial {
	background: transparent;
}








/* ------------------------- Begin Message Form Styling ------------------------- */



#messageForm {
	background: url(images/bg-tile.png);
	text-align: left;
	padding: 1em;
	margin: 1em 2em 2em 2em; /*(top, right, bottom, left) */
}


div.row {
	clear: both;
	width: 600px;
	padding: 5px 0px 5px 0px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	margin-left: 20px;
	clear: both;
}

.input {
	background: #fff url(images/form_bg2.jpg);
	color: #14007b;
	border: 1px solid #14007b;
	margin: 4px 0 5px 8px;
	padding: 1px;
}

.textarea {
	background: #fff url(images/form_bg2.jpg);
	color: #14007b;
	border: 1px solid #14007b;
	margin: 4px 0 5px 8px;
}

textarea:focus, input:focus {
	background: #fff url(images/form_bg1.jpg);
	color: #14007b;
	border: 1px solid #14007b;
}




/* ------------------------- End Message Form Styling ------------------------- */



.emailSubscribe {
	position: relative;
	width: 300px;
	margin: 30px auto;
}




/* ------------------------- Begin Calendar Styling ------------------------- */

#calendarContainer {
	background-color: #c4dafe;
	position: relative;
	width: 800px;
	height: 600px;
	margin: 0 auto;
}









/* ------------------------- Begin Calendar Styling ------------------------- */




/* -------------- Contains the Footer content. ------------------------ */


#outerWrapper #footer {
	background: transparent;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: .8em;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 25px 5px 5px 5px;
	margin: 50px 0px 10px 0px;
}



/* -------------- Footer Navigation Styling ------------------------ */

#footer #navListFooter ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#footer #navListFooter li {
	display: inline;
	white-space: nowrap;
	margin-left: 10px;
	padding: 0px 0px 0px 0px; /*(top, right, bottom, left) */
}

#footer #navListFooter a { padding: 5px 5px; }

#footer #navListFooter a:link {
	color: #14007b;
	text-decoration: underline;
}

#footer #navlistFooter a:visited {
	color: #14007b;
	text-decoration: underline;
}

#footer #navListFooter active a {
	color: #14007b;
	text-decoration: underline;
}

#footer #navListFooter a:hover {
	background: #14007b;
	color: #fff;
	text-decoration: underline;
}