body      { background: #000011; } 
a:link    { color: #fff; }
a:visited { color: #aaa; }
a:hover   { color: #00f; }

#wrap   { background: #000011 padding-bottom: 30px; width:100%; border: 0; }
#top    { background-image: url("../images/bg.png"); float: left; clear: both; width:100%; margin-left: 5px; border-top: 5px solid #000011;  min-height: 200px; height: 200px;}
#shadow { clear:both; margin: 0 auto; padding: 1px; height: 7px; width: 100%; } 

#navbar { clear:both; margin:0 auto; background:#000011; width:100%; height:30px; font-family: arial, sans-serif; color: #fff;  margin-left: 5px; border-bottom:2px solid #fff; border-top:0px solid#fff; border-left: 1px solid #fff;}
#navbar ul{ padding: 0; margin: 0; text-align: center; }
#navbar li{ display: inline; list-style-type: none; font-size: 14px; line-height: 30px; text-decoration: underline; padding: 0 24px 0 24px; width: auto; border-right: 1px solid; }
#navbar li.end       { border: none; }
#navbar li a:link    { color: #fff; }
#navbar li a:visited { color: #fff; }
#navbar li a:hover   { color: #aad; }

.project { inline-block; margin-left: 100px; margin-right: 100px; background-color:#009; width: 400px; font-size: 36px; border: 2px solid #ff0; } 

img.angrybird  { padding:0px; margin: 0px 0px 0px 0px; }
img.gallery { text-align:center; border: 1px solid #222; background:#000011; padding:10px; margin: 10px 10px 10px 10px; width:"100%";}
img.pad { text-align:left; padding:10px; margin: 10px 10px 10px 10px; }

#content { inline-block; margin-left: 20px; margin-right: 20px; margin-top: 30px; margin-bottom: 20px; padding: 20px 20px 10px 5px; 
           color: #fff; background-color: #000011; border: 1px solid #ccc; }

#content hr { border: 0; width: 90%; text-align:center; color: #d0d0d0; background-color: #222222; height: 1px; }
#content h1 { background-color: #001; font: 24px arial, helvetica, sans-serif; margin-top: -40px; margin-left: -10px; width: 400px;
              line-height: 30px; font-weight: normal; color: #fff; font-style: normal; text-align: center; padding-left: 5px; }
#content h4 { background-color: #008; padding-left: 5px; font: 24px; }
#content b.s { background-color: #800; padding-left: 5px; font: 24px; display: inline;}
#content p { margin-top: 0; color: #fff; text-align: left; font: 14px tahoma,arial,helvetica, sans-serif; padding-left: 50px; } 
#content p.center { text-align: center; } 

#content li {color: #fff; text-align: left; margin-bottom: 20px; font: 18px tahoma,arial,helvetica, sans-serif; list-style-image:  url("../images/diamond.jpg"); }
#content li a:link    { color: #ddd; }
#content li a:visited { color: #ccc; }
#content li a:hover   { color: #fff; }

#footer { clear: both; width: 100%; padding-top: 25px; padding-bottom: 5px; height: 30px; margin: 0 auto; color: #fff; text-align: center;
          text-transform: none; font: 12px arial, helvetica, sans-serif; }

#footer p { line-height: 18px; list-style-type: none; display: inline; font-size: 14px; font-family: arial, helvetica, sans-serif; }
#footer p a:link    { color: #ddd; }
#footer p a:visited { color: #ccc; }
#footer p a:hover   { color: #fff; }

td.exams { padding: 0px 10px 0px 10px;  border-width: 1px; border-color:#000 #00f #000 #000; border-style: solid; color: #fff; background: #002; }
td.exams1 { padding: 0px 10px 0px 10px;  border-width: 1px; border-color:#000 #000 #000 #000; border-style: solid; color: #fff; background: #000; }
table.handouts { width: 100%; padding: 5px 5px 5px 5px;  border-width: 1px; border-color:#000 #000 #000 #000; border-style: solid; color: #fff; background: #002; }
td.handouts1   { width: 10%; padding: 5px 5px 5px 5px;  border-width: 0px 5px 0px 5px; border-color:#000 #000 #000 #ff0; border-style: solid; color: #fff; background: #f00; }

table.homework { width: 100%; padding: 5px 5px 5px 5px; border-width: 0px; border-color:#f00 #ff0 #000 #000; border-style: solid; color: #fff; background: #002; }
table.homework th { padding: 5px 5px 5px 5px;  border-width: 0px 0px 0px 1px; border-color:#000 #000 #000 #fff; border-style: solid; color: #fff; background: #800; }
table.homework td { padding: 5px 5px 5px 5px;  border-width: 0px 0px 1px 1px; border-color:#000 #000 #fff #fff; border-style: solid; color: #fff; background: #000; }