body{
  margin:0px;
  padding:0px;
  background:#222 url(bodybg.png) repeat-x fixed top center;
  text-align:center;
  font:12px Verdana, Arial, Helvetica, sans-serif;
}
#container{
  width:700px;
  margin:auto;
  padding-bottom:20px;
}

/* basic styles */
h1,h2,h3,h4,h5,h6{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:lighter;
  margin:10px 0px 0px 0px;
  color:#222;
}
h1{
  font-size:28px;
}
h2{
  font-size:25px;
  color:#0a294f;
}
h3{
  font-size:22px;
  color:#202f0f;
}
h4{
  font-size:18px;
  color:#911322;
}
h5{
  font-size:16px;
  color:#af3d0a;
}
h6{
  font-size:11px;
  font-weight:bold;
  color:#222;
}
del{
  color:#999;
}
acronym{
  /*border-bottom:1px dotted #222;*/
  border:none;
  background:url(dottedborder_dark.gif) repeat-x bottom center;
  padding-bottom:1px;
  cursor:help;
}
hr{
  width:100%;
  border:0;
  margin:5px 0px;
  margin:2px 0px 5px 0px;
  height:1px;
  color:#777;
  background-color:#777;
}
a{
  color:#af2639;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

p{
  line-height:22px;
  margin:5px 0px 15px 0px;
  /*text-align:justify;*/
}
.noborder{
  border:0;
}
/* I can't get <pre> to display inline very well so just use <span class="pre"> */
#content .pre{
  font:12px "Verdana",Arial,Helvetica,sans-serif;
  color:#af454a;
}

img{
  border:none;
}
img.floatright,
img.floatleft,
#left img{
  border:1px solid #222;
}
a:hover img.floatright,
a:hover img.floatleft,
#left a:hover img{
  border:1px solid #af2639;
}

/* floats, positioning, and widths */
.floatleft{
  float:left;
}
.floatright{
  float:right;
}
.w50{
  width:50%;
}
.floatleft p{
  padding:0px 10px 0px 0px;
}
.floatright p{
  padding:0px 0px 0px 10px;
}
img.floatleft{
  margin:15px 15px 5px 0px;
}
img.floatright{
  margin:15px 0px 5px 15px;
}

/* rounded corners */
.tl{background:#222 url(tl.gif) no-repeat top left;}
.tr{background:transparent url(tr.gif) no-repeat top right;}
.br{background:transparent url(br.gif) no-repeat bottom right;}
.bl{background:transparent url(bl.gif) no-repeat bottom left;}

.ltl{background:#efefef url(l_tl.gif) no-repeat top left;}
.ltr{background:transparent url(l_tr.gif) no-repeat top right;}
.lbr{background:transparent url(l_br.gif) no-repeat bottom right;}
.lbl{background:transparent url(l_bl.gif) no-repeat bottom left;}

/* blockquotes and code*/
blockquote{
  min-height:35px;
  width:100%;
  display:block;
  margin:10px auto;
  background:transparent url(quote.gif) no-repeat 10px 10px;
}
* html blockquote{
  min-height:35px;
  height:auto !important;
  height:35px;
}
blockquote p{
  margin:0px;
  line-height:17px;
  padding:10px 10px 10px 50px;
}
blockquote span{
  color:#999;
  font-size:10px;
  padding-top:5px;
  display:block;
}
blockquote span a{
  color:#555;
  text-decoration:none;
}
blockquote span a:hover{
  text-decoration:underline;
}
blockquote.go{
  background:transparent url(go.gif) no-repeat 10px 50%;
}
blockquote.stop{
  background:transparent url(stop.gif) no-repeat 11px 50%;
}
blockquote.exclamation{
  background:transparent url(exclamation.gif) no-repeat 23px 50%;
}
code{
  display:block;
  width:92%;
  margin:0px auto 15px auto;
  line-height:17px;
}
code .red{
  color:#af454a;
}

/* forms */
form select,
form input,
form textarea{
  font:11px Verdana,Arial,Helvetica,sans-serif;
  border:1px solid #888;
}
form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus{
  background-color:#f9f9f9;
  /*border:1px dotted #888;  optional thought */
  border:1px solid #444;
}
form select{
  padding:1px;
}
form input{
  padding:1px;
}
form label{
  display:block;
  color:#777
}
form textarea{
  padding:1px;
  line-height:16px;
}
form p{
  margin:10px 0px;
}

/* top section */
#top{
  background:url(contentbg.gif) repeat-y top center;
}

/* very bottom curve */
#bottom{
  background:url(container_b.gif) no-repeat bottom center;
  height:9px;
}
* html #bottom{
  margin-top:-4px;
}

/* header */
#header{
  font:30px Verdana,Arial,Helvetica,sans-serif;
  width:680px;
  height:175px;
  margin:auto;
  background:url(%%HEADERIMG%%) no-repeat top center;
  text-align:left;
}
#title{
  margin-top:130px;
  margin-left:13px;
  position:absolute;
  color:#fff;
  background-color:transparent;
  cursor:default;
}

/* menubar */
.nav{
  height:40px;
  background-color:#222;
  color:#fff;
  width:680px;
  margin:auto;
  text-align:left;
  font-size:12px;
  cursor:default;
}
.nav2{
  height:40px;
}
#slogan{
  position:absolute;
  margin:11px 0px 0px 15px;
  font-size:14px;
}
#navdiv{
  text-align:right;
}
#navlist{
  list-style-type:none;
  margin:0px;
  padding:13px 8px 0px 0px;
}
#navlist li{
  display:inline;
}
#navlist li a{
  color:#999;
  font-weight:bold;
  text-decoration:none;
  height:40px;
  padding:8px 6px 9px 6px;
}
#navlist li a:hover{
  color:#bfbfbf;
  /* other thoughts
  border-top:5px solid #fff;
  color:#df521b;
  */
}
#active a:link {
  color:#fff;
}
#active a:hover {
  color:#fff;
}
#active a:visited {
  color:#fff;
}

/* content */
#content{
  min-height:400px;
  width:680px;
  margin:auto;
  color:#222;
  text-align:left;
}
* html #content{
  min-height:400px;
  height:auto !important;
  height:400px;
}
#left{
  float:left;
  padding:10px 10px 20px 10px;
  width: 660px;
}
* html #left{
  padding-top:20px;
}

/* sidebar */
#right{
  width:190px;
  float:right;
  padding:20px 10px 20px 20px;
}
* html #right{
  padding-top:30px;
}
#right .sideitem{
  margin-bottom:25px;
}
#right .sideitem h4{
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  color:#222;
  width:100%;
  background:#fff url(dottedborder.gif) repeat-x bottom center;
  padding-bottom:3px;
  margin-bottom:13px;
}
#right .sideitem b{
  /*display:block;*/
}
#right .sideitem p{
  padding:0px 5px;
}
#right .sideitem ul{
  margin-left:-4px;
}

/* footer */
.footer{
  height:30px;
  width:680px;
  margin:auto;
  color:#fff;
  text-align:left;
  clear:both;
}
.footer div{
  height:30px;
}
#copyright{
  text-align:left;
  float:left;
  padding:8px;
  margin-top:0px !important;
  margin-bottom:-16px;
}
#designcredit{
  float:right;
  text-align:right;
  padding:8px;
  margin-bottom:-16px;
}
#designcredit a{
  color:#9f9f9f;
}
#designcredit a:hover{
  color:#cf262d;
  text-decoration:none;
}