/*
 * COLOR PALATTE
 * 
 * #YELLOW CREAM:      rgb(131,135,109)    | #FFFFC8;       Article, Aside, Footer, and mainSection bg,
 * SAGE:               rgb(209,215,174)    | #D3D6B2  
 * LIGHT CREAM:        rgb(255,255,243)    | # E3F6F2       HTML Background
 * RUST BROWN:         rgb(122,43,18)      | #7A2B12        Top  nav bg
 * SANDSTONE:          rgb(224,177,123)    | #E0B17B        link -changed to  rgb(217,122,14)  | #d97a0e
 * MUSTARD             rgb(224,176,33)     | #E0B021        visited - changed to rgb(147,111,2)  |  #936f02
 * GRAY CREAM:         rgb(212,202,154)    | #D4CA9A        hover - changed to rgb(127,114,54)  | #7f7236
 * SLATE BLUE:         rgb(76,101,112)     | #4C6570        h1,2, 
 * BLUE GREY           rbg(76,83,93)       | #435356
 * DARK SLATE BLUE     rgb(60,70,74)       | #3c464a        p 
 *                     rgb(49,62,68)       | #313e44
 */

/* http://meyerweb.com/eric/tools/css/reset/      v2.0b1 | 201101 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section  {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define visible focus styles! 
:focus {
    outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*MY CODE BELOW  ---------------------------------------------------------------------------------------------------*/

/*Layout and Palette*/
html {
    background-color: #fffff3;                                                     /*LIGHT CREAM */
}

body {
    width: 1120px;
    margin: 0 Auto;
    padding: 0, 1em, 0, 1em;
    background-color: #ffffc8;                                                    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    color: #313e44;                                                            
}
aside, article, nav, header, footer, section, video {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1em;
    background-color: #ffffc8;                                              /*YELLOW CREAM*/                                                   
}

h1 {
    color: #4C6570;                                                                  /*SLATE BLUE*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    line-height: 1em;
}
h2 {
    color: #4C6570;                                                                     /*SLATE BLUE*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    text-align: center;
}
h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}
h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
h5 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
h6 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
p {
    margin-top: 0;
    color: 313e44;                                                     /*BLUE GRAY */
}
a:link {
    color:  #d97a0e;                                                    /*MUSTARD*/
    text-decoration: underline;
}
a:visited {
     color:  #936f02;                                                   /*SANDSTONE*/
    text-decoration: none;
}
a:hover{
    color: #7f7236;                                                     /*GRAY CREAM*/                             
    text-decoration: none;
}

/*HEADER*/

header {
    background-color:  #ffffc8;                                 /*YELLOW CREAM*/

}

header {
    background-color: #ffffc8;                                  /*YELLOW CREAM*/
    margin: 0,0,0,0;
    padding-top: 27px;
    padding-bottom:10;
    z-index: 100;
/*  background-image: url(NorthPresPano-web200.jpg);  */
    background-image: url(images/Morning-on-Puddin-Pond-web200.jpg);
    text-align: center;
 }

header p {
    text-align: center;
}
.mastHead1 {
    font-family: 'Yesteryear', cursive, arial, sans-serif;
    font-size: 3em;
    opacity: 1.0;
    z-index: 300;
    color: #fff;
}
.mastHead2 {
    font-family: 'Yesteryear', cursive, arial, sans-serif;
    font-size: 2em;
    opacity: 1.0;
    z-index:300;
    color: #fff;
    line-height: .5em;
}
.mastHead3 {
    font-family: 'Yesteryear', cursive, arial, sans-serif;
    font-size: 1.2em;
    opacity: 1.0;
    z-index:300;
    color: #fff;
    line-height: .5em;
}

/* menu */

nav {
    height: 6px;
}

#menuTop {
    position: relative;
    background-color: #7A2B12;                                      /*RUST BROWN*/ 
    margin:5,5,5,5;
    padding-top: 0px;
    font-size: .8em;
}

#menuTop ul {
    margin: 0;
    padding: 0;
    background-color: #7A2B12;                                  /*RUST BROWN*/ 
}

#menuTop ul {
    list-style-type: none;
}

#menuTop li {
    display: block;
    background-color: #7A2B12;                                   /*RUST BROWN*/ 
    width: 130px;
    height: 20px;
    border-left: 2px solid white;
    text-align: center;
}

#menuTop a {
    display: block;
    margin: 0;
    padding: 0 3px;
}

#menuTop a:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:  #E0B021;                                                    /*MUSTARD*/
    text-decoration: none;
}
#menuTop a:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:  #E0B17B;                                                     /*SANDSTONE*/
    text-decoration: none;
}

#menuTop a:hover {
        color: #D4CA9A;                                                     /*GRAY CREAM*/  
        font-weight: bold;
}

.menuHoriz {
    line-height: 20px;
    padding-left: 2px;
}
ul.menuHoriz li {
    float: left;
}

ul.menuVert {
    position: absolute;
    visibility: hidden;
    top: 20px;
}

ul#menuSubOne {left: 278px;}
ul#menuSubTwo {left: 410px;}
ul#menuSubThree {left: 542px;}
ul#menuSubFour  {left: 806px;}


/*content */

/*Main Section*/
.badgesSection {
    margin: 0 Auto;
    padding-bottom: 5px;
    background-color:  #ffffc8;                     /*LIGHT CREAM*/
}
article {
    background-color:  #ffffc8;                     /*LIGHT CREAM*/
    width:36%;  
    float:left;
    margin: 5px;
    text-align:justify;
}



article h1 {
    text-align: center;
}

/*Left Aside*/

#asideLeft {
    float:left;
    width: 10%; 
    margin: 2px;
}

#asideLeft1 {
    float:left;
    width: 30%; 
    margin: 2px;
}
  
#spineHealth {
    margin: 0 auto;
}
  

#asideLeft img {
    margin: 0px, auto;
    padding-bottom: 2px;
    width: 100px;
}

#asideLeft1 img {
    margin: 0px, auto;
    padding-bottom: 2px;
    width: 100px;
}

#asideLeft p { 
    text-align: center;
    font-weight: bold;
    font-size: .7em;
    line-height: 1em;
}
#ccLogos{
    display: block;
    float: left;
}

#ccLogos img{
    margin: 0 auto;
    width: 55px;    
}
/*Right Aside*/

#asideRight{
    float:left;
    width: 36%;
    margin: 5px, 0px,5px, 5px;
    text-align:justify;
}
.hours table {
    margins: 0,auto;
    padding: 5px;
    border-bottom: 1px;
    border-style: solid;
    border-color:#313E44;
}
.hours th,td,tr { 
    padding: 5px;
    text-align:center;    
}
.hours hrCol1 {
    text-align: left;
}
.hours {
    width: 100%;
}
.red {
    color:red;
}
.blink {
    text-transform: uppercase;
}
/* Footer */

footer {
    clear:both;
    margin: 0;
    padding:0,20px,30px,20px;
    border: 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: bold;
}
/* Orthotics page*/

article.orthotics {
    display:block;
    width:72%;
    float:left;
}

article.orthotics #section2{
    display: block;
    width:60%;
    float: left:
}

article.orthotics #section3{
    display: block;
    width: 22%;
    float:left;
}

article.orthotics #section3 p {
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
}

article.orthotics #section3 img {
    margin: 0 auto;
}

.shadowImg{
    border:2px, groove, black;
    border-radius:25px;
    -moz-border-radius:25px;
    box-shadow: 10px 10px 5px #888888;
}

.shadowImgSq{
    border:2px, groove, black;
    box-shadow: 10px 10px 5px #888888;
}

article.OneCol {
    width: 80%;
}

.nameColor {
    color: #880000 ;            /*color for names on testimonial page */
}

article.backpacks {
    display:block;
    width:72%;
    float:left;
}

article.backpacks #section2{
    display: block;
    width:60%;
    float: left:
}

article.backpacks #section3{
    display: block;
    width: 22%;
    float:left;
}

article.backpacks #section3 p {
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
}

article.backpacks #section3 img {
    margin: 0 auto;
}

/*Closure Dates Page */

.closuredates th {
    text-align: left;
}
.closuredates td {
    text-align: left;
}