* {margin: 0; padding: 0;}
.body ul, .body li { padding-left: .1em;}
body {
  min-width: 680px;
  font: 82%/150% sans-serif;
  background: #FFF;

}

#top_parent {
  border: 1px solid transparent;
}


h1, h2, h3, h4, h5, h6 {
  text-shadow: #000 0 0 0; /* Reduces font-weight in Safari */
}


#contents h1 {
  margin-bottom: .5em;
  font-size: 149%; /* 24px */
}

#contents h2 {
  margin: 1em 0 .25em 0;
  font-size: 139%; /* 18px */
}

#autoboxes #contents ul {
  padding-left: 1.25em;
  margin-bottom: 20px;
}
#autoboxes #contents ul li { list-style-image: url(../images/bullet.gif); }

#contents p {
  margin: 0 0 1em 0;
}

a { color: #055; }

a:hover { text-decoration: none; }

hr { border: 1px solid #555; border-width: 1px 0 0 0; }

img { border: none; text-decoration: none; }
sup { margin: 0 0 -.3em 0; }

fieldset { border: none; }
  fieldset legend { display: none; }

register#fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

html register#fieldset{ position: relative; }

html register#legend{ position:absolute; top: -1em; left: .8em; }

html register#fieldset{ position: relative; margin-top:1em; padding-top:.75em; }

register#fieldset {

  background-color:#FFF;
  border:1px solid #BCCAD1;
  padding: 20px;        /* padding in fieldset support spotty in IE */
  margin: 0;

}

register#legend {
	font-size:1.3em; /* bump up legend font size, not too large or it'll overwrite border on left */
	font-weight: bold;
	background-color:#FFF;
	border:1px solid #BCCAD1;
	padding: 4px 6px 3px 6px;
	color: #003366;


                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label.field-first,
form label.field-second {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 170px;
}

form label.field-first input,
form label.field-second input {
	float: left;
	width: 170px;
	padding: 0px;
}

#frame {
clear: both;
  padding: 1px 0 0 0;
  margin: 0;
  border-top: 1px solid #fff;
  background: #ffffff;
}

#topnav {
  vertical-align: middle;
  height: 70px;
 margin: 12px 1.25em 0 1em;
  z-index:666;
}
  #topnav div#rec_topics_header,
  #topnav #logo {
    width: 400px;
    height: 100%;
  }
  #topnav #logo h1 {
    display: block;
    height: 100%;
      width: 100%;
  }
    #topnav #logo h1 a {
      display: block;
      width: 100%;
      height: 100%;
      outline: none;
      text-indent: -5000px;
      text-decoration: none;
      background: url(../images/logo.png) no-repeat left top;
    }
  #topnav div.search {
    position: absolute;
    top: 17px;
    right: 1.25em;
    text-align: right;
    white-space: nowrap;
  }
    div.search input {
      font-size: 93%;
      width: 18em;
    }
    div.search input.button { width: auto; margin-left: 5px; }
  


/* Wrapper */
#wrapper {
  padding: 0 1em;
  border: 1px solid #fff;
  border-width: 1px 0;
  background-color: #fff;
}
  #contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }

#wrapper #articles,
#wrapper #indexhead,
#search.aduserbox .generalbody,
div#users-blocks { margin-right: 15.5em; position: relative; z-index: 10; }

div#top_header2 {
  margin-bottom: .75em;
line-height: 150%;
vertical-align: middle;

  background: #e6e6e6 url(../images/sections-bg.png) repeat-x left bottom;
}

/* User section menu */
div#user-section {
  margin-bottom: .75em;
  white-space: nowrap;
  font-size: 93%;
  background: #e6e6e6 url(../images/sections-bg.png) repeat-x left bottom;
}
  div#user-section * { line-height: 100%; }
  div#user-section div.content {
    overflow: hidden;
    padding: .5em .8em;

  }
    div#user-section ul { float: left; }
    
    div#user-section ul { padding: .3em 0; }
      div#user-section ul li {
        display: inline;
        list-style: none;
      }
      div#user-section ul li.begin {font-weight: bold; padding-left: 0; }
      div#user-section ul li.name a {
        font-weight: bold;
      }
      div#user-section ul li.name {
       	padding-left: 0; 
      }
        div#user-section ul li a {
          font-size: 100%;
          text-decoration: none;
	  padding: 0 .3em 0 .9em;
        }
div#user-section ul li:before {content:"|"; color: #999;}
    div#user-section ul li:first-child:before {content:" ";}
        div#user-section ul li a#loginlink {
          padding-left: 2em;
          background: url(../images/add_icon.gif) no-repeat .5em 50%;
        }
        div#user-section ul li a#loginlink.expanded { background-image: url(../images/login-arrow-expanded.gif); }
        
    div#user-section ul#user-utils { float: right; padding: 0 1.5em .3em 0; margin-top: .25em; }
    
  div#user-section div#loginform { clear: both; overflow: hidden; height: 0; width: 100%; padding: 0; margin: 0; }
/* Curse the phantom */
@media all and (min-width:0px) {
	div#user-section div#loginform { height: auto; }
	head~body div#user-section div#loginform { height: 0; }
}
    div#user-section div#loginform p {display: none;} 
    div#user-section div#loginform form { padding: .75em 0 .25em 0; }
      div#user-section div#loginform form input { width: 12em; margin-right: 1em;}
      div#user-section div#loginform form input.button { width: auto; margin-right: 0; }
      div#user-section div#loginform form label.checkbox { margin-right: 1em; }
      div#user-section div#loginform form label {display: inline;}
        div#user-section div#loginform form label.checkbox input { width: auto; margin-right: .25em; }

/* Contents */
#contents {
  width: auto;
  z-index: 1;
  position: relative;
  margin-left: 16.5em;
}


/* General Title */
div.generaltitle div.title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  background: #fff url(../images/article-title-bg.png) repeat-x left top;
  z-index: 10;
}
  div.generaltitle div.title a { color: #fff; text-decoration: none; z-index: 666; }
  div.generaltitle div.title h3 {
    padding: .3em .7em .45em .7em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
    background: url(../images/article-title-left.png) no-repeat left top;
    z-index: 666;
  }

/* Blocks */
div.block div.title { background: #6F84C4 url(../images/block-title-bg.png) repeat-x; }
  div.block div.title * { line-height: 100%; }
  div.block div.title h4 {
    padding: .5em .8em .6em .8em;
    color: #fff;
    font-weight: bold;
    font-size: 93%;
  }
  div.block div.title a { color: #fff; }
  div.block div.content ul { list-style: none; }
  div.block div.content {padding: 0; margin: 0;}

/* Links (left block) */
div#links {
  float: left;
  width: 15.25em;
  padding-bottom: 10px;
  margin-right: 1.25em;
  background: #eee url(../images/links-bg.png) no-repeat left bottom;
}
  div#links div.block div.content, div#links div.block { margin: 0; padding: 0; }   
  div#links div.block div.title {  margin: 0; position: relative; background: #6F84C4 url(../images/block-title-bg.png) repeat-x; z-index: 10;}
  div#links div.block div.title h4 { margin: 0; padding: .5em .8em .6em 2em; }
  div#links div.block div.title h4,
  div#links div.block.expanded div.title h4 { background: url(../images/block-arrow-expanded.gif) no-repeat .8em 50%; }
  div#links div.block.collapsed div.title h4 { background: url(../images/block-arrow-collapsed.gif) no-repeat .8em 50%; }
 
  div#links div.block.static div.title h4 { padding-left: .8em; background: none; }
  div#links div.block div.content ul { margin: 0; padding: .2em 0 .2em 0; border-bottom: 1px solid #ddd; }
    div#links div.block div.content ul li { margin: 0; list-style-image: none; }
    div#links div.block div.content ul * { line-height: 100%; }
    div#links div.block div.content ul li a {
      display: block;
      padding: .4em .8em .55em .8em;
      font-size: 93%;
      border-top: 1px solid #ddd;
    }
  div#links div.block div.content ul li h2 { margin: 0; padding: 0; font-size: 100%; }
  div#links div.block div.content ul li h2 a {margin: 0; 
    font-weight: bold;
  }
  div#links div.block div.content ul li a:hover {
    color: #fff;
    text-decoration: none; margin: 0; 
    background: #3A6492 ;
  }

/* Articles */
div.article { position: relative; }
  div.article div.title {
z-index: 1;
    margin: 0;

    background: #fff url(../images/article-title-bg.png) repeat-x left top;
  }
    div.article div.title span,
    div.article div.title span a { color: #8DC7C0;}
    div.article div.title span a { text-decoration: underline;}
    div.article div.title span a:hover { text-decoration: none;}
    div.article div.title h3 {
      padding: .3em .7em .45em .7em;
      color: #fff;
      font-size: 123%; /* 16px */
      font-weight: bold;
      background: url(../images/article-title-left.png) no-repeat left top;
    }
    div.article div.future div.title { background: #700 url("images/slc.gif") top left no-repeat;}
    div.article div.future div.title h3 { background: transparent; }
    div.article div.details, div.article div.body { padding: 0; }
    div.article div.details {
      padding: .4em .7em .5em .7em;
      color: green;
      font-size: 100%; /* 12px */
      line-height: 130%;
      background: #ddd url(../images/article-details-bg.png) repeat-x left top;
    }
      div.article div.details strong {
        font-weight: normal;
        font-size: 92%; /* of 12px = 11px */
      }
        div.article div.details strong b { font-weight: bold; }
    
    div.article div.body { min-height: 75px; margin: .4em 0 0 0; }
      div.article div.body div.topic {
        position: relative;
        float: left;
        margin: .3em 0 .7em 0;
	z-index: 666;
      }
        div.article div.body div.topic a { text-decoration: none; }
        div.article div.intro i {
          display: block;
          padding: 0 0 0 .85em;
          margin: .25em 0 .6em 0;
          font-style: normal;
          border-left: 3px solid #ddd;
        }
          div.article div.intro i a { font-weight: normal; }

/* autoboxes (right sidebar) */
div#autoboxes {
  position: relative;
  float: right;
  width: 14.25em;
}
  div#autoboxes div.block {
    position: relative;
    margin-bottom: 1.25em;
  }
    div#autoboxes div.block div.title h4 {
      background: url(../images/block-title-right.png) no-repeat right top;
	padding: .6em .8em .6em .8em; 
    }
    div#autoboxes div.block div.content {
      padding: .4em;
      background: #eee url(../images/mybox-bottom-left.png) no-repeat left bottom;
    }
      div#autoboxes div.block div.content p { margin: 0;}
      div#autoboxes div.block div.content ul { margin: 0; padding: 0; list-style-image: none; }
      div#autoboxes div.block div.content ul li {
        padding: .1em .8em .3em .8em;
        list-style-image: none;
        border-top: 1px solid #ddd;
      }
    div#autoboxes div.block div.right { padding: .5em .8em .6em .8em; }


/* Footer */
div#footer {
  margin-top: 1.25em;
  background: #bbb url(../images/footer-bg.png) repeat-x left top;
clear: both;
}
  div#footer div.search {
    float: left;
    width: 23.25em;
    padding: 1.35em 0 0 1.25em;
    white-space: nowrap;
  }

div#footer div.leftcontent {
	float: left;
	background: url(../images/footer-left.png) no-repeat 0 0;
	padding: 16px 5px 2px 23px;
	color: #666;

}
  div#footer div.rightcontent {
    padding: 1.35em 1.25em 1.5em 0;
    text-align: right;
    background: url(../images/footer-right.png) no-repeat right top;
  }
    div#footer div.rightcontent table {
      width: auto;
	 border: 1px solid #aaa; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
    }	
    div#footer div.rightcontent small {
      color: #333;
      font-family: 'Trebuchet MS', Helvetica, Arial, clean, sans-serif;
      font-size: 100%;
      font-style: italic;
    }