/*Tag reclassification */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	* {
	margin:0;
	padding:0;
	}	
	
	body{
	font:.9em/1.4em verdana, arial, helvetica, sans-serif;
	}
	
	h2{
	font-size:0.9em;
	color:#000;
	margin-bottom:5px;
	padding:20px 0 4px 0;
	line-height:1.2em;
	}
	
	h3, h4{
	font-size:0.9em;
	padding:20px 0 4px 0;	
	}
	
	h4{
	font-weight:normal;
	font-style:italic;
	color:#000;	
	padding-top:22px;
	margin-bottom:6px;
	}
	
	p{
	color:#163e73;
	font:0.7em/1.5em verdana, arial, helvetica, sans-serif;
	margin-bottom:10px;
	}
	
	ul, li{
	list-style-type:none;
	}
	
	a{
	color:#000;
	text-decoration:underline;
	}
	
	a:hover{
	text-decoration:none;
	}
	
	h1 span{
	display:none;
	}
	
	li a{
	text-decoration:none;
	}
	
	/* Mast */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	h1{
	height:100px;
	background:url(../images/logo.gif) no-repeat 30px 61px;
	width:900px;
	}
	
	a img{
	border:0;
	}
	
	.bannerad {
	padding:20px 10px 0 0;
	float:right;
	}
	
	/* Primary navigation */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	#nav{
	height:33px;
	background:url(../images/nav_bg.gif) repeat-x left top;
	list-style-type:none;
	padding-left:21px;
	font-size:0.85em;
	}
	
	#nav li{
	display:inline;
	}
	
	#nav li a,#nav li a:hover{
	background:url(../images/nav_bg.gif) repeat-x left top;
	display:block;
	height:25px;
	float:left;
	color:#fff;
	padding:0px 11px;
	padding-top:6px;
	border-right:1px solid #aac0dd;
	}
	
	/* Blog bullet point*/
	#nav li a.blog, #nav li a.blog:hover{
	background:url(../images/blog-bullet-a.gif) no-repeat left 8px;
	padding-left:22px;
	margin-left:4px;
	}
	 #nav li a.blog:hover{
	 text-decoration:underline
	 }
	
	#nav li a:hover,#nav li a.on{
	background:url(../images/nav_bg_on.gif) repeat-x left top;
	}

	#navstrip{
	height:14px;
	background:#dfe5ee;
	border-top:1px solid #cbd6e9;
	}
		
	/* Structure */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/	
	
	#holdall{
	width:960px;
	}
	
	#secondarynav,#content,#sideitems{
	float:left;
	display:inline;
	}
	
	#secondarynav{
	width:180px;
	}
	
	#no_secondnav #secondarynav,#home #secondarynav{
	display:none;
	width:20px;
	}
	
	
	#content{
	width:504px;
	margin:0px 23px;
	}
	
	#no_secondnav #content,#home #content,#shop #content{
	width:674px;
	margin-left:33px;
	}
	
	#home #content{
	width:714px;
	margin-left:3px;
	margin-right:13px;
	}
	
	#shop #content{
	width:900px;
	margin-left:3px;
	margin-right:13px;
	}
	
	#sideitems{
	width:180px;
	}
	
	#shop #sideitems{
	width:180px;
	display:none;
	}
		
	/* Shop */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/	
	
	#shop #gradbox{
	padding-left:20px;
	}
	
	* html #shop #gradbox{
	width:960px;
	}
	
	#shop #content{
	width:100%;
	}
	
	#shop h2{
	padding:20px 0 0 32px;
	margin:0;
	}
	
	.highlight{
	color:#ff9901;
	font-size:1em;
	padding:0 3px;
	}
	
	#shop #gradbox h2{
	padding:0 0 6px 0;
	margin:0 12px 5px 12px;
	font-weight:bold;
	color:#3981ee;
	border-bottom:1px dotted #535353;
	line-height:1.2em;
	font-size:0.75em;
	font-style:normal;
	}
	
	#shop #gradbox li{
	width:177px;
	min-height:420px;
	border-right:2px solid #fff;
	padding:12px 0 32px 0;
	float:left;
	}
	
	#shop #gradbox li p{
	padding:12px;
	line-height:1.4em;
	}
	
	#shop #gradbox li img{
	margin:22px 12px 22px 12px;
	}
	
	#shop #gradbox li img.CD{
	margin-top:73px;
	}
	
	#shop #gradbox li p{
	padding:2px 11px;
	margin:0;
	}
	
	* html #shop #gradbox li{
	height:420px;
	}
	
	#shop #gradbox li.last{
	border-right:0;	
	}
	
	#shop #gradbox a{
	text-decoration:underline;
	}
	
	#shop #gradbox a:hover{
	text-decoration:none;
	}
		
	/* Home page boxes */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/	
	
	#gradbox{
	min-height:145px;
	background:url(../images/bg_intro.jpg) repeat-x left bottom;
	}
	
	#gradbox .inner{
	/*background:url(../images/intro_dave.gif) no-repeat right bottom;*/
	min-height:145px;
	padding:24px 0 0 22px;
	}
	
	* html #gradbox .inner{
	height:145px;
	}
	
	#gradbox p{
	padding-right:20px;
	}
	
	#gradbox h2{
	padding:0;
	margin:0;
	padding-bottom:9px;
	}
	
	#home #content p{
	margin-bottom:4px;
	}
	#home #content li a{
	text-decoration:underline;
	}
	#home #content li a:hover{
	text-decoration:none;
	}	
	.boxout_image{
	float:right;
	}
		
	#boxy{
	background:url(../images/bg_intro.jpg) repeat-x left bottom;
	margin-bottom:8px;
	float:left;
	clear:left;
	}
	
	#boxy li{
	float:left;
	display:inline;
	width:349px;
	padding:0;
	margin:0;
	border-right:5px solid #fff;
	}
	
	
	#boxy li ul.bull li{
	font-size:0.7em;
	line-height:1.4em;
	padding:4px 0;
	width:325px;
	margin:0 12px 0 12px;
	border:0;
	list-style-type:square;
	list-style-image:url(../images/bullet.gif);
	}
	
	#boxy li ul{	
	}
	
	#boxy li.first{
	padding-left:11px;
	}
	#boxy li.last{
	border-right:0;
	}
	
	.leftbox_pic{
	float:right;
	padding-right:8px;}
	
	
	#boxy h2{
	padding:0;
	margin:0;
	border-bottom:1px dotted #535353;
	margin:2px 12px 8px 12px;
	padding:4px 0;
	color:#163e73;
	}
	
	#boxy h3{
	font-size:0.7em;
	border:0;
	padding:0;
	margin:0 0 0 12px;
	
	}
	
	#boxy p{
	margin:6px 12px;
	line-height:1.4em;
	}
	#boxy p.proj{
	margin:0px 12px;
	}
	#boxy img{
	margin:0;
	padding-left:34px;
	margin-top:6px;
	}
	
	
	/* Two column page with nav */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	#twocol_withnav #content{
	width:690px;
	
	}
	
	
	/* Book recommendations */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	#bookrec{
	border-bottom:1px dotted #535353;
	margin:18px 0;
	padding:10px 13px 0 10px;
	background:url(../images/bookrec_bg.gif) repeat-x left bottom;
	min-height:175px;
	}
	
	#bookrec h2,#bookrec p{
	color:#163e73;
	}
	
	#bookrec h2{
	padding-top:2px;
	border-bottom:1px solid #dfe5ee;
	margin-left:120px;
	font-size:0.8em;
	margin-bottom:8px;
	}
	
	.book, .CD{
	border:1px solid #cdd7e1;
	margin:4px 13px 10px 0px;
	}
	
	
	/* Side items */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	/* 12px top padding on sideitems div plus 12px on sideitems h2 equals 24px */
	
	#sideitems{
	padding-top:20px;
	}
	
	#twocol_withnav #sideitems{
	display:none;
	}
	
	#sideitems h2{
	color:#3981ee;
	line-height:1.2em;
	font-style:normal;
	font-size:0.75em;
	padding-bottom:8px;
	margin-bottom:6px;
	padding-top:4px;
	margin-top:0;
	border-bottom:1px dotted #535353;
	}
	
	#sideitems p{
	padding:0;
	margin:0;
	margin-bottom:6px;
	line-height:1.4em;
	}
	
	.anitem{
	padding-bottom:12px;
	}
	
	.anitem_image{
	float:right;
	padding-left:12px;
	}
	
	.lastitem{
	border:0;
	}
	
	#home #sideitems{
	padding-top:14px;
	}
			
	/* Secondary Navigation */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	#secondarynav{
	padding-top:24px;
	}
	
	#secondarynav li a,#secondarynav li a:hover,#secondarynav li a.on{
	color:#3981ee;
	font-size:.7em;
	font-weight:bold;
	display:block;
	padding-left:6px;
	height:16px;
	padding-top:2px;
	line-height:1.2em;
	} 
	
	#secondarynav li a:hover,#secondarynav li a.on{
	background:url(../images/nav_grad.gif) repeat-y left bottom;
	}
	
	#secondarynav li{
	border-top:1px dotted #535353;
	margin-left:26px;
	list-style-type:none;
	}
	
	#secondarynav li.bulletfirst{
	margin-top:20px;
	}
	
	#secondarynav li.bullet{
	border:0;
	font-size:.7em;
	margin-top:10px;
	border:0;
	color:#163e73;
	list-style-image:url(../images/bullet.gif);
	margin-left:40px;
	line-height:1.45em;
	}
	
	#secondarynav li.bulletfirst{
	margin-top:20px;
	}
	
	#secondarynav li.bullet a,#secondarynav li.bullet a:hover{
	border:0;
	background:0;
	padding:0;
	font-weight:normal;
	color:#000;
	font-size:1em;
	text-decoration:underline;
	display:inline;
	}
	
	#secondarynav li.bullet a:hover{
	text-decoration:none;
	}
	
	/* Excess code to fix second nav issues on crap Explorer 6 browser*/
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	* html #secondarynav li a,
	* html #secondarynav li a:hover,
	* html #secondarynav li a.on
	* html #secondarynav li.bullet
	* html #secondarynav li.bulletfirst{
	position:relative;
	left:-17px;
	}
	
	* html #secondarynav li.bullet{
	margin-left:30px;	
	}
	
	*html #secondarynav li.bullet a,*html #secondarynav li.bullet a:hover{
	left:0;
	}
	
	/*Footer */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	#footer{
	clear:left;
	border-top:1px dotted #535353;
	padding:18px 0 16px 203px;
	margin-right:50px;
	}
	
	#no_secondnav #footer{
	padding-left:33px;
	}
	
	#home #footer{
	padding-left:26px;
	}
	
	#shop #footer{
	padding-left:30px;
	margin-right:0;
	}
	#footer a{
	text-decoration:underline;
	}

	#footer a:hover{
	text-decoration:none;
	}	
	
	#footer li{
	display:inline;
	}
	
	#footer ul{
	font-size:0.65em;
	padding-bottom:22px;
	clear:right;
	display:inline;
	height:0px;
	}

	#footer p{
	padding:0 0 2px 0;
	margin:0;
	font-size:0.65em;
	}
	* html #footer p{
	height: 1px;
	}
	
	/*Other */
	/*---------------------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	.content_image_left,.content_image_right{
	margin:12px;
	margin-left:0;
	border:1px solid #cdd7e1;
	}
	
	.content_image_left{
	float:left;
	}
	.content_image_right{
	float:right;
	margin-left:12px;
	margin-right:0;
	}
	
	.noborder{
	border:none;
	}
	
	/* Add a paragraph with this style at the end of each content section to prevent overlapping in Firefox */
	.cl_lef{
	clear:left;
	height:15px;
	padding-bottom:15px;
	float:left;
	}
	
	/* ...Or a break with this style to avoid padding that comes with the above*/
	
	.clearbreak{
	clear:both;
	border:1px dotted red;
	}
	
	a.btn{
	color:#fff;
	background:#3981ee /*url(../images/nav_bg.gif) repeat-x left -10px*/;
	padding:0 5px;
	margin-top:6px;
	text-decoration:none;
	display:block;
	float:left;
	border:1px solid #fff;
	clear:left;
	}
	
	a.rss{
	background:url(../images/rss.gif) no-repeat left center;
	padding-left:17px;
	}
	
	#shop a.btn{
	margin:0;
	float:none;
	clear:none;
	}
	a.btn:hover{
	border:1px dotted #fff;
	}
	
	a.arr{
	background:url(../images/arr.gif) no-repeat left 3px;
	margin-left:3px;
	padding-left:10px;
	}
	.links li a{
	font-size:0.7em;
	text-decoration:underline;
	}
	.links li a:hover{
	text-decoration:none;
	}