/*****************************************************************************
joantrainor.com - default styles
Stephen Trainor, stephen@stephentrainor.com
Updated 05 August 2005
*****************************************************************************/
/* Common elements */

* {	padding: 0;	margin: 0; }

body {
	padding: 0;	margin: 0;
	text-align:center;
	background: #000021;
	color: #CC0033;
	font: normal 13px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
}

a {color: #d66; text-decoration: none;}
a:visited {color: #c88;}
a:hover {color: #fff7be; background: #d66;}
a img {border-width: 0;}
a:hover img, a.no_line:hover {background: #fef9bf;}

p {padding: 4px 0; }
p.dateline {padding: 5px 0; font-size: 8px;}
p.linkfooter {
	font-size: 9px;
	text-transform: lowercase;
	color: #999999;
}
 
h2 {padding: 10px 0; font: bold 16px/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;}

dl {padding: 10px 0; }
dt
{
	font: bold 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	margin-top: 5px;
}

dd
{	
	font: normal 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
}

#container {
	margin: 25px auto;
	text-align: left;
	position: relative;
	width: 750px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 750px;
}
html>body #container
{
	width: 750px;
}

#mainContainer {
	background: #000021 url("../images/site/container_bg.jpg") repeat-y left top;
}

#columnLeft {
	position: absolute;
	top: 88px;
	left: 0px;
	float: left;
	background: #000021 url("../images/site/left_bg.jpg") no-repeat left top;
	width: 88px;
	height: 510px;
}

#columnMain {
	position: relative;
	left: 80px;
	color: #333;
	padding: 0 10px 0 0;
	margin-right: 60px;
	width: 602px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 592px;
}
html>body #columnMain
{
	width: 592px;
}

/* min-height hack courtesy of http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */
/* for Mozilla/Safari */
*>#columnMain {
	padding-top: 510px;
	min-height: 1px;
}
*>#columnMain .firstBoxChild {
	margin-top: -510px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #columnMain {
	height: 510px;
}

.hide_me {
	display: none;
}

#footer {
	clear: both;
	float:left;
	width: 647px;
	height: 73px;
	padding: 10px 10px 5px 98px;
	background: #000021 url("../images/site/footer_bg.jpg") no-repeat left top;
	color: #555;
	font-size: 9px;
}

#footer ul {
	position: relative;
	list-style:none;
}

#footer li {
  float:left;
  margin:0 20px 0 0;
  padding:0;
  text-align: left;
}

#home_page_header {
	text-indent: -5000px;
	background: url("../images/site/home_page_header.jpg") 0 15px no-repeat;
	height: 35px;
	clear: both;
	padding: 10px 0;
}

#tuition {
	text-indent: -5000px;
	background: url("../images/site/tuition.jpg") no-repeat;
	height: 40px;
}

#coaching {
	text-indent: -5000px;
	background: url("../images/site/coaching.jpg") no-repeat;
	height: 45px;
}

#education {
	text-indent: -5000px;
	background: url("../images/site/education.jpg") no-repeat;
	height: 45px;
}

#contact_details {
	text-indent: -5000px;
	background: url("../images/site/contact_details.jpg") no-repeat;
	height: 45px;
}

#repertoire {
	text-indent: -5000px;
	background: url("../images/site/repertoire.jpg") no-repeat;
	height: 45px;
	padding-bottom: 10px;
}

#contact_details dl {
	/*margin-right: 100px;*/
}

#ne_map {
	position: absolute;
	top: 458px;
	left: 581px;
	width: 113px;
	height: 170px;
}

#joan_photo {
	position: absolute;
	left: 581px;
	top: 71px;
	background: url("../images/site/jt_photo_sm.jpg");
	width: 118px;
	height: 177px;
}

#main_content {
	width: 490px;
	padding: 10px;
}

#main_content ul {
	list-style: none;
	margin-left: 40px;
	list-style-image: url(../images/site/bullet.jpg);
}

#rep_list {
	padding-top: 20px;
}

#rep_list img {
	float: left;
	clear: left;
	margin: 0 10px 0 0;
}

#rep_list h2 {
	font-size: 13px;
	color: #420000;
	padding: 5px 0;
}

#rep_list p {
	padding: 3px 0;
	padding-bottom: 35px;
}

/*********************************************************************************************/
#header {
  position: relative;
  top: 0;
  left: 0;
  width:735px;
  background: #000021 url("../images/site/header_bg.jpg") no-repeat left top;
  line-height:normal;
  height: 88px;
}

#links ul {
	height: 75px;
}

#links ul {
	list-style: none;
}

#links li {
  float:left;
  background:url("../images/site/nav_roll_bg.jpg") no-repeat left top;
  margin:0;
  padding:0;
  height: 60px;
  width: 100px;
  text-align:center;
}
  
#links a {
  float:left;
  display:block;
  padding-top: 33px;
  text-decoration:none;
}
#links > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#links a {
	float:none;
	color: #212121;
}
/* End IE5-Mac hack */

#links a:hover {
  background: none;
  color:#900;
  }

#links #current, #links #current a {
  background-position:0 -120px;
  color: #B00;
}

#links li:hover, #links li:hover a {
  background-position:0% -60px;
  color:#900;
}