body { background:#e7e7e7; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:80%; color:#4d4d4d; margin:0; padding:13px 0 30px }
html>body { background:#ffffff url(graphics/bg.gif) 0 0 repeat-x }

a { color:#4d4d4d; text-decoration:none }
a:hover { color:#db2727 }
img { border:0 }
p { margin:5px 0 15px; font-size:95% }
h1 { font-size:110%; color:#4c4c4c; margin:0 0 15px }
h2 { font-size:110%; color:#4c4c4c; font-weight:normal }
h3 { font-size:100%; margin:25px 0 0 }

strong { color:#393996 }
hr { height:1px; border:0; color:#999999; background:#999999 }
ul { margin:0; padding-left:14px }
li { margin-left:0; padding:5px 0 5px 0; list-style:url(graphics/medal.gif) }
th { font-size:90%; text-align:left }
input, textarea { width:95% }



/* Main Layout */
#layout { width:974px; margin:0 auto }
#layoutheader .middle { height:25px; margin:0 25px; background:url(graphics/layout/top.gif) 0 0 repeat-x; text-align:center }
html>body #layoutheader .middle { background:url(graphics/layout/top.png) 0 0 repeat-x }
#layoutheader .left { float:left; width:25px; height:25px; background:url(graphics/layout/topleft.gif) 0 0 no-repeat }
html>body #layoutheader .left { background:url(graphics/layout/topleft.png) 0 0 no-repeat }
#layoutheader .right { float:right; width:25px; height:25px; background:url(graphics/layout/topright.gif) 0 0 no-repeat }
html>body #layoutheader .right { background:url(graphics/layout/topright.png) 0 0 no-repeat }
#layoutfooter { height:25px }
#layoutfooter .middle { height:25px; margin:0 25px; background:url(graphics/layout/bottom.gif) 0 100% repeat-x }
html>body #layoutfooter .middle { background:url(graphics/layout/bottom.png) 0 100% repeat-x }
#layoutfooter .left { float:left; width:25px; height:25px; background:url(graphics/layout/bottomleft.gif) 0 0 no-repeat }
html>body #layoutfooter .left { background:url(graphics/layout/bottomleft.png) 0 0 no-repeat }
#layoutfooter .right { float:right; width:25px; height:25px; background:url(graphics/layout/bottomright.gif) 0 0 no-repeat }
html>body #layoutfooter .right { background:url(graphics/layout/bottomright.png) 0 0 no-repeat }


#header { padding:0 43px 0; background:url(graphics/layout/bg-content.gif) 0 0 repeat-y }
html>body #header { background:url(graphics/layout/bg-content.png) 0 0 repeat-y }
.headercontent { position:relative; top:-25px; padding:6px 0 0 0; text-align:center }




/* Menus */
#mainmenu { height:30px; background:url(graphics/header/mainmenu-bg.gif) 0 0 repeat-x; text-align:center }
#mainmenu .mainmenu_left { float:left; width:15px; height:30px; background:url(graphics/header/mainmenu-left.gif) 0 0 no-repeat }
#mainmenu .mainmenu_right { float:right; width:15px; height:30px; background:url(graphics/header/mainmenu-right.gif) 0 0 no-repeat }
#mainmenu .options { padding-top:6px }
#mainmenu .options a { margin:0 20px; color:#fff }
#mainmenu .options a:hover { color:#ffcc00 }

#submenu { height:30px; background:url(graphics/header/submenu-bg.gif) 0 0 repeat-x; text-align:center }
#submenu .submenu_left { float:left; width:15px; height:30px; background:url(graphics/header/submenu-left.gif) 0 0 no-repeat }
#submenu .submenu_right { float:right; width:15px; height:30px; background:url(graphics/header/submenu-right.gif) 0 0 no-repeat }
#submenu .options { padding-top:5px; font-weight:bold }
#submenu .options a { margin:0 15px; color:#fff }
#submenu .options a:hover { color:#ffcc00 }





/* Main Content Area */
#page { padding:0 48px 10px 70px; background:url(graphics/layout/bg-content.png) 0 0 repeat-y }
#page a { text-decoration:underline }

#content_left { float:left; width:650px }

#services { float:right; width:150px; color:#fff; text-align:center }
#services .heading { height:33px; background:url(graphics/services/bg-header.gif) 0 0 no-repeat }
#services .heading p { margin:0; padding:7px 0 0; font-size:110% }
#services .title { height:21px; margin-bottom:3px; padding-top:1px; background:url(graphics/services/bg-title.gif) 0 0 no-repeat }
#services img { margin:5px 0 0 }
#services a { color:#fff; text-decoration:none }
#services a:hover { color:#ffcc00 }






/* Homepage */
.schoolcrests { margin-top:40px }
#page .crest { float:left; width:110px; margin-bottom:40px; padding:0 10px; font-size:90%; text-align:center }
#page .crest a { text-decoration:none }
#page .crest img { margin-bottom:5px }





/* School Homepages and Registration Pages */
.school { float:left; width:610px }

.school h1 img { margin-right:15px; vertical-align:middle }
.school h1 { font-size:180% }
.school h2 { margin:0; font-size:90%; font-weight:bold }

.school form { font-size:90% }
.school label { float:left; width:140px; padding:4px 0 0; font-weight:bold }
.school input, .school textarea { width:250px; margin-bottom:10px; border:1px solid #393996; background:#e6e6e6; font-size:100%; vertical-align:top }
.school select { margin-bottom:10px }
#page .school a.button { padding:3px 10px; background:#393996; color:#fff; text-decoration:none }
#page .school a.button:hover { color:#ffcc00 }

#page .schoolimages { float:right; width:200px; margin-right:15px; text-align:center }
#page .schoolimages img { margin:3px 0 }
#page .schoolimages .webaddress { margin-bottom:10px }
#page .schoolimages .webaddress a { font-size:110%; text-decoration:none }
#page .schoolimages .webaddress img { margin:0 0 0 5px; vertical-align:baseline }

.difficulties { margin-top:50px; color:#999; text-align:center }




/* Banner */
.banner .bannertop { height:16px }
.banner .bannertop .bannerleft { float:left; width:16px; height:16px; background:url(/graphics/corners/banner-blue-tl.gif) 0 0 no-repeat }
.banner .bannertop .bannerright { float:right; width:16px; height:16px; background:url(/graphics/corners/banner-blue-tr.gif) 100% 0 no-repeat }
.banner .bannertop .bannermiddle { height:16px; margin:0 16px; border-top:1px solid #393996 }
.banner .bannercontent { padding-left:16px; color:#393996; border-right:1px solid #393996; border-left:1px solid #393996; font-size:110% }
.banner .bannerbottom { height:16px }
.banner .bannerbottom .bannerleft { float:left; width:16px; height:16px; background:url(/graphics/corners/banner-blue-bl.gif) 0 100% no-repeat }
.banner .bannerbottom .bannerright { float:right; width:16px; height:16px; background:url(/graphics/corners/banner-blue-br.gif) 100% 100% no-repeat }
.banner .bannerbottom .bannermiddle { height:15px; margin:0 16px; border-bottom:1px solid #393996 }





/* Footer and Copyright Area */
.footer { padding:10px 43px 10px; color:#9f9f9f; font-size:90%; text-align:center; background:url(graphics/layout/bg-content.png) 0 0 repeat-y }
.footer_links { height:31px; background:url(graphics/footer/bg.gif) 0 0 repeat-x }
.footer_links .left { float:left; width:15px; height:31px; background:url(graphics/footer/left.gif) 0 0 no-repeat }
.footer_links .right { float:right; width:15px; height:31px; background:url(graphics/footer/right.gif) 0 0 no-repeat }
.footer_links .middle { padding-top:7px }
.footer_links a { margin:0 10px }
.footer a { font-weight:normal; text-decoration:none; color:#fff }
.footer a:hover { color:#393996 }

.copyright { padding:10px 25px 0 30px; font-size:90%; color:#9f9f9f }
.copyright a { color:#9f9f9f; text-decoration:underline }
.copyright a:hover { color:#393996 }
.credit { color:#ccc }
.credit a { color:#ccc }
.credit a:hover { color:#393996 }



/* General */
.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.floatleft { float:left }
.floatright { float:right }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }