/*** St Wilfrid's  by subtleasafish.com 06.09.06 v1 ***/

/* Stylesheet Structure:

                    1. Accessibility
                    2. Main Structure and Layout
                    3. Other Layout
                    4. Navigation
                    5. Tables
                    6. Headings
                    7. Lists
                    8. Forms
                    9. Links
                    10.Images
                    11.Misc
                    12.Bugs and Hacks

*/

                              /*** 1. Accessibility ***/
                              
.hide {
    display:        none;
    }                               
                              
                              /*** 2. Main Structure and Layout ***/

body {
    font:           75% tahoma, verdana, arial, helvetica, sans-serif;
    background:     #fff;
    color:          #000;
    width:          100%;
    height:         100%;
    }            
    
/* ===== set all elements to 0 - padding, border and margin ===== */
* {
    padding:        0;
    margin:         0;
    }          
ul, ol {
    margin:         0;
    padding:        0;
    }            

#wrapper {
    width:          760px;
    background:     #fff;
    color:          #000;
    margin:         20px auto;
    overflow:       hidden;
    } 
div#content {
    margin-top:     10px;
    }  
/* needed when there is a sub menu!!! */
body#about div#content, body#facilities div#content {
    margin-top:     35px;
    }  
/* needed when there is a sub menu in IE!!! */
* html body#about div#content, * html body#facilities div#content {
    margin-top:     15px;
    }             
p {
    padding:        0 0 20px 0;
    font-size:      1.1em;
    line-height:    1.4em;
    } 
div#footer {
    border-top:     10px solid #8f0908;
    }           
    
                              /*** 3. Other Layout ***/ 

p.terms {
    float:          left;
    }
p.copy {
    float:          right;
    }   
div.registration p {
    font-size:      90%;
    color:          #8b0404;  
    background:     #fff;
    }                                                                                                     
  
                              /*** 4. Navigation ***/
          
/* ===== main and sub navigation ===== */
div#menu ul, div#sub-menu ul {
    margin-left:    0;
    padding-left:   0;
    background:     #8f0908 url(../img/btn-blue-bg.jpg) repeat-x;
    color:          #fff;
    float:          left;
    width:          100%;
    }
div#sub-menu ul {   
    background:     url(../img/btn-green-bg.jpg) repeat-x;
    } 
div#menu ul li, div#sub-menu ul li {
    display:        inline;
    list-style-type: none;
    background:     #8f0908 url(../img/btn-blue-bg.jpg) repeat-x;
    color:          #fff;
    }
div#sub-menu li {
    background:     #4b6059 url(../img/btn-blue-bg.jpg) repeat-x;
    color:          #fff;
    }
div#menu li {
    text-transform: uppercase;
    }    
div#menu ul li a, div#sub-menu ul li a {
    padding:        4px 20px;
    float:          left;
    border-right:   3px solid #fff;
    }
div#menu a:link, div#menu a:visited, div#sub-menu a:link, div#sub-menu a:visited {
    color:          #fff;
    background:     #8f0908 url(../img/btn-blue-bg.jpg) repeat-x;
    text-decoration: none;
    }
div#sub-menu a:link, div#sub-menu a:visited {
    background:     #4b6059 url(../img/btn-green-bg.jpg) repeat-x;
    }    
div#menu a:hover, div#sub-menu a:hover {
    color:          #fff;
    background:     #354070 url(../img/btn-red-bg.jpg) repeat-x;
    text-decoration: none;
    }    
div#sub-menu a:hover {
    background:     #4b6059 url(../img/btn-light-green-bg.jpg) repeat-x;
    color:          #333;
    }        
                

 
/*===== main nav current page ===== */ 
body#index li#navIndex a,
body#about li#navAbout a,
body#facilities li#navFacilities a,
body#social li#navSocial a,
body#spiritual li#navSpiritual a,
body#admission li#navAdmission a,
body#contact li#navContact a
    {
    color:          #fff;
    cursor:         default;
    background:     #354070 url(../img/btn-red-bg.jpg) repeat-x;
    }  

/* ===== sub-nav current page ===== */
/* about */
body.general div#wrapper div#sub-menu ul li#navHistory a,
body.daughters div#wrapper div#sub-menu ul li#navDaughters a,
body.mission div#wrapper div#sub-menu ul li#navMission a,
body.staff div#wrapper div#sub-menu ul li#navStaff a,
body.jobs div#wrapper div#sub-menu ul li#navJobs a,
/* facilities */
body.accommodation div#wrapper div#sub-menu ul li#navAccommodation a,
body.dining div#wrapper div#sub-menu ul li#navDining a,
body.medical div#wrapper div#sub-menu ul li#navMedical a,
body.valuables div#wrapper div#sub-menu ul li#navValuables a,
body.other div#wrapper div#sub-menu ul li#navOther a
    {
    color:          #333;
    cursor:         default;
    background:     #c4cac8 url(../img/btn-light-green-bg.jpg) repeat-x;;
    }          
     
 
                              /*** 5. Tables***/

table {
    margin:         0 20px 10px 40px;
    padding:        10px;
    border:         1px solid #f9e2e2;
    width:          200px;
    }
th {
    text-align:     left;
    color:          #000;
    background:     #fff;
    padding:        5px;
    }
td {
    padding:        5px;
    margin-bottom:  5px;
    }
th.day, td.day {
    width:          60%;
    }
th.time, td.time {
    width:          40%;
    }
th.odd, td.odd {
    background-color: #f9e2e2;
    color:          #000;
    }        

                              /*** 6. Headings ***/


    

                              /*** 7. Lists ***/

dl#address {
    margin: 0 20px 20px 40px;
    }
dt {
    width: 80px;
    padding: 10px;
    float: left;
    margin: 0;
    font-weight: bold;
    }
dd {
    margin-left: 120px;
    padding: 10px;
    }
/* sample daily menu on DINING ROOM */
dl#sample-menu {
    margin-left: 10px;
    }
dl#sample-menu dt, dl#sample-menu dd {
    padding-bottom: 0;
    }
dd.last {
    margin-bottom: 15px;
    }

/* sitemap ul */
ul.sitemap {
    margin: 10px 0 20px 40px;
    list-style-type: square;
    }
ul.sitemap li {
    margin-bottom: 10px;
    }
ul.sitemap li a {
    text-decoration: none;
    color: #8f0908;
    font-weight: bold;
    font-size: 120%;
    } 
ul.sitemap li a:hover {
    text-decoration: underline;
    color: #666;
    }
ul.sitemap li ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 5px;
    }  
ul.sitemap li ul li a {
    font-size: 100%;
    padding-left: 20px;
    }         

                              /*** 8. Forms ***/
                              
        

                              /*** 9. Links ***/
                               
/* ===== footer ===== */
div#footer p a {
    color:          #8f0908;
    background:     #fff;
    text-decoration: none;
    }
div#footer p a:hover {
    color:          #666;
    background:     #fff;
    text-decoration: underline;
    } 
/* ===== general links in #content ===== */ 
div#content a {
    text-decoration: none;
    color:          #8f0908;
    background:     #fff;
    font-weight:    bold;
    }  
div#content a:hover {
    text-decoration: underline;
    color:          #666;
    background:     #fff;
    }  
         

                              /*** 10. Images ***/

img {
    border: 0;
    }
div#head-image img {
    border-top:     4px solid #fff;
    } 
div#logo img {
    border-bottom:  2px solid #fff;
    }
img#header {
    border-top:     4px solid #fff;
    margin-bottom:  4px;
    }  
    
div#content img.pic-1 {
    float:          right;
    margin:         2px 0 10px 10px;
    }
div#content img.pic-2 {
    display:        block;
    margin:         0 auto 20px;
    }    
div#content img.border {
    border:         1px solid #8f0908;
    }             
    


                              /*** 11. Misc ***/

/* ===== acronyms and abbreviations ===== */
acronym, abbr {
    cursor:         help;    
    }


    
       
    
                              /*** 12. Bugs and Hacks ***/
/* ===== Tony Aslett's elegant clear hack ===== */                              
.clearfix:after {
    content:        "."; 
    display:        block; 
    height:         0; 
    clear:          both; 
    visibility:     hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */