/* This version MONTH XX 2006 by Mike Medley */

/*
NOTE: About selecting background and border colors:
          If using same colors - make sure SAME COLORS for backgrounds and borders
          use different naming conventions or there may be a CSS validation error. Use
          color names for background and hex values for border.

Line : 25 (Level : 1) You have no background-color with your color : .top_container 
Line : 34 (Level : 1) You have no background-color with your color : .middle_wrapper 
Line : 44 (Level : 1) You have no background-color with your color : .content_container 
Line : 54 (Level : 1) You have no background-color with your color : .bottom_container 
Line : 70 (Level : 1) You have no background-color with your color : p 
Line : 74 (Level : 1) You have no background-color with your color : p.navbar_a 
Line : 78 (Level : 1) You have no background-color with your color : p.navbar_b 
Line : 82 (Level : 1) You have no background-color with your color : p.navbar_c 
Line : 86 (Level : 1) You have no background-color with your color : p.navlinks 
Line : 90 (Level : 1) You have no background-color with your color : .you_are_here 
Line : 98 (Level : 1) You have no background-color with your color : ul 
Line : 102 (Level : 1) You have no background-color with your color : ol 
Line : 106 (Level : 1) You have no background-color with your color : li 
Line : 110 (Level : 1) You have no background-color with your color : td 
Line : 114 (Level : 1) You have no background-color with your color : th 
Line : 118 (Level : 1) You have no background-color with your color : h1 
Line : 122 (Level : 1) You have no background-color with your color : h2 
Line : 126 (Level : 1) You have no background-color with your color : h2.sub 
Line : 130 (Level : 1) You have no background-color with your color : h3 
Line : 134 (Level : 1) You have no background-color with your color : h4 
Line : 138 (Level : 1) You have no background-color with your color : h5 
Line : 142 (Level : 1) You have no background-color with your color : h6 
Line : 146 (Level : 1) You have no background-color with your color : hr 
Line : 151 (Level : 1) You have no background-color with your color : a:link 
Line : 156 (Level : 1) You have no background-color with your color : a:visited 
Line : 161 (Level : 1) You have no background-color with your color : a:hover 
Line : 165 (Level : 1) You have no background-color with your color : .link_86 
Line : 215 (Level : 1) Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space. : body 
Line : 455 (Level : 1) You have no color with your background-color : td.section_header 
Line : 455 (Level : 1) You have no color with your background-color : td.section_header 
Line : 463 (Level : 1) You have no color with your background-color : td.row_header 
Line : 475 (Level : 1) You have no background-color with your color : table.composition_detail 



*/

/* This first section is all about the page layout and positioning using CSS - only 1 table for centered logo. */
body              {
                    background: white url(../graphics/vertical_background.jpg);
                    background-repeat: repeat-y;
                    color: #000000;
                    margin: 0px 0px 0px 0px;
                    border: none;
                    padding: 0px;
                  }

.top_container   {
                    width: 50px;
                    height: 309px;
                    background: transparent url(../graphics/logo_vertical.jpg);
                    background-repeat: no-repeat;
                    color: #000000;
                    margin: 0em;
                    border: none;
                    padding: 0% 0% 0% 0%;
                  }

.middle_wrapper   {
                    width: auto;
                    background: transparent;
                    color: #000000;
                    margin: -309px 0px 0px 73px;
                    border: none;
                    padding: 0px 0px 0px 0px;
                  }

.content_container {
                    width: auto;
                    height: auto;
                    background: transparent;
                    color: #000000;
                    margin: 23px 23px 0px 0px;
                    border: none;
                    padding: 0px 0px 0px 0px;
                  }

.bottom_container {
                    width: auto;
                    height: auto;
                    background: transparent;
                    color: #000000;
                    margin: 0px 0px 0px 49px;
                    border: none;
                    padding: 0px 0px 23px 0px;
                  }

.clearing         {
                    height: 0;
                    clear: both;
                  }


/* THIS SECTION IS ALL THE OTHER CSS STUFF FROM HERE TO EOF MARKER. */
/* BACKGROUNDS AND COLORS */
p                 {
                    background: transparent;
                    color: #000000;
                  }
p.navbar_a        {
                    background: transparent;
                    color: #dadae0;
                  }
p.navbar_b        {
                    background: transparent;
                    color: #dadae0;
                  }
p.navbar_c        {
                    background: transparent;
                    color: #dadae0;
                  }
p.navlinks        {
                    background: transparent;
                    color: #999999;
                  }
.you_are_here     {
                    background: transparent;
                    color: #ffdf46;
                  }
p.blocklike       {
                    background: #efeff4;
                    color: #000000;
                  }
ul                {
                    background: transparent;
                    color: #000000;
                  }
ol                {
                    background: transparent;
                    color: #000000;
                  }
li                {
                    background: transparent;
                    color: #000000;
                  }
td                {
                    background: transparent;
                    color: #000000;
                  }
th                {
                    background: transparent;
                    color: #000000;
                  }
h1                {
                    background: transparent;
                    color: #000000;
                  }
h2                {
                    background: transparent;
                    color: #707070;
                  }
h2.sub            {
                    background: transparent;
                    color: #707070;
                  }
h3                {
                    background: transparent;
                    color: #707070;
                  }
h4                {
                    background: transparent;
                    color: #707070;
                  }
h5                {
                    background: transparent;
                    color: #707070;
                  }
h6                {
                    background: transparent;
                    color: #707070;
                  }
hr                {
                    background: transparent;
                    color: #ffdf46;
                  }
a:link
                  {
                    background: transparent;
                    color: #0000ee;
                  }
a:visited
                  {
                    background: transparent;
                    color: #990099;
                  }
a:hover
                  {
                    background: transparent;
                    color: #ee0000;
                  }
.link_86          {
                    background: transparent;
                    color: #999999;
                  }
input {
	background-color: #f6f6fa;
	color: #000000;
	border-width: 2px;
	border-color: #dedee3;
}
textarea {
	background-color: #f6f6fa;
	color: #000000;
	border-width: 2px;
	border-color: #dedee3;
}


/* NAVIGATION TEXT DECORATIONS */
a:link
                  { text-decoration: underline; } 
a:visited
                  { text-decoration: underline; }
a:hover
                  { text-decoration: underline; }
a:active
                  { text-decoration: underline; }

/* ELEMENT ALIGNMENT
body              { text-align: left; }
p                 { text-align: left; }
p.c               { text-align: center; }
p.r               { text-align: right; }
ul                { text-align: left; }
ol                { text-align: left; }
th                { text-align: left; }
h1                { text-align: left; }
h2                { text-align: left; }
h3                { text-align: left; }
h4                { text-align: left; }
h5                { text-align: left; }
h6                { text-align: left; }
img.fleft         { float: left; }
img.fright        { float: right; }
.clearleft        { clear: left; }
.clearright       { clear: right; }
.clearboth        { clear: both; }


/* LOTS OF FONT STUFF */

/* FONT FAMILY FOR SINGLE TYPEFACE SPECIFICATION */
body              { font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; }

/* FONT FAMILY FOR MIXED TYPEFACE SPECIFICATION
p.navbar_a, p.navbar_b, p.navbar_c, h1, h2, h3, h4, h5, h6, th
                  { font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif; }
body, p, ul, ol, td
                  { font-family: Georgia, "Times New Roman", "Times Roman", Times, serif; } */

/* FONT STYLES */
body              { font-style: normal; }
p                 { font-style: normal; }
ul                { font-style: normal; }
ol                { font-style: normal; }
td                { font-style: normal; }
th                { font-style: normal; }
h1                { font-style: normal; }
h2                { font-style: normal; }
h3                { font-style: normal; }
h4                { font-style: normal; }
h5                { font-style: normal; }
h6                { font-style: normal; }

/* FONT WEIGHTS */
body, p, ul, ol, td, h2, h3, h4, h5, h6
                  { font-weight: normal; }
h1, th, p.header
                  { font-weight: bold; }
.important, p.navlinks
                  { font-weight: bold; }
a:link, a:visited, a:hover, a:active, .link_86
                  { font-weight: normal; }

/* FONT VARIANTS */
body              { font-variant: normal; }
p                 { font-variant: normal; }
ul                { font-variant: normal; }
ol                { font-variant: normal; }
td                { font-variant: normal; }
th                { font-variant: normal; }
h1                { font-variant: normal; }
h2                { font-variant: normal; }
h3                { font-variant: normal; }
h4                { font-variant: normal; }
h5                { font-variant: normal; }
h6                { font-variant: normal; }
.tune_name         { font-variant: small-caps; }

/* FONT SIZES */
/* To change entire layout just change the body's font-size size up or down,
   everything else inherits and scales font-size from the body. */
body              { font-size: 100%; }
p                 { font-size: 90%; }
p.navlinks        { font-size: 70%; }
p.website_owner   { font-size: 70%; }
ul                { font-size: 90%; }
ol                { font-size: 90%; }
td                { font-size: 100% }
form.cart         { font-size: 90%; }
th                { font-size: 100%; }
h1                { font-size: 135%; }
h2                { font-size: 100%; }
h2.sub            { font-size: 90%; }
h3                { font-size: 90%; }
h4                { font-size: 90%; }
h5                { font-size: 90%; }
h6                { font-size: 90%; }
.xxl              { font-size: 130%; }
.xl               { font-size: 115%; }
.l                { font-size: 100%; }
.m                { font-size: 90%; }
.s                { font-size: 80%; }
.xs               { font-size: 70%; }
.xxs              { font-size: 60%; }
.tiny             { font-size: 50%; }
.verytiny         { font-size: 40%; }

/* LINE HEIGHT */
p                 { line-height: 1.4em; }
ul                { line-height: 1.4em; }

/* HORIZONTAL RULE SIZES */
hr.wide           {
                    width: 100%;
                    height: 1.5px;
                  }
hr.medium         {
                    width: 55%;
                    height: 1.5px;
                  }
hr.narrow         {
                    width: 27%;
                    height: 1.5px;
                  }

/* MARGIN, BORDER, PADDING */
/* BORDERS (to hide use border: none; to show use border: 1px solid blue; ) */
p                 {
                    margin: 2px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
.indented         {
                    padding-right: 10px;
                    margin-left: 23px;
                  }
.more_top_margin  {
                    margin-top: 9px;
                  }
.with_hanging_indent  {
                    margin-left: 23px;
                    text-indent: -20px;
                  }
p.last            {
                    margin: .75em 0px 1em 0px;
                    border: none;
                    padding: 0em;
                  }
p.listhead        {
                    margin: 0em 0px 0em 0px;
                    border: none;
                    padding: 0em;
                  }
p.navlinks        {
                    margin: 3em 23px 0em 27px;
                    border: none;
                    padding: 0em;
                  }
p.website_owner   {
                    margin: 2em 23px 0em 27px;
                    border: none;
                    padding: 0em;
                  }
p.attribution
{
	margin: 2px 3px 2px 3em;
	text-indent: -1em;
	border: none;
	padding: 0em;
}
ul                {
                    margin: .75em 0em .75em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ul.nomargin       {
                    margin: 0em 0em 1em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ol                {
                    margin: .75em 0em .75em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ul ul             {
                    margin: 0em 0em 0em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ul ol             {
                    margin: 0em 0em 0em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
ol ul             {
                    margin: 0em 0em 0em 0em;
                    border: none;
                    padding: 0em 0em 0em 2em;
                  }
h1                {
                    margin: 1.5px 3px 0px 3px;
                    border: none;
                    padding: 0em;
                  }
h2                {
                    margin: 4px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
h3                {
                    margin: 4px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
h4                {
                    margin: 4px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
h5                {
                    margin: 4px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
h6                {
                    margin: 4px 3px 2px 3px;
                    border: none;
                    padding: 0em;
                  }
hr                {
                    margin: 1em 0px 1em 23px;
                    border: none;
                    padding: 0em;
                  }
img               {
                    margin: 0em 0em 0em 0em;
                    border: none;
                    padding: 0em;
                  }

/* FORM STUFF */
form.cart         {
                    width: auto;
                    height: auto;
                    background: transparent;
                    margin: 5px 3px 5px 3px;
                    border: none;
                    padding: 0em;
                  }

/* LIST STUFF */
ul                {
                    list-style: disc;
                    list-style-position: outside;
                  }
ul ul             {
                    list-style: square;
                    list-style-position: outside;
                  }
ol                {
                    list-style-position: outside;
                    list-style-type: decimal;
                  }

/* TABLE STUFF */
table             {
                    table-layout: auto;
                  }

td                {
                    padding: 0pt;
                  }

/* table borders (to hide use border: hidden to show use this example - border: 1pt dashed red;)
table             { border-collapse: collapse; }
table             { border: hidden; }
td                { border: hidden; }
th                { border: hidden; } */

td.table_header, td.section_header
                  {
                    border: 1pt solid #cdcdd2;
                    text-align: left;
                    vertical-align: top;
                    background: #efeff4;
                  }

td.row_header
                  {
                    border: 1pt solid #cdcdd2;
                    text-align: right;
                    vertical-align: middle;
                    background: #efeff4;
                  }

td.outlined_cell
                  {
                    border: 1pt solid #cdcdd2;
                    text-align: left;
                    vertical-align: middle;
                    background: transparent;
                  }

table.composition_detail {
                    width: 669px;
                    height: auto;
                    background: transparent;
                    color: #000000;
                    margin: 0px; 
                  }

td.composition_scan {
                    width: 191px;
                    height: 261px;
                  }


/* table horizontal alignment (left, right, center, or justify) */
td                { text-align: left; }
td.lefttop        { text-align: left; }
td.centertop      { text-align: center; }
td.righttop       { text-align: right; }
td.leftmiddle     { text-align: left; }
td.centermiddle   { text-align: center; }
td.rightmiddle    { text-align: right; }
td.leftbottom     { text-align: left; }
td.centerbottom   { text-align: center; }
td.rightbottom    { text-align: right; }

/* table vertical alignment ( top, middle, bottom, or baseline ) */
td                { vertical-align: top; }
td.lefttop        { vertical-align: top; }
td.centertop      { vertical-align: top; }
td.righttop       { vertical-align: top; }
td.leftmiddle     { vertical-align: middle; }
td.centermiddle   { vertical-align: middle; }
td.rightmiddle    { vertical-align: middle; }
td.leftbottom     { vertical-align: bottom; }
td.centerbottom   { vertical-align: bottom; }
td.rightbottom    { vertical-align: bottom; }


/* TABLE STUFF FROM OLD CCC SITE
   table borders (to hide use border: hidden to show use this example - border: 1pt dashed red)
table             { border-collapse: collapse }
table             { border: hidden }
td                { border: hidden }
th                { border: hidden }
   table and cell widths
table             { table-layout: auto }
table.main        { height: 100%; width: 758px }
table.topmenu     { width: 100% }
table.bottommenu  { width: 100% }
td.menuspace      { width: 2px }
td.thirds         { width: 33% }
td.fourths        { width: 25% }
td.staffthumb     { width: 70px }
td.staffphoto     { width: 130px }
td.top            { width: 90% }
td.topsides       { width: 5% }
td.bottom         { width: 70% }
   table padding and cell spacing
td                { padding: 0pt }
td.survey         { padding: 3pt }
   table horizontal alignment (left, right, center, or justify)
td                { text-align: left }
td.leftmiddle     { text-align: left }
td.centermiddle   { text-align: center }
td.rightmiddle    { text-align: right }
td.centertop      { text-align: center }
td.righttop       { text-align: right }
td.top            { text-align: center }
td.topsides       { text-align: center }
td.bottom         { text-align: center }
   table vertical alignment ( top, middle, bottom, or baseline )
td                { vertical-align: top }
td.leftmiddle     { vertical-align: middle }
td.centermiddle   { vertical-align: middle }
td.rightmiddle    { vertical-align: middle }
td.centertop      { vertical-align: top }
td.righttop       { vertical-align: top }
td.top            { vertical-align: middle }
td.topsides       { vertical-align: middle }
td.bottom         { vertical-align: middle } */

/* EOF */