div.spotlight {
	float: left;
	overflow: hidden;
	position: relative;
	margin-left: -12px;
	top: -11px;
	width: 24%;
	padding: 10px 6px;
	background: #003366;
	color: #fff;
	text-align: center;
}

div#flow div#tab h5 {
	margin-bottom: 2em;
	margin-top: 1em;
}

div#tab .wrap ul{
	margin: 10px 5% 10px 5%;
	padding-left: 20px;
}


div#flow div#tab div.wrap img#bookshot {
	padding-right:20px
}#recent *, #tab div.wrap * {
margin:8px 3% 8px 3.5%;
}

#tab div.wrap * * {
margin: 0;
}

#col1 *, #col3 *{
position: relative;
}

div.nav_orange h3 {
border: 1px solid #730;
background: #FFD57D;
color:#730;
}

div.nav_orange a:link {
color:#730
}

div.nav *, div.nav_orange *, div.cart * {
margin:4px 6px 6px 10px;
}
div.nav * *, div.nav_orange * * {
margin:0;
}

div.nav h4, div.nav_orange h4 {
color: #C04000;
}
div.nav ul, div.nav_orange ul, div.nav ol, div.nav_orange ol  {
margin: 5px 0 10px 5px;
padding:0 0 0 5px;
font-size:77%;
font-weight:bold;
}	


div.topics ul {
padding-bottom: 10px;
border-bottom:1px #c0d0e0 solid ;
}
div.nav_orange ul, div.nav_orange ol {
border-bottom: 1px #e0d0c0 solid;
}
div.nav li, div.nav_orange li{
margin: 0 5px 5px 18px;
padding:0
}
div.nav ul li{
list-style-image: url(/images/icons/buld.gif);
}
div.nav ul li:hover{
list-style-image:url(/images/icons/buld.gif)
}
div.nav p, div.nav_orange p{
font-size:77% ;
margin-bottom:10px
}
div.nav_orange h5{
margin-top:15px;
margin-bottom:7px;
font-size:84%;
}

div.nav_orange h5 a:link, div.nav_orange h5 a:visited{
color: #CA1400;
}



div#flow div.art img{
float: left;
margin-right: 8px;
margin-bottom: 8px;
}
div#flow div.art p
{
margin-left: 70px;
margin-bottom: 24px;
}
div#flow table {
margin:10px 3.5% 15px 3.5%;
font-size:80%;
border-collapse:collapse;
width:auto
}
div#flow table td, div#flow table th{
border-right:1px solid #fff;
}
div#flow table th {
background-color:#fff
}
div#flow h3, div#newcontent h3, #tab .wrap h3 {
margin-bottom:18px;
}
div#flow div#tab q {
font-style: italic;
}
div#tab h1#title {
padding:12px 0 24px 0!important;
line-height: 150%;
}


/* RSS buttons */
span.h3insert
{
	float: right;
	display: block;
}

/* cross site layout knick-nacks */

.credit {
color:#666;
font: bold 85% Verdana, Arial, Helvetica, sans-serif;
}
.imgleft {
float: left;
margin-right: 10px!important;
margin-bottom: 10px!important;
}
.imgcenter {
text-align:center;
display:block;
margin-right: auto!important;
margin-left: auto!important;
margin-bottom: 10px!important;
}
#flow .imgright, #col1 .imgright, #col3 .imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.expert_author
{
color: #FF6600;
font: bold 80% Verdana,sans-serif;
}



.regular_author
{
color: #5F5F5F;
font: bold 80% Verdana,sans-serif;
}
#tab div.wrap .line {
border-bottom: 1px solid #C0D0E0;
margin-top: 10px;
margin-bottom: 20px;
height: 0;
overflow:hidden;
clear:both ;
position: relative;
}
.noborder{
border:0px none
	}
.nomargin {
margin:0px!important;
	}
.breaker {
clear: both;
}
.clearright {
clear: right;
}
.clearleft {
clear: left ;
}
.box{
line-height:1.1;
padding-top:15px;
position: relative;
}
.wrapper{
line-height:1.1;
margin-bottom:25px;
display:block;
position: relative;
}
.wrap{
margin: 0px;
padding: 0px;
clear:left;
line-height:1.1;
overflow: hidden;

} 
.topborder{
border-top:1px solid #FFD57D;}
div#content .wrapleft{
	border:0px none;
	margin:0px;
	padding:0px;
	padding-right:5px!important;
	line-height: 1.1;
	float:left!important;
}
div#content .wrapright{
	border:0px none;
	margin: 0 10px 10px 10px;
	float:right!important;
	clear:both;
}
.wrapcenter{
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:center;
	clear:both;
	width:auto;
}
.wrapcenter img{
	float:none!important;
}

#footer a:link
{color:#E3EDF4;}
#footer a:hover
{color:#fff!important}
#footer a:visited
{color:#C0D0E0;}
/* blog bits */
/* used on front page, subcategory pages, and blog pages */

#tab ul.blog_post_details, #blogpreview ul.blog_post_details
{
font-size: x-small;
color: #555;
list-style-type: none;
padding-left: 25px;
margin-bottom: 16px;
}
#tab ul.blog_post_details li, #blogpreview ul.blog_post_details li
{
margin-bottom: 2px;
line-height: 120%;
}
a.blogpost, a:hover.blogpost, a:visited.blogpost, #tab .blogicon
{
background-image: url(/images/icons/blog.gif);
background-repeat: no-repeat;
padding-left: 25px;
display:block;
}
a.blogpost, a:hover.blogpost, a:visited.blogpost
{
	padding-bottom: 8px;
}
a:hover.blogpost
{
	background-image: url(/images/icons/blog-ani.gif);
	background-repeat: no-repeat;
}
#tab h5.blogtitle
{
	margin-bottom: 12px;
	padding: 1px 0 4px 25px;
	display: block;
	background: url(/images/icons/blog-folder.gif);
	background-repeat: no-repeat;
}

/* zero margin h3s */
#blogpreview h3, #recent h3, #feature h3, #col1 h3, #col3 h3, #tab div.wrap h3,
div.nav h3, div.nav_orange h3
{
margin-top: 0;
margin-left: 0;
margin-right: 0;
border-width: 1px 0;
}
/* details box */
div#tab div.detail{
	border:1px solid #C0D0E0;
	background: #F9FAF9;
	margin:0 10px 0 10px;
	padding:8px 0 10px;
	float:right;
	width:170px;
}
div#tab div.detail li{
font-size:84%;
line-height:170%;
margin-left:10px;
}

/* featured nav_orange in col3 of some pages */
div.nav_orange div#featured *
{
	margin-top: 10px;
	margin-bottom: 10px;
}
div.nav_orange div#featuredproduct * *
{
	margin-top: auto;
	margin-bottom: auto;
}
/* newsletter pages */
div#newsletterlist h4 {
padding-bottom: 10px;
}



body.zipped, html.zipped
{
margin: 0;
padding: 0 0 0 0;
height: 100%;
overflow: hidden;
}       
div#flow div#tab p{	
line-height: 140%;
}	

body{ /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
  background: #fff;
  line-height: 1.1;
  color: #333;
  font: small Verdana, Geneva, Arial, Helvetica, sans-serif!important;
}

/*Global Whitespace Reset*/
body, form, input {
padding: 0px;
margin: 0px;
}
dd, blockquote {
  margin-left: 40px;
}
fieldset {
  padding:10px;
}
/* end : Global Whitespace Reset*/

img {
  border: 0px none #fff;
}

h1, h2, h3{
  color:#036;
  background: transparent;
  font-family:  'Trebuchet MS', Arial, Helvetica, sans-serif
}
h1  {
  font-size: 190% ;
  position:relative
}

h2  {
  font-size:160%;
  }
h3  {
  font:  bold 100% Arial, Helvetica, sans-serif;
  border: 1px solid #7088B0;
  line-height:1.1;
  padding:1px 3px 2px 3px;
  background:#7088B0 url(/images/layout/gradient4.gif) repeat-x;
  clear: right;
  color:#fff ;
}
h4  {
  font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
}
h5  {
  font-size:  100%;
}
h6 {
  font-weight: normal;
}
p, li {
  line-height:150%
}

a:link{
  color: #06c;
  background: transparent;
}
a:visited{
  color: #036;
  background: transparent;
}
a:hover{
  color: #f60;
  background: transparent;
}



address{
  padding:1.5em!important;
  font: italic bold small/1.4em  Verdana,Arial,Helvetica,sans-serif;
  color: #036;
  background: transparent;
}
blockquote{
  font: bold 13px/1.4em  Verdana, Arial, Helvetica,sans-serif;
  color: #036;
  margin: 10px 0px 10px 20px;
  background: transparent;
}
blockquote h6{
  color: #036!important;
  text-align: right;
  background: transparent;
}
caption {
  font-size: 12px;
}
dl{
  margin-top: 10px;
}
dt {
  font: bold 100%/1.4em  Verdana,Arial,Helvetica,sans-serif;
}
dd {
  font: normal small/1.4em  Verdana,Arial,Helvetica,sans-serif;
  color: #333 !important;
  margin-bottom: 15px;
  background: transparent;
}
td {
  padding: 5px 10px;
  vertical-align: top;
}
td a {
  font-weight: bold;
  color: #06c;
}
th {
  font: 85% Verdana,Arial,Helvetica,sans-serif;
  color: #666;
  background: transparent;
}
p label {
  width: 25%;
  font-weight: bold;
  float: left;
  clear: left;
}


@media screen
{
  #header {
    width: auto !important;
  }
  #body {
    border-top: 1px solid white;
  }
  #sorry, .sorry {
    display:none;
  }
  #content {
    width: auto;
    background: #FFF url(/images/layout/vignette2.gif) repeat-x;
    padding: 11px 6px 11px 12px;
  }
  #maincontent {
    float: left;
    width:78%;
    padding-right:1px;
    margin-left:0px;
    margin-right:1%;
  }

  #search {
    padding: 5px 12px;
    background:#738FBF url(/images/layout/gradient4.gif) repeat-x;
    margin:0;
    border-bottom: 1px solid #4D6EA7!important;
    border-width: 0 0 1px 0;
  }
  #newcontent {
    position:relative;
  }

  #feature {
    border:1px solid #7088B0 ;
    border-top:0 none;
    width:72%;
    background: #fff;
    margin:0px 0 10px 0;
    padding:0 0 15px 0!important;
    position:relative;

  }

  #blogpreview {
    position:absolute;
    width:26%;
    border:1px solid #7088B0;
    border-top:0 none;
    right:0;
    top:0;
    background: #fff;
    padding:0;
  }
  #recent {
    background:#fff;
    width:62.2%;
    padding:0;
    margin-bottom: 10px !important ;
    border: 1px solid #7088B0;
    border-width: 0 1px 1px 1px;
  }
  div#flow{
    float:right;
    overflow: visible !important;
    overflow:hidden;
    width:74.3%;
    padding:0 0 20px 0;
    margin:0;
    background-position: -100px 0;
  }
  div#flow div#tab {
    margin:0;
    cursor: default;
  }

  #col1  {
    overflow: hidden;
    float:left;
    clear: left;
    width:24%;
    margin:0 0 0 0;
  }
  div.nav  {
    background:#F9FAF9;
    border: 1px #7088B0 solid;
    border-width: 0 1px 1px 1px;
    margin-bottom:11px ;
    overflow: hidden;
    width:auto!important;
    width:100%
  }

  div.nav_orange {
    width:auto!important;
    width:100%;
    overflow: hidden;
    background-color: #FFFAF0;
    border:1px solid #730;
    border-top:0 none;
    margin-bottom:11px ;
    position: relative;
  }
  #col3 {
    float:left;
    width:19.58%;
    margin:0;
  }
  #logo {

    margin:15px 0 -25px 15px;
    top: 0;
    position: absolute;
  }

  #stats {
    color:#333;
    background:transparent;
    position:absolute;
    right:16px;
    top:8px;
    font: bold 10px/16px Verdana,Arial,Helvetica,sans-serif;
    text-align:right;
  }

  #footer {
    width:auto!important;
    clear:both;
    position:relative;
    text-align:center;
    font-size:80%;
    line-height:1.1;
    padding:0;
  }

  #tertiary {
    background:#036;
    color:#ADADAD;
    font:10px Arial,Verdana,Helvetica,sans-serif;
    position:relative;
    text-align:center;
    z-index:1;
    clear:both;
    margin:0 0 3px 0;
    padding:3px;
  }

  #standards {
    position: relative;
    top: 50px;
    text-align: center;
  }

  #topcontrols {
    clear: both;
  }

  #skip {
    text-indent:-20em;
    position: absolute;
  }

  #tagline {
    font: bold italic 86% Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    color: #036;
    margin: 18px 0 18px 0;
  }

  /* halfs, thirds and quarters */
  .third {
    width: 28%;
    float: left;
    padding: 0px;
    margin: 0px ! important;
    clear: right;
  }

  .twothirds {
    width: 60%;
    float: left;
    display: inline;
    clear: left;
    padding: 0px 10px 20px 0px;
    margin: 0 8px 0px 0;
    border-right: 1px solid #C6D3E7;
    overflow: hidden;
  }

  .half {
    width: 44%;
    float: left;
    padding: 5px 2%;
    margin: 0px 0px 5px 0px;
    overflow: hidden;
  }

  /* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
  }

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */

  div#tab div.wrap {
    border: 1px solid #7088B0;
    border-top: 0 none;
    margin-bottom: 15px ;
    padding-bottom: 15px ;
    background-color: #fff
  }
}


/* NAV TABS */ 
#navcontainer {
	clear: left;
	z-index: 3;
	position:relative;
	margin: 0 0 0 20%;
	width: 62%;
}
#navlist {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear:both;
}
#tabbar {
	position:relative;
	background: #036;
	font: bold italic 10px Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	clear:both;
	border-bottom: 14px solid #036
	
}
#navlist ul, #navlist, #stats ul, #stats li, #navlist li  {
	margin: 0;
	padding: 0;
}
#stats li  {
	list-style-type: none;
}
#navlist li
{
  float: left;
  display: block;
  width: 24.5%;
  min-height: 20px; 
}
#navlist li a
{
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font:bold small Verdana, sans-serif;
}

#taba, #tabb, #tabc, #tabd {
	padding:4px;
  background-color: #546F9E
}
#taba
{
  background: #496289 url(/images/layout/slanter1.png);
  background-position: bottom left;
  padding-left:25px;
  margin-right: -1px;
}
#tabb
{
  background: #496289;
  margin-right: -1px;
  border-left: 1px solid #fff;
}
#tabc
{
  background: #496289;
  margin-right: -1px;
  border-left: 1px solid #fff;
}
#tabd
{
  background: #496289 url(/images/layout/slanter1.png);
  background-position: bottom right;
  border-left: 1px solid #fff;
  padding-right:25px;
}
#taba:hover, #tabb:hover, #tabc:hover, #tabd:hover
{
  background-color: #738AB5;
  color: #fff!important;
}
#navlist li a.active, #navlist li a:active
{
  padding-bottom: 5px;
  color: #fff; 
  background-color: #036;
}