/* ******************************** */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin: 0px;
padding: 0px;
background:url(../images/top_background.jpg) repeat-x;
}

a:link {
color: #660000;
}

a:hover {
color:#CC3333;
}

a:active {
color:#993333;
}

a:visited {
color: #993333;
}


.container {
border:#000 solid 1px;
margin: 0 auto;
margin-bottom: 5px;
height:100%;
width: 750px;
background-color: #FFD680;
}

.header {
height: 205px;
width:750px;
/*background:url(../images/header.jpg);*/
}

/*NOT USED YET*/
.altheader  { 
height: 205px;
width:750px;
}


.topnavbar {
margin: 0 auto;
width: 750px;
height: 34px;
background: #FDEECC;
}

/* ******************************** */

.leftcolumn {
padding:10px 0px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
border:  #FF9900 1px solid;
height:500px;
float:left;
width:200px;
background: #FDEECC url(../images/texture.jpg) repeat;
border: #333 1px solid;
}

.leftcolumn p {
padding:5px 5px 5px 0;
}

.leftcolumn ul {
width:157px;
list-style:none;
padding-right:10px;
margin: 0 auto;
font-size:12px;
float:right;
}

.leftcolumn ul li {
text-align:right;
color:#000;
padding-right: 5px;
padding-bottom:4px;
margin:4px 0px 4px 0px;
}

.leftcolumn ul li a:link {
color:#660000;
background: url(../images/bullet_red.gif) no-repeat right;
text-decoration: underline;
margin:0px;
padding-right:13px;
}

.leftcolumn ul li a:hover {
color:#CC3333;
}

.leftcolumn ul li a:visited {
color:#993333;
background: url(../images/bullet_red.gif) no-repeat right;
text-decoration: underline;
margin:0px;
padding-right:13px;
}


.leftcolumn hr {
color:#660000;
padding:0px;
margin:10px 0px 10px 0px;
}

/* ******************************** */

.content {
padding:18px 0px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
border:  #333 1px solid;
float:right;
width:510px;
height:400px;
left: 78px;
top: 66px;
background: #FDEECC url(../images/texture.jpg) repeat;

}

.content p {
font-size:15px;
padding:0px 15px;
text-indent:17px;
}


#welcomebackground {
background:url(../images/welcome_text.gif) no-repeat;
width:301px;
height:28px;
margin:0 auto;
}


.leftcolumnhome {
padding:10px 0px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
border:  #FF9900 1px solid;
height:400px;
float:left;
width:200px;
background: #FDEECC url(../images/texture.jpg) repeat;
border: #333 1px solid;
}

.leftcolumnhome p {
padding:5px;
}

.leftcolumnhome td {
vertical-align:top;
}

.leftcolumnhome img {
/*float:left;*/
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
}


/* ******************************** */

.profilesplash {

width: 730px;
height: 500px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
border: solid #333 1px;
background: #FDEECC;
}

.profilesplash td {
vertical-align:middle;
}

.profilesplash img {
margin:0 auto;
border:0px;
}

/* ******************************** */

.schedule {

width: 100%;
height: 100%;
padding-bottom:15px;
margin:0px;
background: #FDEECC url(../images/texture.jpg) repeat;
}

.schedule td {
text-align:center;
padding:4px;
}

.scheduletable {
text-align:center;
width: 675px;
margin:20px auto;
border: solid #333 1px;
}

.scheduletable td {
border-bottom:#333 solid 1px;
border-right:#333 solid 1px;
}

.scheduletable td {
vertical-align:middle;
}

.scheduletableheaderfont {
font-size:17px;
font-weight:bold;
}

/* ******************************** */

.footer {
font-size:12px;
color: #999999;
float: left;
margin: 0 auto;
width: 750px;
height: 25px;
background: #666666 url(../images/footer_background.jpg) repeat-x;
text-align:center;
vertical-align:middle;
}

/* ******************************** */

.photolayout {
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
border:  #333 1px solid;
float:right;
width:510px;
height:500px;
left: 78px;
top: 66px;
background: #FDEECC url(../images/texture.jpg) repeat;
padding:15px 52px 0px 52px;
}

/* ******************************** */

.contact {

width: 100%;
height: 400px;
padding-bottom:15px;
margin:0px;
background: #FDEECC url(../images/texture.jpg) repeat;
}

.contactbox {
margin:0 auto;
margin-top:75px;
height:177px;
width:408px;
background:url(../images/contact_background.gif) no-repeat;
}

.contactbox p {
margin:0px;
padding:0px;
padding-top: 25px;
padding-right:20px;
padding-left:20px;
color:#000;
}

contactbox img {
margin:0px auto;
}

/* ******************************** */

.smallimage {
border: 1px solid #000;
margin: 15px 15px 15px 15px;
width:102px;
height:102px;
float: left;
}

.smallimage img {
vertical-align:middle;
border: #fff solid 1px;
margin: 2px;
}

/* ******************************** */

.musiclayout {
width: 730px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
padding:0px;
border: solid #333 1px;
background: #FDEECC;
}

.musiclayout ol {
background:#FEF5E2;
border: 2px #FDEECC inset;
padding-left:40px;
padding-right:0px;
margin:0px auto;
font-size:14px;
}

.musiclayout ol li {
margin: 3px;
}

.musiclayout ol li a:link {
color:#660000;

}

.musiclayout ol li a:hover {
color:#CC3333;
}

.musiclayout ol li a:visited {
color: #993333;

}

.musiclayout td {
margin:0px;
padding: 0px;
}

.musiclayout img {
padding:0px;
margin:0px;
}

.musiclayout img a:link {
border:0px;
}

.musiclayout p {
margin:0px;
border:0px;
}

.musiclayout hr {
color:#660000;
}

/* ******************************** */

.profilelayout {
width: 730px;
height: 380px;
margin:10px;
text-align:left;
padding:0px;
border: solid #333 1px;
background: #FDEECC url(../images/texture.jpg) repeat;
}

#profilepicture {
float:right;
display:inline;
margin-right:15px;
margin-left:5px;
margin-top:20px;
margin-bottom:10px;
background:#333333;
}

#profileinterests {
display:block;
padding:5px;
margin-right:0px;
margin-left:15px;
margin-top:35px;
margin-bottom:10px;
font-size:10px;
color:#000000;
width:155px;
height:192px;
float:left;
display:inline;
}

#profileinterests p {
text-indent:0px;
margin:7px;
padding:0px;
}

#profiletext {
padding-top:10px;
width:296px;
height: 100%;
margin: 20px 10px 20px 0px;
background:#FF9933;
float:left;
display:inline;
background:#FEF5E2;
border: 1px #660000 solid;
}

#profiletext p {
text-indent:7px;
padding:0px 10px 10px 10px;
margin:0px;
font-size:13px;
}

.highlight {
color:#660000;
font-weight:bold;
}

#profilebar {
width:700px;
height:60px;
margin:0 auto;
margin-top:10px;
padding-left:50px;
background:url(../images/profile_nav_background.jpg);
}

.profilebarthumbnails {
border: 1px solid #000;
margin: 4px 15px;
width:50px;
height:50px;
float: left;
}

.profilebarthumbnailscontainer {
margin: 0 auto;
}

/* ******************************** */

#othertext {
padding-top:10px;
width:450px;
height: 100%;
margin: 20px 30px 20px 30px;
background:#FF9933;
float:left;
background:#FFFFFF;
background:#FEF5E2;
border: 1px #660000 solid;
}

#othertext p {
text-indent:7px;
padding:0px 10px 10px 10px;
margin:0px;
font-size:13px;
}

#otherprofilepicture {
height:255px;
width:180px;
float:right;
margin-right:30px;
margin-left:5px;
margin-top:20px;
margin-bottom:10px;
}

/*THIS IS FOR A TEMP CLASS FOR J&H WITH FULL PICTURE DIMENSIONS */


#specialtext {
padding-top:10px;
width:420px;
height: 100%;
margin: 20px 0px 20px 30px;
background:#FF9933;
float:left;
background:#FFFFFF;
background:#FEF5E2;
border: 1px #660000 solid;
}

#specialtext p {
text-indent:7px;
padding:0px 10px 10px 10px;
margin:0px;
font-size:13px;
}

#specialprofilepicture {
/*height:264px;
width:216px;*/
float:right;
margin-right:30px;
margin-left:5px;
margin-top:20px;
margin-bottom:10px;
}

/* ******************************** */

.lyricslayout{
width: 730px;
height: 500px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
padding:0px;
border: solid #333 1px;
background: #FDEECC;
}

.lyricslayout td {
text-align:center;
}

.lyricslayout ul {
background:#FEF5E2;
border: 2px #FDEECC inset;
padding-left:25px;
padding-right:0px;
padding-bottom:8px;
padding-top:8px;
margin-top:30px;
margin:0px auto;
font-size:14px;
width:300px;
text-align:left;
display:block;
}

.lyricslayout ul li {
margin: 4px;
text-indent:0px;
list-style-image:url(../images/bullet_red.gif);
}

.lyricslayout ul li a:link {
color:#660000;
}

.lyricslayout ul li a:hover {
color:#CC3333;
}

.lyricslayout ul li a:visited {
color: #993333;
}

.lyricslayout h1 {
font-size:23px;
margin: 20px;
color:#333333;
}

.lyricslayout h2 {
font-size:18px;
margin: 20px;
color:#333333;
}

.lyricslayout img {
margin:15px;
}

.lyricstext {
font-size:13px;
}

/* ******************************** */

h1 {
font-size:20px;
margin:0 auto;
color:#333333;
}


.title {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
margin: 10px 0px;
text-align:center;
}

/* ******************************** */

#note {
padding-top:10px;
width:400px;
height:300px;
margin:0 auto;
background:#FF9933;
background:#FFFFFF;
background:#FEF5E2;
border: 1px #660000 solid;
margin:20px;
}

#note p {
text-indent:7px;
padding:0px 10px 10px 10px;
margin:0px;
font-size:13px;
}

.nextprevious {
margin-bottom:0;
}