body {margin: 0; padding: 0; background: #fff; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #333; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-size: 11px; font-weight: bold; margin: 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000;}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #416c9a;}
a:hover {color: #a10000;}

.hide {display: none;}




#outer {width: 770px; margin: 0 auto; text-align: left;}
#top {width: 770px; height: 103px; margin-bottom: 1px; border-bottom: 3px solid #6d1b1f; background: url(http://www.westlakeacademy.org/images/bkg-top.gif) bottom repeat-x; position: relative;}
#top h1 {width: 150px; background: url(http://www.westlakeacademy.org/images/logo.gif) no-repeat;}

#top h1 a {display: block; height: 102px;}
#top ul {width: 400px; height: 23px; background: url(http://www.westlakeacademy.org/images/bkg-committed.gif) right top no-repeat; margin: 0; padding: 79px 0 0 0; list-style: none; position: absolute; top: 0; right: 0;}
#top li {border-left: 1px solid #fff; background: url(http://www.westlakeacademy.org/images/bkg-topnav.gif) repeat-x; margin: 0; padding: 0; list-style: none; float: left; text-align: center; font-family: georgia, times, "times new roman", serif; text-transform: uppercase; font-weight: bold;}
#top li a {display: block; width: 99px; height: 18px; padding-top: 5px; color: #fff; text-decoration: none; letter-spacing: 1px;}
#top li a:hover {background: url(http://www.westlakeacademy.org/images/bkg-topnav-roll.gif) repeat-x;}

#main {background: url(http://www.westlakeacademy.org/images/bkg-main.gif) repeat-y; line-height: 15px;}
body.home #main {height: 400px; border-bottom: 1px solid #fff;}
body.sidebar #main {background: url(http://www.westlakeacademy.org/images/bkg-main-sidebar.gif) repeat-y;}
body.parents_sidebar #main {background: url(http://www.westlakeacademy.org/images/bkg-main-sidebar.gif) repeat-y;}
#left {float: left; width: 150px; border-right: 1px solid #fff; background: url(http://www.westlakeacademy.org/images/bkg-left.gif) repeat-x; padding-top: 19px;}
#content {margin-left: 151px; padding: 35px 30px 0 25px;}
body.sidebar #content {margin-right: 171px;}
body.parents_sidebar #content {margin-right: 171px;}
body.home #content {padding: 25px 25px 0 25px; margin-right: 16px;}
#right {float: right; width: 140px; border-left: 1px solid #fff; padding: 36px 15px 0 15px;}
#spacer {clear: both;}
body.home #spacer {display: none;}

#left ul {margin: 0; padding: 0 0 18px 0; list-style: none; background: #c3bc92 url(http://www.westlakeacademy.org/images/bkg-leftnav.gif) bottom repeat-x; line-height: 14px; font-family: georgia, times, "times new roman", serif; font-weight: bold;}
#left li {margin: 0; padding: 0; list-style: none;}
#left a {display: block; width: 134px; color: #333; text-decoration: none; padding: 7px 8px 6px 8px; border-bottom: 1px solid #fff;}
#left a:hover, #left li.on a {color: #fff; background: #6d1b1f;}

#left ul ul {display: none; padding: 0; line-height: 12px; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-weight: normal;}
#left ul li.on ul {display: block;}
#left ul li.on ul a {width: 122px; padding: 5px 8px 5px 20px; color: #fff; background: #416c9a;}
#left ul li.on ul a:hover, #left ul li.on ul li.on a {background: #c10000;}

#left ul ul ul {display: none; font-size: 9px; border-bottom: 1px solid #fff;}
#left ul ul li.on ul {display: block;}
#left ul li.on ul li.on ul a {width: 107px; padding-left: 35px; background: #002b59; border: 0;}
#left ul li.on ul li.on ul a:hover {background: #204b79;}

#left ul li.on ul li.on ul li.on a, #left ul li.on ul li.on ul li.on a:hover {background: #204b79 url(http://www.westlakeacademy.org/images/bkg-subnav.gif) 25px 8px no-repeat;}

#right h2 {font-family: georgia, times, "times new roman", serif; font-size: 13px; font-weight: bold; margin-bottom: 14px;}
#right h3 {font-weight: bold; font-size: 12px; margin: 1.5em 0 5px 0;}
#right h4 {font-weight: bold; font-size: 12px; margin: 1.5em 0 5px 0; color: #6d1b1f}
#right p {margin-top: 100px}
#right a {color: #6d1b1f;}
#right a:hover {color: #c00;}

#bigphoto {float: left; width: 619px; padding-bottom: 1px; border-bottom: 3px solid #416c9a;}
#bigphoto img {width: 619px; height: 150px;}
body.sidebar #bigphoto {width: 448px;}
body.sidebar #bigphoto img {width: 448px;}
body #bigphoto {margin-bottom: 35px;}
body.home #bigphoto {float: right; width: 315px; border: 0; padding: 0;}
body.home #bigphoto img {width: 315px; height: 295px;}

.photo {float: right; margin: 0 0 20px 15px; padding: 1px 0; border: solid #416c9a; border-width: 3px 0;}

#content h2 {font-family: georgia, times, "times new roman", serif; font-size: 17px; font-weight: normal; margin-bottom: 15px; color: #6d1b1f;}
#content h3 {font-weight: bold; font-size: 13px; margin: 1.5em 0 5px 0;}
#content h4 {font-weight: bold; font-size: 11px; margin: 1.5em 0 0 0;}


.inline_title {font-family: georgia, times, "times new roman", serif; font-size: 12px; font-weight: bold; margin-bottom: 12px; color: #6d1b1f;}
.tiny {font-size:10px}
.weekly_update {margin: 20px 20px 20px 15px; padding: 10px 0; border: solid #416c9a; border-width: 3px 0;}



#content p {margin-top: 0;}
body.home #content h2 {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
body.home #content h2 strong {display: block; margin-bottom: 3px; font-size: 17px; color: #002b59; text-transform: uppercase; font-family: georgia, times, "times new roman", serif; font-weight: normal;}
body.home #content p {margin-bottom: 0; padding-bottom: 1em; line-height: 13px;}

#homemain {border-top: 3px solid #6d1b1f; background: url(http://www.westlakeacademy.org/images/bkg-homemain.gif) repeat-y; line-height: 14px; font-family: tahoma, verdana, arial, helvetica, sans-serif;}
#homemain h3 {font-family: georgia, times, "times new roman", serif; text-transform: uppercase; margin-bottom: 0; letter-spacing: 2px;}
#homemain p {margin: 1em 0 0 0;}
#homeleft {float: left; width: 130px; padding: 10px; border-right: 1px solid #fff; background: url(http://www.westlakeacademy.org/images/bkg-homeleft.gif) repeat-x; color: #fff;}
#homeleft a {color: #dbd7be;}
#homeleft h3 {font-size: 10px;}
#homeleft a:hover {color: #f0ecd0;}
#homeright {margin-left: 151px; padding: 10px; background: url(http://www.westlakeacademy.org/images/bkg-homeright.gif) repeat-x;}
#homeright a {color: #6d1b1f;}
#homeright a:hover {color: #c00;}
#homeright h3 {font-size: 10px;}
#homespacer {clear: both;}

#footer {border-top: 3px solid #6d1b1f; font-size: 10px; font-family: tahoma, verdana, arial, helvetica, sans-serif; padding: 5px 10px; margin: 1px 0 15px 0;}
#footer ul {float: right; margin: 0; padding: 0; list-style: none;}
#footer li {display: inline; margin: 0; padding: 0; list-style: none;}
#footer li a {text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
#footer p {margin: 0;}