/*

  ### CSS Reset

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
	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;
}

strong {
  font-weight: bold;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 22px;
  font-size: 16px;
}
h1 {
  font-size: 20px;
  margin-bottom: 8px;
}
a {
  padding: 0 2px 0 2px;
  outline-style: none;
}
a:hover {
/* The background color seems to overide the images when there are background images
  Man do I hate IE!
*/
  /*background: #fff;*/
  text-decoration: none;
}


/*

  ### Layout

*/

body {
  background: #000 url(/images/interface/body_bg.png) repeat-x;
}
#wrapper {
  margin: 15px auto 0 auto;
  width: 962px;
  background: url(/images/interface/main_top.png) 1px no-repeat;
  height: 806px;
}
#titleBar {
  position: relative;
  padding-top: 40px;
  height: 101px;
}
#contactInfo {
  margin: -25px 0 0 55px;
  font-size: 14px;
}
#contactInfo h2 {
  color: #0000FF;
  font-weight: bold;
}
#navBar {
  margin: 0 0 0px 45px;
  height: 41px;
  padding-left: 0px;
  /*width: 862px;*/
  width: 900px;
}
#navBar li {
  float: left;
  padding: 10px 0px 0px 0px;
}
#navBar a {
  padding: 0;
  height: 41px;
  display: block;
}
.navLink a {
  background: url(/images/interface/links.png) no-repeat;
}

#linkHome {
  background-position: 0 0;
  width: 60px;
}
#linkHome:hover {
  background-position: 0 -41px;
}
#home #linkHome {
  cursor: default;
  background-position: 0 -82px;
}
#linkLessons {
  background-position: -60px 0px;
  width: 150px;
}
#linkLessons:hover {
  background-position: -60px -41px;
}
#lessons  #linkLessons {
  cursor: default;
  background-position: -60px -82px;
}
#linkResume {
  background-position: -210px 0px;
  width: 88px;
}
#linkResume:hover {
  background-position: -210px -41px;
}
#resume #linkResume {
  cursor: default;
  background-position: -210px -82px;
}

#linkPerformedWith {
  background-position: -298px 0px;
  width: 214px;
}
#linkPerformedWith:hover {
  background-position: -298px -41px;
}
#performedWith #linkPerformedWith {
  cursor: default;
  background-position: -298px -82px;
}

#linkBio {
  background-position: -512px 0px;
  width: 104px;
}
#linkBio:hover {
  background-position: -512px -41px;
}
#bio #linkBio {
  cursor: default;
  background-position: -512px -82px;
}

#linkStudentInfo {
  background-position: -616px 0px;
  width: 120px;
}
#linkStudentInfo:hover {
  background-position: -616px -41px;
}
#studentInfoPage #linkStudentInfo {
  cursor: default;
  background-position: -616px -82px;
}

#linkPrelude {
  background-position: -736px 0px;
  width: 130px;
}
#linkPrelude:hover {
  background-position: -736px -41px;
}


#mainContent {
  padding: 0 40px 0 20px;
}
#mainColumn {
  /* The paper clip is positioned in relation to this */
  position: relative;
  width: 870px;
  margin: 30px 30px 10px 30px;
}
#home #mainColumn {
  color: #333;
  margin-top: 20px;
  /*margin-top: 50px;*/
}
#mainColumn p {
  margin: 15px 0 15px 10px;
  font-size: 16px;
}

#clip {
  position: absolute;
  left: 790px;
  /*top: 10px;*/
  top: 20px;
  z-index: 105;
  background: url(/images/interface/paper_clip.png) no-repeat;
  height: 53px;
  width: 100px;
}
#mainPic {
  position: relative;
  width: 478px;
  height: 333px;
  /*margin: -65px -21px 0 15px;*/
  margin: -35px -21px 0 15px;
  float: right;
  background: url(/images/photos/dd.png) no-repeat;
}
#secondaryColumn {
  font-size: 16px;
  position: relative;
  margin: -10px 0 0 30px;
}
#secondaryColumn p {
  margin-left: 10px;
}
#borderBottom {
  font-size: 14px;
  height: 343px;
  width: 100%;
  min-width: 962px;
  background: url(/images/interface/main_bottom.png) 50% no-repeat;
  margin: 0 auto 0 auto;
  padding-left: 1px;
}
#btmContainer {
  margin: 0 auto 0 auto;
  width: 100%;
  width: 962px;
  /* Used for positioning of siteinfo */
  position: relative;
}
#siteInfo {
  position: absolute;
  top: 60px;
  left: 350px;
  font-size: 13px;
}

.achievementsList {
  margin: 5px 0 5px 30px;
  list-style: disc;
}
.achievements li {
  margin-left: 10px;
}


/*

### Private Lessons Page

*/

#lessons #mainContent {
  margin-top: 30px;
}

#topics {
  margin-left: 30px;
}
#dd_lessons {
  float: right;  
  margin: 15px 75px 0 0;
}

#pageNav {
  margin-left: 60px;
  list-style: disc;
}

#lessonsContent {
  height: 380px;
  overflow: auto;
  padding: 0 0 50px 0;
}
#lessonsContent hr {
  margin: 20px 0 20px 0;
}
#lessons h2 {
  font-weight: bold;
}
#lessons #mainColumn {
  margin-top: 20px;
}
#lessons #mainColumn p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}
#bulletinBoard {
  overflow: auto;
  height: 610px;
  margin-top: -20px;
}
#mainColumn .post {
  width: 95%;
  margin: 15px 0 0 0;
  background: #FFF;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}
#mainColumn .post:hover {
  background-color: #FDFFEF;
}
#mainColumn .timeStamp {
  font-size: 12px;
  padding: 0;
  margin: -5px 0 0 -5px;
}
.good {
  color: #00FF00;
}
.bad {
  color: #FF0000;
}
.neutral {
  color: #2554C7;
}
.neutralBorder {
  border: 1px dashed #2554C7;
}
.goodBorder {
  border: 1px dashed #00FF00;
}
.badBorder {
  border: 1px dashed #FF0000;
}
.caution {
  color: red;
}
.underline {
  text-decoration: underline;
}


/*

 ### Resume Page

*/


#resumeContent {
  height: 490px;
  overflow: auto;
  padding: 30px 0 50px 0;
  margin-top: 5px;
}

#oldAddr, #newAddr {
  float: left;
}
#newAddr {
  margin-left: 300px;
}
.resumeHeading {
  text-decoration: underline;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
#qualifications, #soloExperience, #presentAtPerformance {
  margin: 5px 0 5px 10px;
  list-style: circle;
}
#qualifications li,
#soloExperience li {
  margin-left: 10px;
}
#armyPerformances {
  list-style: disc;
}

.titles {
  font-size: 12px;
  color: #6D7B8D;
}
#resume dt {
  font-weight: bold;
}
#resume dd {
  margin: 10px 0 10px 40px;
}
#resume dl {
  margin-left: 15px;
}
#resume h3 {
  margin-top: 15px;
  font-weight: bold;
}
#resumeImage {
  width: 24px;
  height: 24px;
}

/*

 ### Artists Performed with Page

*/

#performedWith #mainColumn {
  margin-top: 15px;
}
#performedWith #mainColumn p {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 7px;
  font-size: 12px;
}
#performedWith #mainContent h2 {
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: -5px;
}
.artistsWith {
  float: left;
  margin-left: 0px;
  font-size: 12px;
  /*margin-right: 15px;*/
  width: 215px;
  line-height: 20px;
  margin-bottom: 10px;
}

/*

### Bio Page

*/

#bio #mainColumn {
  margin-top: 15px;
}
#bio #mainColumn h1 {
  text-align: center;
  margin-bottom: 0px;
}
#bio #bioContent {
  height: 490px;
  overflow: auto;
  padding-bottom: 50px;
}

/*

 ### Global classes

*/

.imageReplacedText {
  text-indent: -100000px;
}
.clear {
  clear: both;
}
.topMargin {
  margin-top: 20px;
}
.flRight {
  float: right;
}
.flLeft {
  float: left;
}
.hint {
  font-size: 12px;
  color: #0000FF;
}
.highlightLink {
  background: #FFF;
  color: #2B60DE;
  font-weight: bold;
  padding: 0 5px 0 5px;
}
.highlightLink:hover {
  color: #FFF;
  background: #2B60DE;
}
.ieGuillotineHack {
  /* Hack for IE6 only, hide from other browsers */
  display: none;
  visibility: hidden;
}