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

body {
background-color: #ffffff;
background-image: url(images/background2.jpg);
background-repeat: repeat-x;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3c3b3b;
}

#parent {
width: 1002px;
height: auto;
background-color: #ffffff;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-left: 0px;
}

#header {
width: 1002px;
height: 261px;
background-color: #ffffff;
background-image: url(images/main_art_03.jpg);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}

#content {
width: 1002px;
height: 712px;
background-color: #ffffff;
margin-left: 0px;
padding-left: 0px;
}

#content_left {
width: 284px;
height: 712px;
margin-left: 0px;
padding-left: 0px;
background-color: #ffffff;
background-image: url(images/main_art_06.jpg);
background-repeat: no-repeat;
float: left;
overflow: auto;
}

#content_right {
width: 704px;
height: 712px;
background-image: url(images/main_art_08.jpg);
background-repeat: no-repeat;
margin-left: 14px;
float: left;
text-align: left;
}

#footer {
width: 1002px;
height: 132px;
background-color: #ffffff;
background-image: url(images/main_art_12.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-top: 30px;
float: left;
font-size: 12px;
color: #3c3b3b;
}

.header_navigation {
float: left;
border: none;
}

#news {
width: 230px;
height: auto;
background-color: #ffffff;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 0px;
padding-left: 0px;
}

.no_space {
display: block;
margin:  0px;
}

ul {
text-align: left;
list-style-type: none;
float: left;
}

.footer_list {
width: 150px;
height: 112px;
float: left;
}

a {
color: #3c3b3b;
text-decoration: none;
}

a:link {
color: #3c3b3b;
text-decoration: none;
}

a:visited {
color: #3c3b3b;
text-decoration: none;
}

a:hover {
color: #3c3b3b;
text-decoration: underline;
}

#homepage {
width: 660px;
height: 625px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
text-align: left;
}

#media_box {
width: 660px;
height: 625px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;

text-align: center;
}

#media_box_navigation {
background-image: url(images/media_box_navigation_bg.jpg);
width: 660px;
height: 20px;
background-color: #cccccc;
margin-bottom: 8px;
padding: 0px;
}

#music_box_navigation {
width: 240px;
height: 588px;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: 3c3b3b;
float: left;
} 

#music_box_player {
text-align: left;
width: 400px;
height: 588px;
margin-left: 10px;
border-width: 1px;
border-style: solid;
border-color: 3c3b3b;
float: left;
overflow: hidden;
}

h2 {
margin-left: 20px;
color: #3c3b3b;
}

h3 {
line-height: 1.7em;
margin-left: 10px;
color: #3c3b3b;
}

h4 {
margin-left: 20px;
color: #3c3b3b;

}

p {
margin-left: 20px;
margin-right: 20px;
line-height: 1.5em;
}

.quicktime_player {
background-image: url(images/music/quicktime_background.gif);
background-repeat: no-repeat;
width: 400px;
height: 35px;
text-align: center;
padding-top: 17px;
}

#video_navigation {
width: 660px;
height: 100px;
margin-bottom: 8px;
}

#video_thumb_navigation {
width: 604px;
height: 100px;
margin-bottom: 8px;
overflow: hidden;
float: left;
}

#scroller {
  width: 3500px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

#video_info {
width: 660px;
height: 125px;
margin-bottom: 8px;
text-align: left;
overflow: auto;
}

#video_player {
text-align: center;
width: 660px;
height: 344px;
background-color: #000000;
margin-bottom: 8px;
}

.video_thumb {
width: 134px;
height: 100px;
margin-left: 4px;
margin-right: 4px;
float: left;
}

#scroll_button_left {
width: 28px;
height: 100px;
margin-bottom: 8px;
padding: 0px;
float: left;
}

#scroll_button_right {
width: 28px;
height: 100px;
margin-bottom: 8px;
padding: 0px;
float: left;
}

#photos_box {
width: 660px;
height: 597px;
text-align: center;
margin-left: auto;
margin-right: auto; 
}

#about_box {
width: 660px;
height: 605px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
text-align: left;
overflow: auto;
}

.about_photo {
width: 300px;
height: 223px;
margin-left: 20px;
margin-right: 15px;
margin-top: 10px;
float: left;
}

#resume {
width: 645px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


.contact {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3c3b3b;
text-align: left;
margin-left: 225px;
}

.links_image {
margin-bottom: 10px;
}

table {
margin-left: 35px;
}

#charts_info {
width: 660px;
height: 50px;
text-align: left;
overflow: auto;
}

#charts_box {
width: 660px;
height: 445px;
overflow: auto;
}