/* CSS Document */

/* Global Elements
*********************************************************/

* {
margin: 0;
padding: 0;
}

body {
text-align: left;
background: url(../images/framework/background.jpg) top left repeat-x #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #333333;
}

a {
color:#689CCC;
text-decoration:underline;
}

a:hover {
color:#286786;
}

ul, li, a, p, h1, h2, h3, h4, h5, h6, hr, span, input, em, strong {margin:0;padding:0;}

img, form, fieldset {margin:0;padding:0;border:0;}

h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

input, textarea, select {
border:1px solid #666666;
background:#ffffff;
}

.clear {clear:both;}

.red {color:#CC0000;}
.green {color:#376B32;}

.comment {
font-size:.9em; 
font-style:oblique;
}

.inactive {
background-color: #FFECF5; 
border: 2px dotted #CC0000; 
color: #003366;
}

/* Site Framework Elements
*********************************************************/

div#music {
margin:0px auto;
width:995px;
text-align:right;
}

div#siteWrapper {
background: url(../images/framework/site_background.jpg) top left repeat-y #ffffff;
margin:0px auto;
width:995px;
}

div#siteContainer {
width:inherit;
}

div#siteHeader {
background: url(../images/framework/site_header.jpg) top left no-repeat #ffffff;
width:inherit;
height:205px;
text-align:right;
}

div#siteContent {
width:inherit;
}

div#siteNav {
float:left;
width:205px;
}

div#contentRight {
padding:10px 0px 0px 0px;
float:right;
width:760px;
}

div#siteFooter {
background: url(../images/framework/site_footer.jpg) top left no-repeat #ffffff;
width:inherit;
height:60px;
}

/* Header Elements
*********************************************************/
div#siteHeader div#clickLogo {
float:left;
margin:0px 0px 0px 0px;
width:995px;
height:180px;
}

/* Left Nav Elements
*********************************************************/
ul#leftNav {
padding:0px 0px 0px 22px;
list-style:none;
}

ul#leftNav li {
width:180px;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #666666;
}

ul#leftNav li a {
display:block;
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
padding:4px;
text-decoration:none;
}

ul#leftNav li a:hover {
color:#ffffff;
background:#8FB193;
}

ul#leftNav li ul.leftSubNav {
list-style:none;
padding: 0px 0px 0px 8px;
}

ul#leftNav li ul.leftSubNav li {
width:180px;
border:none;
line-height:10px;
padding:1px 0px 1px 0px;
}

ul#leftNav li ul.leftSubNav li a {
font-size:1.2em;
text-decoration:none;
font-weight:normal;
padding:4px;
}

ul#leftNav li ul.leftSubNav li a:hover {
text-decoration:none;
}

/* Content Elements
*********************************************************/

/* Right Content Elements
****************************/
div#contentRight table {
margin:15px;
padding:0px;
font-size:1em;
}

div#contentRight p {
margin:0px;
padding:0px 10px 10px 10px;
font-size:1.2em;
}

div#contentRight a {
color:#689CCC;
text-decoration:underline;
}

div#contentRight a:hover {
color:#286786;
}

div#contentRight h1 {
border-bottom: 1px solid #cccccc;
margin: 0px 0px 10px 0px;
width: 98%;
font-weight:200;
font-size:2em;
color:#333333;
}

div#contentRight h2 {
border-bottom: 1px solid #cccccc;
margin: 0px 0px 10px 0px;
width: 98%;
font-weight:bold;
font-size:1.6em;
color:#666666;
}

div#contentRight h3 {
margin: 0px 0px 5px 0px;
font-weight:bold;
font-size:1.5em;
color:#333333;
}

div#contentRight h1 a, div#contentRight h2 a, div#contentRight h3 a {
text-decoration:none;
color:#6FA85E;
}

div#contentRight fieldset {
border:1px solid #D7DFD2;
margin:5px 0px 10px 5px;
padding:5px;
}

div#contentRight legend {
color:#6FA85E;
font-weight:bold;
padding:0px 5px 0px 5px;
}

div#contentRight ul {
padding: 0px 0px 15px 30px;
font-size: 1.2em;
}

div#contentRight ul li {
padding: 2px;
}

div#contentRight .picTable {
margin: 2px;
font-style:oblique;
font-size:1.1em;
text-align:center;
color:#666666;
}

div#contentRight img {
padding: 0px 8px 2px 5px;
}

div#contentRight .listTable {
width:97%;
font-size:1.2em;
text-align:center;
color:#666666;
margin:10px;
}

div#contentRight .listTable th {
font-size:1.2em;
background:#cccccc;
padding:2px;
}

div#contentRight .listTable td {
background:#f3f3f3;
padding:2px;
}

div#contentRight .contactForm {
margin: 10px;
border:1px solid #666666;
padding:5px;
width:94%;
font-size:1.2em;
color:#666666;
background:#f3f3f3;
}

div#contentRight .contactForm th {
padding:2px;
text-align:right;
font-weight:normal;
}

div#contentRight .contactForm td {
padding:2px;
text-align:left;
}

div#contentRight fieldset.newsletter {
margin:0px 15px 0px 0px;
border:1px solid #999999;
width:280px;
padding:0px 0px 0px 0px;
}

div#contentRight fieldset.newsletter legend {
border:1px solid #666666;
padding:3px;
font-size:1.2em;
background:#D3E6EC;
}

div#contentRight div#bottomBar {
width:98%;
border:2px dotted #cccccc;
padding:0px;
margin: 5px 0px 2px 0px;
background: #f3f3f3;
font-size:1.1em;
color:#666666;
}

div#contentRight div#bottomBar td {
padding:0px;
margin:0px;
font-size:1.2em;
text-align:left;
vertical-align:top;
}
div#contentRight div#bottomBar td img {
padding:0px;
margin:0px
}

/* Footer Elements
*********************************************************/
div#siteFooter p {
float:right;
padding:45px 5px 0px 0px;
color:#999999;
}

div#siteFooter p a {
display:inline;
color:#999999;
text-decoration:none;
}

div#siteFooter p a:hover {
color:#999999;
text-decoration:underline;
}

ul#footerNav {
float:left;
padding:32px 0px 0px 240px;
list-style:none;
color:#333333;
left:240px;
}

ul#footerNav li {
display:inline;
color:#666666;
padding:1px 0px 0px 0px;
}

ul#footerNav li a {
display:inline;
color:#333333;
text-decoration:none;
text-transform:lowercase;
}

ul#footerNav li a:hover {
color:#999999;
}