/* CSS Document */

body{ margin: 0 auto; margin-top: 37px; font-family: "Helvetica", Arial, Verdana, sans-serif;}

#level1-nav alt, #level2-nav alt{ font-size: 10px;}

#home {background-color: #E2E2DD;}
#school {background-color: #78C6EA;}
#services {background-color: #AC9F83;}




/* section styles */



/* CONTAINERS AND STRUCTURE */

#main-container{ margin: 0 auto; width: 770px; height: 570px; background-color: #ffffff;}

#masthead{ width: 770px; height: 100px;}

#masthead.services{background-image: url(images/msthd-services.gif);}

#masthead.intro{background-image:url(images/msthd-austbutlers.gif);}

#level1-nav{width: 770px; height: 37px; padding: 0px 0px 0px 0px; margin: 0px;}

#level1-nav img{ padding: 0px; margin: 0px; float: left; border: 0; display:inline;}

#level2-nav{ width: 770px; height: 37px; padding: 0px 0px 0px 0px; margin: 0;}

#picture{ width: 300px; height: 360px; float: left; display: block;}

#rh-container{ width: 420px; height: 310px; float: left; padding: 25px 0px 25px 25px;}

#content{width: 405px; height: 310px; padding: 0px 20px 0px 0px; overflow: auto; /* >> hides horizontal scroll from ie >> */ overflow-x: hidden;}

#footer{ width: 720px; height: 37px; padding: 0px 25px 0px 25px; background-image:url(images/nav-ds-1.gif); background-repeat:repeat-x; background-position: top; background-color:#FFFFFF; clear: both;}

#main-title{ width: 350px; height: auto; display: block; background-position: top left; background-repeat: no-repeat; margin: 0px 0px 10px 0px;}

#content #main-title h1 {display: none;}


/* TYPE STYLES */

#content {color: #4F585E;}

#content p, #home-table p, #content li{font-size: 70%; line-height: 140%;  margin: 0px 0px 15px 0px;}

#content ul {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 15px; list-style-image: url(images/m-dash.gif);}

#content li {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}

#content h2{ font-size: 75%; line-height: 130%; margin: 0px 0px 5px 0px; font-weight: bold;}

#content h3 /* intro copy */ { font-size: 90%; line-height: 140%; margin: 15px 0px 15px 0px; font-weight: normal; }

#content p.small-print{font-size: 65%;}

#content a:link{ text-decoration: underline; color: #4F585E;}
#content a:visited{ text-decoration: underline; color: #4F585E;}
#content a:hover{text-decoration: underline; color: #000000;}
#content a:active{text-decoration: underline; color: #4F585E;}



/* NAVIGATION */

#level1-nav.school{background-color: #93D1EE;}

#level1-nav.services{background-color: #E5DFD3;}

#level1-nav-home{background-color: #7D7B7C;}

#level1-nav, #level2-nav, #picture{ font-size: 10px;}

#level1-nav, #level2-nav, #footer{ vertical-align:middle; text-align: left;}

#level1-nav a, #level2-nav a, #footer a{text-decoration: none; color: #646464;}

#level1-nav a:hover, #footer a:hover{ font-weight: bold;} 

#level1-nav a:active, #footer a:active{font-weight: bold;}

#level1-nav ul{ margin: 0px; padding: 0px; font-size: 75%; line-height: 35px; color: #646464; list-style-position: inherit;}

#level1-nav li{list-style-type: none; display: inline; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;}

#level2-nav {background-image:url(images/nav-ds-1.gif); background-repeat:repeat-x; background-position: top; background-color:#FFFFFF;}

#level2-nav p { font-size: 70%; line-height: 35px; margin: 0px; padding: 0px; }

#level2-nav a:link{font-weight: normal;}
#level2-nav a:visited{font-weight: normal;}
#level2-nav a:hover{font-weight: bold;}
#level2-nav a:active{font-weight: bold;}


/* FOOTER */
#footer p {font-size: 60%; line-height: 37px; color: #666666; margin: 0px 0px 0px 0px;}

#footer a:link{font-weight: normal;}
#footer a:visited{font-weight: normal;}
#footer a:hover{font-weight: bold;}
#footer a:active{font-weight: bold;}



/* SECTIONAL STYLES */

/* SCHOOL INTRO */ body.school-intro #main-container{ background-color: #93D1EE;}
/* TODAYS BUTLER */ body.todays-butler #main-container{ background-color: #A3DCEB;}
/* OUR SCHOOL */ body.our-school #main-container{ background-color: #93D1EE;}
/* YOUR CAREER */ body.your-career #main-container{ background-color: #BFE5E9;}
/* THE NEWS */ body.the-news #main-container{ background-color: #BFD0DD;}
/* TESTIMONIALS */ body.testimonials #main-container{ background-color: #BED9EC;}
/* CONTACT US */ body.contact-us #main-container{ background-color: #B3E7E0;}
/* VALUED ASSOCIATES */ body.valued-associates #main-container{ background-color: #CFDAE7;}
/* APPLY */ body.apply #main-container{ background-color: #C8E2E9;}

/* SERVICES INTRO */ body.services-intro #main-container{ background-color: #DED7C8;}
/* STAFF PLACEMENT */ body.staff-placement #main-container{ background-color: #E4DAC6;}
/* residence-management */ body.residence-management #main-container{ background-color: #E5E0CB;}
/* Consultancy Services */ body.consultancy-services #main-container{ background-color: #DBD8CA;}
/* Lifestyle Management */ body.lifestyle #main-container{ background-color: #E6DCD2;}
/* In the News */ body.news #main-container{ background-color:#E6E3DB;}
/* Testimonials */ body.serv-testimonials #main-container{ background-color: #DEDAD4;}
/* Contact */ body.serv-contact #main-container{ background-color: #E8DED3;}
/* Valued Associates */ body.associates #main-container{ background-color: #E6E3DE;}


/* Home styles */
#home-table{ width: 770px; height: 436px; background-image: url(images/home-footer.gif); background-position: bottom; background-repeat: no-repeat; background-color:#FFFFFF;}

#home-logos{ height: 135px; margin: 15px 0px 25px 0px;}

#copy{ padding: 25px 0px 0px 50px; width: 370px;}

#content.home{ padding: 0px 0px 0px 25px; width: 300px;}

#picture.home{float: left;}



/* MISC TREATMENTS */
#profile-image { float: left; width: 131px; height: auto; margin: 0px 5px 15px 0px; padding: 0;}
#profile-image p { font-size: 60%; text-align: left; margin: 5px 0px 5px 0px; padding: 0;}

.clear{ clear: both;}

#content p.quoter{ padding: 0px 0px 0px 15px; margin-top: -10px;}

#valued-associates-table, #contact-table { width: 395px;}

#contact-table p{margin: 0px 0px 5px 0px;}

.contact-large{ font-size: 130%; width: 60px;}

#valued-associates-table p{ border-bottom-style: solid; border-bottom-color: #BEBEBE; border-bottom-width: 1px; margin: 0px 0px 5px 0px;}

.url-right-align{text-align: right;}