html { font-family: arial, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 1em; color: #303030; background-color: #eff5ff; }
body { margin: 0; padding: 0; }

h1 { font-size: 1.3em; color: #003ead; margin: 10px 0 10px 0; padding: 0; }
h2 { font-size: 1.1em; color: #497ad0; margin: 10px 0 5px 0; padding: 0; font-weight: normal;  }
p { font-size: .90em; color: #303030; margin: 0 0 15px 0; padding: 0; line-height: 1.5em; }
ul, ol { font-size: .90em; color: #303030; line-height: 1.5em; }
ul li, ol li { line-height: 1.5em;}

div#container { width: 830px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; background-image: url('/images/page-background.gif'); background-repeat: repeat-y; }
div#page-content { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; width: 800px; } 
table#content { width: 800px; margin: 0; padding: 0; }
table.content td.sidebar { margin: 0; width: 200px; padding: 0; vertical-align: top; background-color: #f8fbff; border-right: 1px solid #e8f1ff;}
table.content td.body { margin: 0; width: 600px; padding: 15px 60px 30px 30px; vertical-align: top; }
div#footer { clear: both; width: 750px; padding-top: 20px; margin-left: auto; margin-right: auto; margin-top: 40px; line-height: 20px; font-size: .80em; color: #888888; }
div#banner { width: 830px; height: 106px; margin-left: auto; margin-right: auto; background-image: url('/images/mardan-school-banner.jpg'); }
div#footer-container { clear: both; width: 830px; height: 100px; margin-left: auto; margin-right: auto; background-image: url('/images/footer-background.gif'); background-repeat: no-repeat; }
div#footer { width: 790px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0; padding: 13px 0 0 0; color: #404040; }

div.home-sidebar-top { width: 230px; height: 35px; background-image: url('/images/home-sidebar-header.gif'); margin-top: 15px; }
div.home-sidebar-body { clear: both; margin: 0; display: block; width: 230px; background-image: url('/images/home-sidebar-background.gif'); background-repeat: repeat-y; }
div.home-sidebar-bottom { clear: both; width: 230px; height: 15px; background-image: url('/images/home-sidebar-bottom.gif'); }
div.sidebar-content { margin: 10px; }

.highlight { color: red; }
.sociallinks { arial; font-size: 0.80em; margin: 0 0 0 30px; padding: 0; line-height: 1.0em; height: 25px; vertical-align: baseline; }
/*
div.sidebar { margin-left: 1px;  }
div.sidebar ul { padding-left: 30px; margin-top: 30px; } 
div.sidebar ul li { padding: 0; margin: 0; color: purple; line-height: 35px; font-family: verdana; font-size: 0.9em; }
div.sidebar ul li a { text-decoration: none; background-color: transparent; }
div.sidebar ul li a:link { color: #555555; background-color: transparent; }
div.sidebar ul li a:visited { color: #555555; background-color: transparent; }
div.sidebar ul li a:active { color: #555555; }
div.sidebar ul li a:hover { text-decoration: none; color: #00aeef; }

div.sidebar ul li.on a,
div.sidebar ul li.on a:link,
div.sidebar ul li.on a:visited,
div.sidebar ul li.on a:active,
div.sidebar ul li.on a:hover { color: #f7931e; font-weight: bold; text-decoration: none;  }
*/

img.left-photo { float: left; border: 1px solid gray; margin: 15px 15px 15px 0px; }
img.right-photo { float: right; border: 1px solid gray; margin: 15px 0 15px 15px; }

a, a:link, a:visited,a:active, a:hover { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }

div.sidebar { width: 200px; }
div.sidebar ul { margin: 0; padding: 0; list-style: none; }
div.sidebar ul li { margin: 0; padding: 0; border-bottom: 1px solid #c6dbff; background-color: transparent; }
div.sidebar ul li a { text-decoration: none; background-color: transparent; display: block; padding: 10px 6px 10px 18px; }
div.sidebar ul li a:link { color: #074169; background-color: transparent; }
div.sidebar ul li a:visited { color: #074169; background-color: transparent; }
div.sidebar ul li a:active { color: #000000; background-color: #c6dbff; }
div.sidebar ul li a:hover { color: #000000; background-color: #c6dbff; }

div.sidebar ul li.on a,
div.sidebar ul li.on a:link,
div.sidebar ul li.on a:visited,
div.sidebar ul li.on a:active,
div.sidebar ul li.on a:hover { color: black; background-color: #dae8ff; }
strong { color: red; font-weight: bold; }


div.home-sidebar-top h1 { font-size: 0.9em; color: #4992ff; font-weight: bold; padding-top: 8px; text-align: center; }
div.home-sidebar-body p  { display: block; font-size: 0.8em; color: #222222; margin: 0; padding: 2px 10px; }
div.home-sidebar-body p.span { display: inline; }


div#menubar { width: 800px; margin: 0; padding: 0; height: 31px; clear: both; }
div#menubar ul { list-style: none; float: left; margin: 0; padding: 0; height: 31px; }
div#menubar ul li { float: left; display: inline; }
div#menubar ul li a { padding: 0; margin: 0; background: transparent url(/images/navbar.gif) no-repeat 0 0; height: 31px; float: left; }
div#menubar ul li a span { position: absolute; left: -999999px; }

div#menubar ul li#nav-home a { height: 31px; margin-left: 0; background-position: 0 0; width: 200px; float: left; }
div#menubar ul li#nav-home a:hover { background-position: 0px -31px; }
div#menubar ul li#nav-home-active { height: 31px; margin-left: 0; background-position: 0 -62px; width: 200px; }
div#menubar ul li#nav-home-active a { background-position: 0 -62px; width: 200px;  }

div#menubar ul li#nav-program a { margin-left: 0;  background-position: -200px 0; width: 200px; float: left; }
div#menubar ul li#nav-program a:hover { background-position: -200px -31px; }
div#menubar ul li#nav-program-active { margin-left: 0; }
div#menubar ul li#nav-program-active a { background-position: -200px -62px; width: 200px;  }

div#menubar ul li#nav-happenings a { margin-left: 0;  background-position: -400px 0; width: 200px; float: left; }
div#menubar ul li#nav-happenings a:hover { background-position: -400px -31px; }
div#menubar ul li#nav-happenings-active { margin-left: 0; }
div#menubar ul li#nav-happenings-active a { background-position: -400px -62px; width: 200px;  }

div#menubar ul li#nav-about a { margin-left: 0;  background-position: -600px 0; width: 200px; float: left; }
div#menubar ul li#nav-about a:hover { background-position: -600px -31px; }
div#menubar ul li#nav-about-active { margin-left: 0; }
div#menubar ul li#nav-about-active a { background-position: -600px -62px; width: 200px;  }

table.contribute { border-top: 1px solid black; font-size: .90em; line-height: 1.2em;  }
table.contribute td { border-bottom: 1px solid black; vertical-align: top; margin: 10px 10px 20px 10px; }

p.value { color: #0000FF; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
p.description { color: #444444; font-size: 12px; margin-top: 2px; }

h3 { color: #505050; font-size: 14px; margin-bottom: 4px; font-weight: bold; }
.subtext { color: #555555; font-size: 12px; margin-top: 0; margin-bottom: 4px; line-height: 16px; }