@charset "utf-8";

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:105%;
background:#383838 url('../images/body-bg.gif') repeat-x
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
letter-spacing:normal;
line-height:135%
}

input,textarea {
font-family:inherit;
font-size:8pt
}

.clean {
letter-spacing:normal;
line-height:200%
}

#topbar {
width:100%;
height:42px;
background:#383838;
margin:0 auto;
padding:0
}

#top_contain {
width:861px;
height:42px;
margin:0 auto;
padding:0
}

#logo {
float:left;
width:283px;
height:41px;
background:#383838
}

#top_buttons {
float:right;
width:273px;
height:42px;
padding-top:5px;
margin:0 auto
}

#top_buttons ul {
list-style:none
}

#top_buttons li {
display:inline
}

#top_buttons a {
padding-top:10px;
display:block;
float:left;
background:#4c4c4c url('../images/button.gif') no-repeat;
color:#9c9c9c;
height:21px;
width:88px;
border:0;
font-size:7.5pt;
font-weight:700;
text-decoration:none;
font-family:inherit;
text-align:center
}

#top_buttons a:hover {
color:white;
text-decoration:underline
}

#container {
width:861px;
height:auto;
background:#f2f2f2;
margin:0 auto;
padding:0
}

#header {
height:99px;
width:861px;
background:url('../images/header-bg.jpg') top left no-repeat;
margin:0 auto
}

#navigation {
height:33px;
text-align:left;
width:861px;
background:#168c90;
margin:0 auto;
font-size:10pt;
}

#ads {
border-top:1px solid;
border-color:#137e82;
height:90px;
text-align:center;
width:861px;
background:#0e5c5f;
color:white;
margin:0 auto;
}

#footerads {
clear:both;
height:90px;
text-align:center;
width:728px;
background:#f2f2f2;
color:white;
margin:0 auto;
}

#left {
clear:both;
float:left;
width:300px;
height:100%;
background:#e6e6e7 url('../images/left-bg.jpg') top left repeat-y
}

#navcap {
clear:both;
float:left;
width:300px;
height:50px;
background:#e6e6e7 url('../images/nav-cap.gif') top left no-repeat
}

#right_bar {
float:left;
width:560px

}

#left p {
width:270px;
font-size:1em;
border-top:1px solid #1ca5ab;
border-bottom:1px solid #1ca5ab;
text-align:center;
background:#f0f0f0;
margin:10px auto auto 5px;
padding:6px
}

#left h1 {
height:21px;
width:294px;
background:#dcddd8;
padding-top:9px;
text-align:center;
font-weight:700;
font-size:8pt;
border-bottom:2px solid #c8c9c5;
color:#000
}

#right {
clear:left;
float:right;
width:531px;
height:100%;
background:#f2f2f2;
overflow:hidden;
padding:15px 15px 50px
}


#pagination {
text-align:center
}

#right h1 {
background:#292929;
color:#FFF;
border-bottom:1px solid #168c90;
font-weight:700;
font-size:8pt;
margin:0 auto;
padding:10px;
}

#right h5 {
background:#f8f7f7;
color:#000;
border:1px dashed #d8d8d8;
font-size:8pt;
margin:10px auto;
padding:10px
}

.pad {
padding:10px
}

#student {
float:left;
width:255px;
height:128px;
margin:20px auto;
background:url('../images/guitar-student.jpg');
border: 1px solid black;
text-align:center;

}

#teacher {
float:right;
width:260px;
height:128px;
margin:20px auto;
background:url('../images/guitar-teacher.jpg');
border: 1px solid black;
text-align:center;

}

#teacher p {
margin-top:105px;
color:black;
}

#student p {
margin-top:105px;
color:black;
}


.more {
font-size:7pt;
font-weight:700;
color:#000;
text-decoration:none
}

.more_header {
font-size:7pt;
font-weight:400;
color:#666464;
text-decoration:none
}

.more_header:hover {
color:#969595;
text-decoration:underline
}

.zip_form {
padding:15px 20px 0
}

.zip_input {
border:1px solid #cacaca;
background:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:8pt;
color:#000;
width:80px;
height:15px
}

.g_input {
border:1px solid #cacaca;
background:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:8pt;
color:#000;
width:100%;
height:15px
}

.zip_label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:8pt;
color:#1ca5ab;
vertical-align:top;
padding-bottom:2px
}

.zip_submit {
background:url('../images/zip-search.gif') top left no-repeat;
border:none;
width:88px;
height:31px;
font-size:8pt;
font-family:inherit;
font-weight:700;
color:#1ca5ab;
padding:0
}

.zip_radio {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
color:#000;
vertical-align:middle
}

.vert {
vertical-align:middle
}

h3 {
font-size:10pt;
font-weight:700;
color:#000;
text-align:center;
padding:7px
}

a {
color:#168c90;
text-decoration:none;
font-weight:700
}

#footer a {
color:#000;
text-decoration:none;
font-weight:700
}

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

#footer {
clear:both;
width:100%;
height:53px;
background: #169c90;
}

#footer p {
padding-top:15px;
padding-right:20px;
text-align:right;
color:#000;
font-size:7pt;
margin:0 auto
}

strong {
font-weight:700
}

.small {
font-size:7pt;
color:#1aacb1;
font-weight:400
}
.errForm{
font-size:7pt;
font-weight:bold;
color:red;
}
.teacher_link {
font-size:10pt
}

.generic {
background:#f8f7f7;
color:#000;
width:531px;
border:1px solid #e4e3e3;
line-height:150%;
margin:0 auto 10px;
padding:10px
}


table.cats_table {
width:90%;
margin:10px 10px 10px auto
}

.cats_table a:link,.cats_table a:active,.cats_table a:visited,.cats_table a:hover {
color:#666464;
font-size:9px;
font-weight:400
}

table.fretboard {
border:1px solid;
color:#000;
text-align:center;
vertical-align:middle;
border-color:#000;
margin:0 auto
}

table.fretboard td,tr {
text-align:center;
border:1px solid;
color:#000;
vertical-align:middle;
border-color:#000;
padding:5px
}