@import url("/site-media/docutils.css");
* {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  margin-bottom:0px;
  margin-top:0px;
}

#holder {
  display:inline-block;
  clear:both;
  padding:0 32px;
}
body {
  background:#EFEFE9 url(bg-body.png) repeat-x;
  font-size:62.5%;
  min-width:764px;
  margin-bottom:2em;
}

#container {
  width:764px;
  position:relative;
  left:50%;
  margin-left:-382px;
  background:#FFF url(bg-container.gif) repeat-y;
  position:relative;
  font-size:1.1em; /* add to the body percentage */
}
#threecolholder {
  clear:both;
  padding:0 32px;
  display:inline-block;
}

#threecolholder #content {
  float:left;
  width:349px;
  padding-bottom:10px;
}

/*--- BRANDING  ----------------------------------------------------------*/
#branding {
  background:url(bg-branding.png) no-repeat;
  height:110px;
  position: relative;
}
#branding h1 a {
  width:230px;
  height:65px;
  position:absolute;
  text-indent:-3000px;
  text-decoration:none;
  overflow:hidden;
  background:url(logo.gif) no-repeat;
  left:40px;
  top:24px;
}
#branding p a {
  position:absolute;
  text-decoration:none;
  /*text-transform:lowercase;*/
  right:52px;
  top:4px;
  color:#FFF;
  text-align:center;
  width:130px;
}
#branding p a:hover {
  text-decoration:underline;
}

#branding div#slogan {
 position: absolute;
 font-style: italic;
 text-transform:lowercase;
 top:85px;
 left:115px;
}

div#get-boost {
  clear: right;
  float: right;
  margin-bottom: 15px;
}

#get-boost h2 {
  margin: 0;
  padding: 0;
}

#get-boost h2 a {
  height:145px;
  width: 150px;
  display: block;
  background:url(get-boost.png) no-repeat;
}

#get-boost h2 a span {
  display: none;
}

#login-logout {
  font-size: 9px;
  position: absolute;
  right: 40px;
  bottom: -60px;
}

#login-logout p {
  color: #505050;
  text-align: right;
}

#login-logout em {
  font-style: normal;
  color: #202050;
}

#login-logout p a {
  text-decoration: none;
  color: #202050;
  position: static;
}

#login-logout a:hover {
  text-decoration: underline;
}

/*--- BREADCRUMBS ----------------------------------------------------*/
/* per http://alistapart.com/articles/taminglists/ */
#breadcrumbs {
    color: #555;
    font-size: 9px;
    margin-left: 5px;
    padding-bottom: 2px;
	margin-bottom: 10px;
    border-bottom: solid 1px #ddd;
    margin-right: 7px;
}

#breadcrumbs ul {

    /* This seems to align the text on the left with other page
    elements, but it's a hack.  At least, I don't know what's making
    it work */
	margin-left: -2px; 
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

/*--- RHS-MENU  ----------------------------------------------------------*/
div#rhs-menu {
  float:right;
  width:149px;
  margin-top:12px;
  margin-bottom:5px;
  line-height: 2;
  background: url(rhs-menu-top.gif) right top no-repeat;
  padding-top: 5px;
}

#rhs-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: url(rhs-menu-bottom.gif) bottom no-repeat;
  padding-bottom: 5px;
}

#rhs-menu ul li {
  margin: 0;
  padding:0;
}

#rhs-menu ul li a {
  display:block; font-weight:bold; text-decoration:none; padding-left: 10px; color: #FFF;
}

* html #rhs-menu ul li a {
  height: 100%;
}

#rhs-menu ul li a:hover { 
  background:#B3AA92; 
}

/*--- NEWS  ----------------------------------------------------------*/
div#news {
  float:right;
  width:149px;
  background:url(bg-news.gif) no-repeat bottom;
  margin-bottom:15px;
  margin-top:12px;
}
div#news h2 {
  background:url(bg-news-top.gif) no-repeat top;
  font-size:1.1em;
  padding:10px 0 8px 9px;
  margin:0;
}
div#news p {
  padding:0 8px 0 0;
  color:#666;
}

div#news p.more {
  margin-bottom:10px;
}

div#news ul li h3 {
  font-size: 82%;
}
#news a {
  color:#4A6685;
  text-decoration:none;
}
#news a:hover {
  text-decoration:underline;
}
div#news ul {
  padding:0 8px 10px 9px;
  margin: 0;
  list-style:none;
}

div#news li {
  padding: 0;
  margin: 0;
}

h3.newstitle {
  font-size:90%;
  margin-left:8px;
}

/*--- FOOTER  ----------------------------------------------------------*/

#footer {
  clear:both;
  background:url(bg-footer.png) bottom no-repeat;
  height:60px;
}
#footer p {
  padding:10px 0 4px 44px;
  float:left;
  color:#958D79;
  margin:0;
  width:44%;
}
#footer ul {
  list-style:none;
  float:right;
  padding:10px 44px 4px 0;
  margin:0;
  width:44%;
}
#footer ul li {
  float:right;
  margin-left:0.6em;
  padding-left:0.6em;
}
#footer ul li.last-child {
  margin-left:0;
  padding-left:0;
  border-left:none;
}
#footer ul li a {
  color:#958D79;
  text-decoration:none;
}

/*--- PANELS  ----------------------------------------------------------*/
#panels {
  background:url(bg-panels.jpg) left bottom no-repeat;
  padding-bottom:10px;
}
#panels div.panel {
  margin-right:7px;
  width:174px;
  float:left;
  padding:62px 0 0 0;
  position:relative;
}
#panels div.panel h2 {
  margin-bottom:0.3em;
  padding:0 7px;
  font-size: 1.0em;
}
#panels div.panel p {
  line-height:1.4em;
  margin-bottom:8px;
  padding:0 3px 8px 7px;
}
#panels div.panel p.more {
  margin-bottom:0;
  text-align:right;
  padding:0 7px 8px 7px;
}
#panels div.panel a {
  text-transform:lowercase;
  text-decoration:none;
  color:#217E61;
  text-align:right;
}
#panels div#panel-1 {
  background:url(bg-panel-1.jpg) no-repeat;
}
#panels div#panel-2 {
  background:url(bg-panel-2.jpg) no-repeat;
}
#panels div#panel-3 {
  background:url(bg-panel-3.jpg) no-repeat;
}

#panels div#panelfix {
  clear:both;
  height:1px;
  overflow:hidden;
}
/*--- TESTIMONIAL  ----------------------------------------------------------*/
#testimonial {
  width:536px;
  background:url(bg-testimonial.gif) no-repeat bottom;
  clear:both;
}
div#testimonial h2 {
  background:url(bg-testimonial-top.gif) no-repeat top;
  padding:10px 0 4px 9px;
  margin-bottom:0;
  font-size:1.0em
}
div#testimonial p {
  line-height:1.2em;
  padding:0 8px 10px 9px;
  color:#666;
  margin-bottom:0;
}

/*--- CONTENT  ----------------------------------------------------------*/

#content dl.docutils dt {
  font-weight: bold }

#content h2,h3,h4,h5,h6 {
  font-size:105%
}
#content h2 {
  font-size:1.1em
}

#content {
  float:left;
  width:549px;
  padding-bottom:10px;
}

#content p {
  margin-bottom:1.4em;
  line-height:1.4em;
  padding:0 10px 0 0;
/*  text-align: justify;*/
}

#content ol.simple, ul.simple {
  padding-left: 2em;
}

#content h1 {
  font-size: 1.4em;
  color: #10105A;
  margin-bottom:0.4em;
}

#content h2,h3 {
  color: #10105A;
  margin-bottom:0.4em;
}

#content blockquote p {
  margin:0.3em 0 0.3em 0.3em;
}

#content blockquote {
  margin:1em 0 1em 1.5em;
}

p.more {
  margin-top:0;
}

a .more {
  color:#217E61;
  text-decoration:none;
}

#content blockquote.pull-quote {
  clear: both;
  float: right;
  font-size: 1.5em;
  width: 210px;
  font-family: Georgia;
  margin: 0 1.5em 0 1.5em;
  padding: 20px 0 20px 30px;
  text-indent: 30px;
  background: url(bg-blockquote.png) no-repeat;
}

#content blockquote.pull-quote.left {
  float: left;
  margin: 0 1.5em 0 0.5em;
}

#content blockquote.pull-quote.center {
  float: none;
  margin: 0 auto 0 auto;
  width: 350px;
}
/*
* html #content blockquote.pull-quote {
  width: 220px; 
}
*/
#content blockquote.pull-quote p {
  font-size: 1em;
  font-family: Georgia;
}

#content blockquote.pull-quote:after {
  font-size: 1.5em;
  vertical-align: top;
  content: "\201D";
}

#content blockquote.pull-quote p.attribution {
  font-size: 0.8em;
  font-family: Georgia;
}

#content span.intro {
  text-transform: uppercase;
  font-weight: bold;
}

#content p.intro {
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
  padding-left: 10px;
  border-left: solid 4px #ddd;
}

#content #nextprev {
    border-top: solid 1px #ddd;
    clear: both;
}

#content p.prev {
  margin: 0;
}

/*--- DOCUMENT  ----------------------------------------------------------*/

div#document {
padding-left: 5px;
padding-right: 5px;
}

#document ul {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2em;
}

#document p.more {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: right;
}

#document p.more a {
  text-decoration:none;
  color:#217E61;
  text-transform:lowercase;
}

#document img.align-right {
  margin: 0 0 10px 10px;
}

/* Parent, child, and sibling links, in addition to breadcrumbs, all
   use the tree-link class 
*/

p.tree-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.tree-link {
    color: #777;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    text-decoration:none;
    text-transform: none;
	}

.tree-link a {
    color: #999;
    text-decoration: none;
}

.tree-link a:hover {
    color: #aaa;
    text-decoration: underline;
}

#document p.tree-link.down {
    text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.raw li {
    line-height: 2em;
}

.narrow {
    letter-spacing: -.4px;
}

.message {
    background-color: #ffff99;
}

#copyright a {
    color: #958D79;
}