body {
		background-image : url("/images/bs_background/Browse.view");
	  	background-position: top center;
	    background-repeat : repeat-x;
	    margin : 0;
	    padding: 0;
		text-align:center;
		height:100%; /* this is the key! */
}

.frame {
		width:100%;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:center;
}	


img	{
	border:	0;  /* turns off gaps around images */
}

.bslogo{
	float:left;
} 

.banner{
	padding-top:12px;
	float:left;
	height:70px;
}

/*  SUB NAVIGATION  */

.subnav {
	text-align: right;
	height: 24px;
    line-height : 24px;
	display: block;
	clear:both;
}

.subnav a {
	text-decoration: none;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: rgb(51, 51, 51);	
}

/* CONTENT */

.contentheader {
	width:760px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

.content {
		background-image: url("/images/bs_contentbackground/Browse.view");
		background-repeat: repeat-y;
		position:relative;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:center;
		height:100%; /* this is the key! */
}	
		
.contentleft {
		width:125px;
		padding:0px;
		float:left;
}

.contentcenter {
		width:435px;
		padding:20px 20px 20px 20px;
		float:left;
}

* html .contentcenter {
        w\idth: 475px;
     }


.contentright {
	width:160px;
	padding:0px;
	text-align:left;
	float:left;
}

/*  MAIN NAVIGATION  */


.mainnav ul{
    bottom : 0;
    margin : 0;
    padding: 0;
	border-top:0;
	border-bottom : 1px solid rgb(255, 255, 255);
    list-style-type: none;
	text-align : left;
}

.mainnav li{
    height: 24px;
    line-height : 24px;
    margin: 0;
    display: block;
    vertical-align: middle;
    background: rgb(247, 247, 247);
    list-style-type: none;
}

.mainnav a{
    font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 24px;
    line-height : 24px;
    margin: 0;
    border-top : 1px solid rgb(255, 255, 255);
	border-left: 1px solid rgb(202, 225, 255);
    border-right: 10px solid rgb(202, 225, 255);
    padding-left : 3px;
    display: block;
    vertical-align: middle;
    background: rgb(247, 247, 247);
    list-style-type: none;
	text-decoration: none;
}
    
.mainnav li a:hover{
	color: rgb(70, 130, 180);
    background: rgb(202, 225, 255);
    border-left: 1px solid rgb(70, 130, 180);
    border-right: 10px solid rgb(70, 130, 180);
    list-style-type: none;
	text-decoration: none;
}

.mainnav a:link{ 
    color: rgb(102, 102, 102);
}

.mainnav a:visited{ 
    color: rgb(102, 102, 102);
}

.mainnav a:hover{
    color: rgb(70, 130, 180);
}

/* CONTENT */

.pagehead{
	width:100%;
	text-align: left;
	border:1px solid rgb(70, 130, 180);
    height: 23px;
    background-color: rgb(202, 225, 255);
    padding-top : 2px;
    padding-left : 4px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(70, 130, 180);
}

.searchhead{
	width:100%;
	text-align: left;
	border:1px solid rgb(205, 190, 112);
    height: 23px;
    background-color: rgb(238, 232, 170);
    padding-top : 2px;
    padding-left : 4px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(51, 51, 51);
	margin-top:20px;
}

.samplecopyhead{
	width:100%;
	text-align: left;
	border:1px solid rgb(204, 204, 204);
    height: 23px;
    background-color: rgb(247, 247, 247);
    padding-top : 2px;
    padding-left : 4px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(153, 153, 153);
}

.contentsearch{
    margin-bottom : 10px;
    padding-left : 3px;
	font-size:10px;
	font-weight:bold;
	color: rgb(153, 153, 153);
	text-align:left;
	border-left:1px solid rgb(205, 190, 112);
	border-right:1px solid rgb(205, 190, 112);
	border-bottom:1px solid rgb(205, 190, 112);
	background-color: rgb(245, 245, 220);
}

.contentsearch a{ 
    font-size: 10px;
    text-decoration: none;
    color: rgb(205, 190, 112);    
}

.contentsearch input {
	width:400px;
}

.story{
	margin: 0;
	padding-top:10px;
	text-align: left;
	color: rgb(51, 51, 51);
	text-decoration: none;
}

.story h1{
	margin-bottom:10px;
	font-weight: bold;
	font-size: 14px;
	color: rgb(70, 138, 180);
}

.story h1 a{
	color: rgb(70, 138, 180);
	text-decoration: none;
}

.story h2{
	font-weight: bold;
	font-size: 12px;
}

.story h4{
	font-size: 10px;
	color: rgb(51, 51, 51);
}

.story h5{
	font-size: 9px;
	color: rgb(204, 204, 204);
}

.story table {
	font-size: 12px;
	width:100%;
}

.story th {
	background-color:rgb(247, 247, 247);
	border: 1px solid rgb(204, 204, 204);
	font-size:10px;
}

.story td {
	border: 1px solid rgb(204, 204, 204);
	padding:5px;
}

.samplecopy {
	padding:10px;
	border-left: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
}

.samplecopy table {
	font-size:10px;
	line-height:18px;
}

.more{
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: rgb(70, 138, 180);
}

hr {
	margin-top:5px;
	margin-bottom:5px;
	border: 0;
	width: 100%;
	background-color:rgb(247, 247, 247);
  	color:rgb(247, 247, 247);
  	height:1px;
	clear:all;
}

.storylist ul{
	bottom : 0;
    margin : 0;
	padding:0;
    list-style-type: none;
	text-align : left;
	font-size:10px;
	line-height:14px;
}


.cover {
  	float: left; /* special */
    margin: 0px 17px 5px 0px;
    clear: all;
}

.rightbar{
    vertical-align: middle;
	height:24px;
	line-height:24px;
    margin-top: 20px;
    border-left: 1px solid rgb(205, 190, 112);
    border-right: 10px solid rgb(205, 190, 112);
    padding-left : 3px;
    padding-top : 6px;
    background: rgb(238, 232, 170);
	font: bold 10px Verdana, sans-serif;
    text-decoration: none;
}

.rightform{
    margin-top: 5px;
    margin-bottom : 10px;
    padding-left : 3px;
	font-size:10px;
	font-weight:bold;
	color : rgb(153, 153, 153);
}

.rightform a{ 
    font-size: 10px;
    text-decoration: none;
    color: rgb(205, 190, 112);    
}

.advancedsearch{
	border-left: 1px solid rgb(205, 190, 112);
    border-right: 1px solid rgb(205, 190, 112);
	border-bottom: 1px solid rgb(205, 190, 112);
	padding:4px;
    background-color: rgb(245, 245, 220);
	margin-bottom:20px;
}

.advancedsearch table{
	font-size:10px;
	font-weight:bold;
	color : rgb(153, 153, 153);
}

.advancedsearch select{
	font-size:11px;
}

.newsletterregistration{
	border-left: 1px solid rgb(205, 190, 112);
    border-right: 1px solid rgb(205, 190, 112);
	border-bottom: 1px solid rgb(205, 190, 112);
	padding:4px;
    background-color: rgb(245, 245, 220);
	margin-bottom:20px;
}

.newsletterregistration table{
	font-size:10px;
	font-weight:bold;
	color : rgb(153, 153, 153);
}

.newsletterregistration select{
	font-size:11px;
}


.LoginButton{
	margin: 5px 0 0 12px;
	border:0;
}

.SearchButton{
	margin: 4px 0 0 7px;
	border:0;
}

.sectiontitle {
	margin-top:20px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: rgb(255, 102, 51);
	text-align:left;
	border-bottom:1px solid rgb(255, 102, 51);
}

.searchresults{
	margin: 0;
	padding-top:10px;
	text-align: left;
	color: rgb(51, 51, 51);
	text-decoration: none;
	font-size: 11px;
}

.searchresults h1{
	margin-top:10px;
	margin-bottom:5px;
	font-weight: bold;
	font-size: 14px;
	color: rgb(70, 138, 180);
}

.searchresults h1 a{
	color: rgb(70, 138, 180);
	text-decoration: none;
}

.searchresults h2{
	font-weight: bold;
	font-size: 12px;
}

.searchresults h5{
	font-size: 10px;
	color: rgb(204, 204, 204);
}

.searchresults table {
	font-size: 10px;
	width:100%;
}

.Pagination {
	background-color:rgb(247, 247, 247);
	color: rgb(51, 51, 51);
	font-size: 9px;
	margin-top:20px;
	padding:2px;
}

.footer {
	background-color: rgb(70, 130, 180);
	float:left;
	clear:none;
	height:24px;
}


.footertext {
	font-size:10px;
	color: rgb(255, 255, 255);
	height:24px;
	vertical-align:middle;
}

.footertext a{
	color: rgb(255, 255, 255);
	text-decoration:none;
}

.subscribe {
	margin-top: 5px;
}


.backissuesbutton{
	text-align:right;
}

.BackIssueProduct {
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:10px;
	border-top: 1px solid rgb(247, 247, 247);
	clear:both;
}

.backissues{
	font-size:10px;
	line-height: 14px;
	margin: 0;
	text-align: left;
	color: rgb(51, 51, 51);
	text-decoration: none;
}

.backissues h1{
	margin-bottom:10px;
	font-weight: bold;
	font-size: 14px;
	color: rgb(70, 138, 180);
}

.backissues h1 a{
	color: rgb(70, 138, 180);
	text-decoration: none;
}

.backissues h2{
	font-weight: bold;
	font-size: 12px;
}

.backissues h4{
	font-size: 10px;
	color: rgb(51, 51, 51);
}

.backissues h5{
	font-size: 9px;
	color: rgb(204, 204, 204);
}


.backissuesorder {
	padding:10px;
	border-left: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
}

.backissuesorder table {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
}

.backissuesorder td {
	width:100%;
}	


.backissuesorderhead{
	margin-top: 10px;
	width:100%;
	text-align: left;
	border:1px solid rgb(204, 204, 204);
    height: 23px;
    background-color: rgb(247, 247, 247);
    padding-top : 2px;
    padding-left : 4px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(153, 153, 153);
}

.SelectYear{
	text-align:right;
}

.button {
	text-align:right;
}

.price{
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	padding-bottom:5px;
}

.nameandadressformsubmitbutton{
	float:right;
}

.freearticlelist{
	font-size: 10px;
	margin: 0;
	padding-top:10px;
	text-align: left;
	color: rgb(51, 51, 51);
	text-decoration: none;
}

.freearticlelist table{
	font-size: 10px;
}

.freearticlelist h1{
	margin-bottom:10px;
	font-weight: bold;
	font-size: 12px;
	color: rgb(70, 138, 180);
}

.freearticlelist h1 a{
	color: rgb(70, 138, 180);
	text-decoration: none;
}

.freearticlelist h2{
	font-weight: bold;
	font-size: 12px;
}

.freearticlelist h4{
	font-size: 10px;
	color: rgb(51, 51, 51);
}

.freearticlelist h5{
	font-size: 9px;
	color: rgb(204, 204, 204);
}

.freearticleform {
	padding:10px;
	border-left: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
}

.freearticleform table {
	font-size:10px;
	line-height:18px;
}

.freearticlehead{
	margin-top:10px;
	width:100%;
	text-align: left;
	border:1px solid rgb(204, 204, 204);
    height: 23px;
    background-color: rgb(247, 247, 247);
    padding-top : 2px;
    padding-left : 4px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(153, 153, 153);
}

/* TEXT */

body {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: rgb(51, 51, 51);
	line-height:18px;
}

.error {
	color: rgb(204, 0, 51);
}

h6,h5,h4,h3,h2,h1{
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
	color: rgb(70, 130, 180);
}

a:hover {
	text-decoration:none;
	color: rgb(255, 102, 51);
}

a:visited {
	text-decoration:none;
}