* {
	order: 1px blue solid;
}
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 0px 20px;
  min-width: 30em;
  height: 600px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}
h2, h3, h4, h5, h6 {
  font-family: Optima, Verdana, sans-serif;
  margin: 1em -10px 0.5em -10px;
}
h2 { margin-top: 1.5em; }
h1 {
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 10px 5px 10px;
  padding-left: 50px;
  color: #fff;
  text-shadow: #8760c1 0px 0px 5px;
  background-color: #ccaaff;
}

.breadcrumb {
  list-style-type: none;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 10px;
  border-style: solid;
  border-color: #8760c1;
  border-width: 1px 0px;
  height: 19px;
}
.breadcrumb li.first {
  border-left: 1px solid #8760c1;
}
.breadcrumb li {
  float: left;
  border-right: 1px solid #8760c1;
  padding: 3px 10px;
}
.breadcrumb li a {
  display: block;
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.breadcrumb {
  font-family: Skia;
  background-color: #ccaaff;
  margin-left: -20px;
  margin-right: -20px;
}

h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p {
  margin-top: 0px;
  margin-bottom: 1em;
  text-align: justify;
  max-width: 40em;
}
li p {
  margin-bottom: 0.75em;
}
br.clear {
  clear: both;
  margin: 0px;
}
.sidebar {
  margin: 0px 10px 30px 30px;
  clear: right;
  float: right;
  width: 134px;
  border: 1px solid #8760c1;
  background-color: #ccaaff;
  padding: 5px;
  font-size: 11px;
    font-family: 'Lucida Grande', Geneva, Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 0px 10px 0px 10px;
    border-radius: 0px 10px 0px 10px;
}
.sidebar, .sidebar p, .sidebar li {
  text-align: left;
}
.sidebar ul {
  margin: 0px;
  margin-left: 1.5em;
  padding: 0px;
  list-style-type: circle;
}

td.caption {
  font-size: 12px;
  text-align: center;
}
#copyright {
  margin-bottom: 1em;
  text-align: center;
  font-size: 11px;
}
blockquote {
  font-size: 13px;
  font-style: italic;
}
blockquote .attribution {
  font-weight: normal;
  font-style: normal;
  text-align: right;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { background-color: #ffd700; }

  div {
    margin: 0px;
    padding: 0px;
  }
  .verticalgridline {
    padding-top: 27px;
  }
  .box, .handle {
    font-size: 14px;
    font-family: Arial, sans-serif;
    order: 1px solid #aaa;
  }
  .box {
    loat: left;
    padding: 0px;
    width: 133px;
    eight: 123px;
    margin: 5px;
    ackground-color: #eee;
    z-index: 1;
	background:#edeef6;
	position: absolute;
	}
  .handle {
    cursor: move;
    height: 14px;
    order-width: 0px 0px 1px 0px;
    background: #666;
    color: #eee;
    margin: 0px;
	z-index: 20;
  }
  .box p {
    font-size: 12px;
    margin: 5px 5px 10px 5px;
    text-align: left;
    white-space: normal;
  }
  #boxDrag, #boxVerticalOnly, #boxHorizontalOnly, #boxRegionConstraint, 
  #boxThreshold, #boxAbsolute {
    cursor: move;
  }
  #boxAbsolute {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }

  .boxLarger {
	width: 250px;
	background:#edeef6;
	border:1px solid #ccc;
	}

.handle h2 {
font:bold 11px/16px arial,helvetica,sans-serif;
border-top:1px solid #ccc;
border-left:1px solid #bbb;
border-right:1px solid #888;
border-bottom:1px solid #555;
white-space:nowrap;
text-indent:2px;
	z-index: 20;

font:bold 10px/16px tahoma,helvetica,sans-serif;
color:#fff;
background:#369 url(/nav/images/tile-h2.gif) repeat-x;
text-transform:uppercase;
margin:0;
padding:0;
width:100%;
}

.boxLarger .handle h2 {
width: 249px;
}


.closeX {
	float: right;
    cursor: pointer;

}

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

.bread {
	font:normal 11px/16px arial,helvetica,sans-serif;
	padding: 5px;
	padding-top: 10px;
	margin-left: 0px;
}

.box img {
	padding: 0px;
	border: 0px;
	margin: 0px;
	}