body {
  color:#333;
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;
  padding:0;
  background: #333333;
}

a { 
  color: #333333; 
  text-decoration:none; 
}

a:hover { 
  border-bottom: 1px dotted #f7f7f7;
}

table a { 
  color: #0072bc; 
  font-size:13px; 
}

table a:hover { 
  color:#fff; 
  background:#0072bc;
}

#container {
  background:url(../images/pagebg.jpg) top left repeat-x #fff;
  width:820px;
  padding:0 10px;
  border:1px solid #000;
  margin:0 auto 0 auto;
  border-left:1px oslid #000;
  border-right:1px solid #000;
}

#header {
  height:92px;
  margin-bottom:20px;
}

#logo {
  background: url('http://www.unixteacher.org/images/lsg/unixteacher.png') top left no-repeat;
  width: 165px;
  height: 74px;
  margin-top: 10px;
  margin-left: 10px;
}

.header:hover {	
  background-color:#666; 
}

#header h1 a { 
  color:#333; 
  text-decoration:none; 
}

#header h1 a:hover { 
  color:#000; 
}

.selected { 
  background-color: #F00; 
  color:#FFF; 
}

.content { 
  background: #FFF; 
  padding:4px; 
}

.accordion_child a { 
  color:#333; 
}

.accordion_child a:hover { 
  text-decoration:none; 
}

.accordion_child ul.links li { 
  background:url('../images/link.gif') left no-repeat; 
}

input { 
  width:180px; 
  background: url('../images/input.jpg') top no-repeat; 
  font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; 
  color:#333;
  border:0; 
  padding: 7px 10px; 
  margin: 5px; 
  color:#777; 
}

textarea { 
  width:350px;
  height:105px; 
  background: url('../images/textarea.jpg') top no-repeat;
  font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color:#333; 
  border:0; 
  padding:10px; 
  margin:5px; 
  color:#777;
}

input[type=submit] {
  cursor:pointer; 
  background:#ff9900; 
  color:#fff; 
  font-weight:bold; 
  width:182px;
  height:33px; 
  padding:7px 10px; 
  background: url('../images/submit.jpg') top no-repeat;
}

blockquote {
 font: 1.5em/1.8em Georgia, "Times New Roman", Times, serif;
 background: url(../images/close-quote.gif) no-repeat right bottom;
 padding-left: 18px;
 text-indent: -18px;
 color:#888; 
 margin:20px 0;
}

blockquote: first-letter { 
 background: url('../images/open-quote.gif') no-repeat left top; 
 padding-left: 18px; 
}

.accordion_child ul { }
.accordion_child ul li { 
  list-style: none; 
  padding-left: 20px; 
  margin: 1px 0; 
  background: url('../images/blue_bull.gif') left no-repeat;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 1px;
  line-height:19px;
}

table { 
  width: 100%; 
  padding: 1px; 
}

td { 
  text-align: center; 
  border: 1px solid #4C4471; 
}

h2 { 
  clear: both;
  color: #333333;
}

.accordion_child h2 { 
  font:170% Arial; 
  margin:10px 0 20px;
  padding:10px 0; 
  color:#B02700; 
  border-bottom: 1px solid #4C4471; 
  background: url('../images/h2.jpg') bottom left no-repeat;
}

#header h1 { text-align: center; font: 350% Georgia; font-style: italic; color: #232323; margin-top: 50px; letter-spacing: -1px; }
#header h2 { text-align: center; font: 100% Verdana; text-transform: uppercase; color: #666666; }
#accordian { padding: 5px; width: 810px; z-index: 2; margin-top: 60px; }

.accordion_headings{
   padding: 7px 10px;
   color: #333333;
   background: #f7f7f7;
   margin-top:2px;
   cursor:pointer;
   font: 80% Verdana;
   clear:both;
   text-align: left;
   text-transform: uppercase;
}
.accordion_headings:hover { 
   background: #e7e7e7;
   text-align: left; 
}
.accordion_child {
  padding: 20px 30px;
  background: #fafafa;
  text-align: left;
  font: 12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #333333;
}

img { background: #fff; border:1px solid #eee; }
p { margin: 15px 0; line-height:19px; }

.header_highlight { 
   background: #e7e7e7;
}

.alignleft { float: left; }
.alignright { float: right; }
.alignleft a, .alignright a { color: #333333; text-decoration: none; font-weight: bold; }
.snapshot { width: 30%; margin: 0 auto; text-align: center; }
.text { text-align: left; }

#footer {
  text-align: left;
  height: 47px;
  padding: 3px;
  text-align:center;
  font: 70% Verdana;
  text-transform:uppercase;
  margin-top: 2px;
  color:#333333;
}