@charset "UTF-8";
/* Beth Chandler Website -  all styles */


html {
background: url(images/bgTile.gif) repeat;
}

body {
margin:0;
padding:0;
font-family: Times, Times New Roman, times-roman, georgia, serif;
font-size: 90%;
line-height: 20px;
letter-spacing: 0px;
color: #463f35;
text-align : center;
}

h1, h2 {
text-indent: -9999px;
}

h3 {
margin-left: 60px;
color: #9f2d00;
font-size: 120%;
font-weight: bold;
}

h4 {
margin-bottom: -10px;
}

div#container {
margin:0 auto;
width:900px;
}


/*---------- begin menu/list items ---------- */
div#menu {
position:absolute;
left:-43px;
top:50px;
width:44px;
overflow:hidden;
}

ul {
margin:0;
padding:0;
list-style:none;
}

div#menu li {
width:44px;
height:85px;
padding:0;
background:none;
}

div#menu li a {
width:44px;
height:74px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#menu li a#menu_left1 {background:url(images/home1.gif) no-repeat;}
div#menu li a#menu_left2 {background:url(images/bio1.gif) no-repeat;}
div#menu li a#menu_left3 {background:url(images/listen1.gif) no-repeat;}
div#menu li a#menu_left4 {background:url(images/calendar1.gif) no-repeat;}
div#menu li a#menu_left5 {background:url(images/teaching1.gif) no-repeat;}
div#menu li a#menu_left6 {background:url(images/writings1.gif) no-repeat;}
div#menu li a#menu_left7 {background:url(images/photos1.gif) no-repeat;}
div#menu li a#menu_left8 {background:url(images/links1.gif) no-repeat;}
div#menu li a#menu_left9 {background:url(images/contact1.gif) no-repeat;}


div#menu a#menu_left1:hover {background:url(images/home2.gif) no-repeat;}
div#menu a#menu_left2:hover {background:url(images/bio2.gif) no-repeat;}
div#menu a#menu_left3:hover {background:url(images/listen2.gif) no-repeat;}
div#menu a#menu_left4:hover {background:url(images/calendar2.gif) no-repeat;}
div#menu a#menu_left5:hover {background:url(images/teaching2.gif) no-repeat;}
div#menu a#menu_left6:hover {background:url(images/writings2.gif) no-repeat;}
div#menu a#menu_left7:hover {background:url(images/photos2.gif) no-repeat}
div#menu a#menu_left8:hover {background:url(images/links2.gif) no-repeat;}
div#menu a#menu_left9:hover {background:url(images/contact2.gif) no-repeat;}


#here1 {background:url(images/home2.gif) no-repeat;}
#here2 {background:url(images/bio2.gif) no-repeat;}
#here3 {background:url(images/listen2.gif) no-repeat;}
#here4 {background:url(images/calendar2.gif) no-repeat;}
#here5 {background:url(images/teaching2.gif) no-repeat;}
#here6 {background:url(images/writings2.gif) no-repeat;}
#here7 {background:url(images/photos2.gif) no-repeat;}
#here8 {background:url(images/links2.gif) no-repeat;}
#here9 {background:url(images/contact2.gif) no-repeat;}
/*---------- end menu/list items ---------- */


/*---------- begin main content items ---------- */
.highlight {
font-size: 130%;
font-weight: bold;
font-style: italic;
letter-spacing: .1em;
color: #993300;
}

div#content{
background:url(images/bgContent2.jpg) repeat-y;
top:-55px;
margin-bottom:-65px;
width:830px;
position:relative;
padding-left:42px;
float:left;
}

div#content_main {
float: left;
width: 525px;
text-align: left;
}

div#content_main p {
margin-left: 60px;
color: #463f35;
}

div#content_main #more {
color: #993300;
text-decoration: none;
font-weight: bold;
}

div#content_middle {
width: 500px;
}

div#content_middle a {
color: #9f2d00;
text-decoration: none;
font-weight: bold;
}

div#content_middle ul {
margin-left: 75px;
margin-top: 25px;
}

div#content_middle li {
color: #463f35;
margin-top: 15px;
font-weight: bold;
font-style: italic;
list-style-type: disc;
}

div#content_middle h4 {
margin-left: 60px;
}

#logo_graphic {
margin-left: 120px;
margin-top: 55px;
}

#title_graphic {
margin-top: -55px;
margin-left: 45px;
margin-bottom: -10px;
}

#swirl_graphic {
margin-top: 50px;
margin-left: 90px;
margin-bottom: 50px;
}

#copyright_graphic {
position: absolute;
left: 15px;
top: 800px;
}

div#flash_words {
margin-top: 0px;
margin-left: 75px;
}

div#flash_gallery {
margin-top: 45px;
margin-left: 75px;
}

div#flash_mp3_player {
margin-left: 75px;
}

div#writings {
padding-top: 35px;
}

div#writings p {
margin-top: -1em;
}

div#writings p.title {
color: #993300;
font-weight: bold;
}

div#writings p.subtitle {
font-weight: bold;
}

div#writings_list li {
font-style: normal;
padding-bottom: 15px;
list-style-type: none;
color: #993300;
}

div#links ul {
margin-left: 75px;
margin-top: 50px;
}

div#links li {
padding-bottom: 10px;
}

div#links a {
color: #9f2d00;
text-decoration: none;
font-size: 100%;
font-weight: bold;
}

div#links a:hover {
color: #a5b372;
}

div#flash_writings {
margin-left: 75px;
}

/*div#writings {
margin-top: -15px;
}*/

/*div#writings a {
color: #9f2d00;
}*/
.calendar_images {
float: left;
margin-bottom: 20px;
}

div#calendar img {
float: left;
margin-top: 5px;
margin-left: 60px;
margin-right: 25px;
}

div#music_notes {
margin-top: -10px;
}

div#music_notes li {
font-size: 85%;
font-weight: bold;
font-style: italic;
list-style-type: none;
margin-top: -5px;
}

.notes {
padding-left: 12px;
}


div.hr {
width: 200px;
margin-left: 185px;
height: 19px;
background: #fff url(images/swirl_graphic_small.gif) no-repeat scroll left;
margin-top: 20px;
margin-bottom: 40px;
}

div.hr hr {
display: none;
} 
/*---------- end main content items ---------- */


/*---------- begin right content items --------*/
div#content_right {
margin: 0;
float: left;
width: 250px;
padding-bottom: 200px;
}

img#photo_graphic {
margin-top: 25px;
padding-left: 35px;
}

img#contact_graphic {
margin-top: 50px;
margin-left: 75px;
margin-bottom: -35px;
}

div#content_right a img {
text-decoration: none;
border: none;
}

div#contact_info {
width: 220px;
margin-left: 65px;
}

div#contact_info p {
color: #eeede2;
}

div#contact_info a {
color: #a5b372;
text-decoration: none;
}

div#contact_info h3 {
text-indent: -9999px;
}
/*---------- end right content items ---------- */


/*---------- begin form content ---------------*/
#feedback {
margin-top: 25px;
margin-left: 0px;
text-align: left;
}

#send_info {
font-weight: bold;
color: #fff;
background-color: #9f2d00;
border: none;
padding: 1px 3px;
margin-top: 0px;
font-size: 100%;
}

label {
color: #9f2d00;
font-weight: bold;
font-size: 110%;
}

.formbox {
width: 250px;
}

.formbox, textarea#comments {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #fff;
background-color: #a5b372;
padding: 1px 3px;
}

textarea {
width: 375px;
}



p strong, p.warning {
display: block;
margin-top: 20px;
font-size: 90%;
color: #9f2d00;
font-weight: bold;
text-align: left;
}

span.warning {
color: #9f2d00;
font-size: 80%;
}

em.required {
font-size: 80%;
}