ÿþbody {

	margin: 0;

	padding: 0;

	background: #fff;

	}







h1 {

	margin: 0 5px 0 10px;

	font: bold large Verdana, Arial, sans-serif;

	color: #000;

	margin-top: 0px;

	}



h2 {

	margin: 10px 10px 0 0;

	padding: 0 10px 0 5px;

	font: large Verdana, Arial, sans-serif;

	color: #039;

	}



h4 {

	font: bold small Verdana, sans-serif;

	color: #039;

	margin-bottom: 2px;

	}



.tight {

	bottom-margin: -2px;

	}



.tight_top {

	margin-top: -4px;

	}





h5 {

	font: italic bold small Arial, sans-serif;

	color: #039;

	margin-top: 2px;

	}





p {

	font: small Verdana, sans-serif;

	color: #000;

	}



.indent {

	margin-left: 15px;

	}



.nudge_l {

	margin-left: -15px;

	}



ul.none {

	position: relative;

	list-style: none;

	}



ul.emphasis {

	list-style: none;

	font: bold medium Arial, sans-serif;

	color: #333;

	}

ul.emphasis li {

	margin-bottom: 6px;

	}





ul.sub_emphasis {

	list-style: bullet;

	font: bold italic small Arial, sans-serif;

	color: #333;

	}



ul.sub_emphasis li {

	margin-bottom: 6px;

	}



#top p {

	text-align: center;

	}





#center p {

	margin-left: 25px;

	font: small Verdana, sans-serif;

	color: #000

	}



#center p.tight {

	font: small Verdana, sans-serif;

	margin-bottom: -2px;

	}



#sponsor p, #articlesponsor p {

	color: #A5B5C6;

	}



#sponsor p.dark {

	color: #000;

	}



	

#footer p {

	margin: 0;

	text-align: center;

	font: x-small Verdana, sans-serif;

	color: #fff;

	}



#lower p {

	margin: 4px;

	text-align: center;

	}







a {

	font: bold small Verdana, sans serif;	

	color: #9cf;	

	}



a.bright {

	color: #39f;

	}





a:hover {

	font: bold medium Verdana, sans serif;

	color: #900;	

	}



hr {

	color: #69f;

	height: 1px;

	}

	

a img {

	border: 0px none;

	display: inline;			/* removes extra space underneath caused by default		text-alignment; 								 */

	}





div#lower a {

	display: block;			/* makes the background hover effect work in Mozilla */

	width: 300px;

	margin: 2px auto 10px auto;

	background-color: #006;

	}



div#lower a:hover {

	background-color: #69f;



	}



div#spotlight_00 a {



	color: #900;

	}



.textbox {					/* Until IE understands <css> input[type="file"] { </css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating */

	padding: 4px;

	font:  small verdana, sans-serif;

	color: #000;

	background-color: #fff;

	border: 1px solid #000;

	}



.button {

	padding: 2px;

	font: bold small verdana, sans-serif;

	color: #fff;

	background-color: #5C6F90;

	border: 1px solid #000;

	}



.latestarticle {

	margin: 0px 10px 0px 10px;



	}



.pushaway { 

	margin-bottom: 10px;

	}



	

.headshot {

	display: inline;

	float: left;

	margin: 10px 0.5em 0.5em 10px;

	}



.blurb_block {

	position: relative;

	display: inline;

	float: right;

	margin: 0px 50px 0px 0px;

	}



.blurb_block_txt {

	position: relative;

	display: block;

	float: right;

	margin: 0px 120px 0px 0px;

	}















	

.blurb_pic {

	display: inline;

	float: right;

	margin: 0px 0.5em 0.5em 0px;

	}



p.latestarticle a {

	clear: right;

	font: bold small Verdana, sans-serif;

	}



.date {

	display: block;

	padding-right: 10px;

	text-align: right;

	color: #A5B5C6;

	font: x-small Verdana, sans-serif;

	}



.author {

	display: block;

	color: #5C6F90;

	font: x-small /2 Verdana, sans-serif;

	}



.blurb {

	margin: 0px 0px 1em 55px;

	}



p.crumbtrail {

	margin: 10px 28% 0px;;

	font-size: x-small;

	}

/* 









/* 



------------------------------- layout ----------------------------- 



Notes:



Do not mix px widths with % widths for margins, borders or padding because 

the total box width = set width + padding + border.  (It helps if you can add them together)



The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that

wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html



IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently

unneccessary so leave it out!



Left Col Widths:

 |  pad   |         width        |  pad   | 				

 ------------------------------------------					

 |   0    |          25%         |   0    |	

 

Center Margins:

 |  marg  |         width        |  marg  | 

 ------------------------------------------

 |   25%  |        (auto)        |   25%  |



Right Col Widths:

 |  pad   |         width        |  pad   | 				

 ------------------------------------------					

 |  1.5%  |          22%         |  1.5%  |				total width= 25%

 



*/









#wrapper {

	margin: 0 auto;

	padding: 0 auto;

	text-align: center;

	background: #000;



	}



#wrapper_00 {

	margin: 0 auto;

	padding: 0 auto;

	text-align: center;

	background: #063;



	}











#top {

	margin: 0;

	padding: 0 auto;



	background: transparent;

	text-align: center;

	border-bottom: 1px #fff;

	}

	

#center {

	width: 740px;

	margin: 0 auto; 

	padding: 0 auto;

	background: #fff;

	color: #000;

	text-align: left;

	

	}



#my_site_content {

	width: 480px;

	margin: 0 75px 0 75px; 

	padding: 0;

	background: #000;

	color: #fff;

	

	}



#my_site_content_00 {

	width: 750px;

	margin: 0 15px 0 15px; 

	padding: 0;

	background: #000;

	color: #fff;

	

	}













#salepic {

	width: 550px;

	margin: 0 auto; 

	padding: 0 auto;

	background: #fff;

	color: #000;

	text-align: center;

	

	}





#lower {

	margin-top: 10px;

	padding: 0;

	background: transparent;

	text-align: center;

	}







#left {

	position: absolute;

	padding: 0px;

	top: 278px;

	width: 25%;

	background: transparent;

	color: #000;

	}



#otherleftstuff {

	width: 88%;

	padding: 10px 6% 40px 6%;

	}



#news {

	position: absolute;

	width: 21.9%;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */

	height: 250px;

	overflow: hidden;

	margin-left: 75%;

	padding: 0px 1.5%;

	top: 420px;

	background: transparent;

	border-top: 0;

	}



div#news p.row {

	width: 100%;

	margin: 0px 0px 1em 0px;

	}



div#news p.row span.leftcol {

	float: left;

	color: #D6D6D6;

	}

	

div#news p.row span.rightcol {

	width: 70%;

	float: right;

	}

	

div#news p.row span.rightcol a {

	color: #D6D6D6;

	font-weight: bold;

	}

	

div#news p.row span.rightcol a:hover {

	color: #A4B5C5;

	}

	

.spacer {

	display: block;

	height: 1px;

	font: 1px /1 sans-serif;

	clear: both;

	}

		

div#topcontent {

	position: absolute;

	top: 10px;

	right: 0px;

	width: 80%;

	}



#topcontent h2, #topcontent p {

	display: inline;

	margin-right: 0.5em;

	}



#sponsor {

	float: right;

	width: 220px;

	height: 721px;

	margin: 0;

	padding: 0 5px 0 0;

	text-align: center;

	background: #cc9;

	}

	

#spotlight {

	float: left;

	width: 512px;

	margin: 0;

	padding: 0;

	background: #cfc;	

	}



#spotlight_00 {

	float: left;

	width: 512px;

	height: 600px;

	margin: 0;

	padding: 10px 0 0 0;

	background: #9c9;	

	}



#spotlight_01 {

	width: 650px;

	margin: 0;

	padding: 0;

	background: #000;	

	}











#articlesponsor {

	position: absolute;

	width: 21.9%;

	height: 251px;

	margin-left: 75%;

	padding: 10px 1.5%;

	top: 150px;

	text-align: center;

	}



#footer {

	margin: 0;

	padding: 5px 0px 5px 0px;

	clear: both;

	border: 0;

	text-align: center;

	background: #063;

	}





#bio {

	float: right;

	width: 30%;

	padding: 1%;

	border: 4px dotted #5C6F90;

	color: 5C6F90;

	font-size: 0.7em;

	}



#navbar {

	position: relative;

	width: 740px;

	top: 0;

		}



hr.finish { 

	color: #900;

	}

	







/* --------------------------Rollover-------------------------------------*/

  





      /* Remove the blue border on the rollover images */

     

 a.rollover img {

        border-width: 0;

      }

  







/* 



-------------------------------- Navigation ------------------------------ 



List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/



*/





ul#mainnav {

	list-style: none;

	margin: -5px 0px -3px 0px;

	padding: 0;

	text-align: center;

	background: transparent;

	border-bottom: 8px solid #000;

	}

		

ul#mainnav li {

	display: inline;

	border-right: 5px solid #030;

	border-left: 0px none;

	padding: 0px;

	margin: 0px;

	}





ul#mainnav li.last {

	border-right: 0px none;

	}







ul#mainnav li a {

	display: inline;

	margin: 0px 0px 0px 0px;

	padding: 0px 31px 2px 31px;

	background-color: #063;

	font: normal 0.6em arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/

	color: #fff;

	text-decoration: none;

				

	}



ul#mainnav li a:hover {

	background-color: #6c9;

	color: #eee;

	}

	

ul#mainnav ul.subnav {

	margin: 0px;

	list-style: none;

	padding: 0px;

	border: 0px solid pink;

	}



ul#mainnav ul.subnav li {

	border-top: 0 none;

	border: 0px solid green;

	padding-left: 1.5em;

	}



ul#mainnav ul.subnav li a {

	padding: 1%;

	margin: 0px;

	font: bold 0.7em /1.5 verdana, sans-serif;

	color: #5C6F90;

	background-color: transparent;

	border: 0px solid yellow;

	}



ul#mainnav ul.subnav li a:hover {

	color: #43616B;

	background-color: transparent;

	text-decoration: underline;

	}

	

div#topcontent ul {

	position: absolute;

	right: 0px;

	list-style: none;

	margin: 0px 0px 40px 0px;

	}

div#topcontent ul li {

	display: inline;

	padding: 0 0.5em;

	border-left: 1px solid #cff;	

	}

div#topcontent ul li.first {

	border-left: 0px none;

	}

div#topcontent ul li a {

	font: 0.7em /1 verdana, sans-serif;

	color: #fff;

	}



div#topcontent form {

	position: absolute;

	right: 0px;

	top: 55px;

	margin: 0px;

	}

/* ---------------------------------------------------------------------*/