<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ 

CSS Tabs for Los Angeles Christian School

*/

ul#thicktabs {
width:790px;
}

#thicktabs{
width: 100%;
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
background: url(../media/hmenubg.gif) center center repeat-x;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
border-left: 1px solid #000000; /*top border style*/
border-top: 1px solid #000000; /*top border style*/
border-bottom: 0px solid #5CF14B; /*thick bottom border below tabs*/
}


#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: #003C8C;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
font: bold 12px Tahoma;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 0px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 0px solid #5CF14B; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: #003C8C;
}

#thicktabs li a:hover{
font: bold 12px Tahoma;
color: #7C0C05;
background-image: url(../media/hmenubgover.gif); /*background image swap on hover*/
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
