body 	{ min-width: 700px; margin: 0; padding: 0; background: #fff; }
body, th, td, input, textarea, select, option { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 13px; color: #4d4d4d; }

/**************************************************************/
/********************  html definitions  **********************/

//border: 1px solid sienna; background: #ffc; 

hr		{ width: 50%; height: 2px; border: 0px; background: sienna; }

h1, h2, h3 	{ font-weight: bold; }
h1 		{ text-transform: lowercase; letter-spacing: 0px; font-size: 24px; }
h2 		{ margin: 0; border-bottom: 2px solid #484848; color: sienna; margin-bottom: 5px; font-size: 16px; }
h3 		{ padding: 0em 1em; border-left: 10px solid red; border-right:auto solid blue; color: sienna; }
a:hover h3	{ color: red; background: #eee; }

p, ul, ol 	{ line-height: 160%; }

blockquote 	{ padding-left: 1em; }
blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; }

/********************  link definitions  **********************/

a 		{ color:black; font-weight: bold; }
a:hover 	{ text-decoration: underline; color: red; }
a:visited 	{ text-decoration: none; }
a:active 	{ text-decoration: none; }
a:link  	{ text-decoration: none; }  
a:focus 	{ text-decoration: underline; }

.clear { clear: both; height: 1px;}

/******************  end html definitions  ********************/
/**************************************************************/

/**************************************************************/
/**************************************************************/
/************************* LAYOUT *****************************/
/**************************************************************/

/**************************************************************/
/************************** Main Box **************************/
/*** Center the design, give it width and height, align text **/

#Container {width: 100%; margin: 0px auto 0px 0px; text-align: left; }

/**************************************************************/
/*************************** header ***************************/

#header 	{ width: 100%; height: 80px; background:url("ShadowOverBg.png") bottom repeat-x; /* shadow image across banner*/ }

#footer 	{ position: relative; padding: 1em 1em 0em 0em; font: 8pt bold; text-align: center; border-top: 1px solid sienna; }

#header_title 	 { float: left; width: 290px; height: 80px; margin: 0px; padding-left: 20px; }
#header_title h1 {  line-height: 0px; padding-top: 10px; font-size: 28px; font-variant: small-caps; letter-spacing: -1px; color: sienna; }
#header_title h2 {  line-height: 0px; margin: 0px; padding-top: 0px; font-size: 13.5px; letter-spacing: 0px; color: sienna; border: none; }

#new_audio_box		{ position: absolute; top:5px; right: 5px; }
#new_audio_box h3 	{ padding: 0em 1em; border-left: 10px solid red; border-right:auto solid blue; color: sienna; font-size: 1em;}


/*************************** header ***************************/
/**************************************************************/

/**************************************************************/
/************************ TOP MENU ****************************/
#menu 			{ padding-top: 3px; font-weight: bold; width: 100%; background: sienna; float: left; }
#menu a, li.text 	{ display: block; float: left; text-transform: lowercase; font-size: 1.2em; padding: 0.1em 0.5em; }

//#menu a:focus  	{ border-top: 3px solid #963; border-bottom: 3px solid #963; color: #963; }


#menu a 			{ border-top: 4px solid sienna; background: sienna; color: #fff; }
#menu a:hover.text		{ border-top: 4px solid sienna; background: sienna; color: #fff; }
#menu a:hover, .focus, .active 	{ border-top: 4px solid red; background: #fff; color: sienna; }
#menu li.text 			{ border-top: 4px solid orange; background: #fff; color: sienna; }


#menu ul { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; }
#menu li { display: inline; }

/************************ TOP MENU ****************************/
/**************************************************************/

/****************** CONTENT AND COLUMNS ***********************/
/**************************************************************/
/************************ main portion ************************/

#main_container 	{ min-width: 850px; width: 100%; min-height:100%; /*background: #ffe url("Taylor-Report-logo-shadow-lt.png") top right no-repeat ;*/ }

#content 	{ float: left; margin: 40px 10px; min-width: 600px; width: 70%; margin-top: 20px; }
#content-audio 	{ float: left; margin: 40px 10px; min-width: 400px; width: 60%; margin-top: 20px; }

.post 			{ padding: 0px; }
#content tr.bg		{ background: #ddd; }
#content td		{ padding: 3px; }
#content ul		{ display: inline; width: 100%; }
#content li.left	{ margin: 20px 10px 10px 0px; border-right: 1px dotted #69f; list-style: none; width: 45%; padding-right: 20px; float: left; clear: right; }
#content li.right	{ margin: 20px 0px 10px 10px; list-style: none; width: 45%; float: left; clear: right; }


.contentPrevBox { float: left; padding: 0.1em 1em; border: 1px dotted #69f; }
#content a:hover.contentPrevBox	{ background: #ccc; }
.contentNextBox { float: right; padding: 0.1em 1em; border: 1px dotted #69f; }
#content a:hover.contentNextBox	{ background: #ccc; }


#article	{ position: relative; }
#article ul	{ display: inline; width: 100%; }
#article li	{ list-style: none; width: 45%; padding: 5px; float: left; clear: right; }

/**************************************************************/
/*********************** RIGHT COLUMN *************************/

#right 		{ float: left; min-width: 200px; margin-top: 10px;}

#column-right 	{ float: right; width: 200px; margin-top: 10px; padding-left: 10px; border-left: 1px dotted sienna; }

#right ul 	{ margin: 0; padding: 0; list-style: none; }
#right li ul 	{ padding: 15px 0; }
#right li li 	{ padding-left: 20px; border-bottom: 1px dotted #7B9418; }
#right a 	{text-decoration: none;}
#right img 	{ display: block; margin-left: auto; margin-right: auto; border: 1px solid sienna; padding: 0px; }



#picture-entry 		{ position:relative; }
#picture-entry img 	{ display: block; margin-left: auto; margin-right: auto; border: 1px solid sienna; padding: 5px; }
#picture-entry img.left { display: block; float:left; margin-right:10px; margin-bottom:10px; clear: left; border: 1px solid sienna; padding: 5px; }

#book-picture 	{ float: left; width: 170px; margin-left: 0px; margin-bottom: 10px; }
#search-box 	{ float: left; width: 160px; }
#features-right { float: right; width: 180px; margin-top: 10px; margin-bottom: 50px; border-left: 1px dotted sienna; }

#new-broadcasts { position: relative; left: 3px; margin-top: 10px; padding: 0.1em 0.1em 0em 0em; border-right: 1px dotted sienna; }

/**************************************************************/
/************************ Audio Archive ***********************/

#left 		{ position: relative; float:left; left: 0px; height: 100%; z-index:20; }

#navlist 	{ left: 3px; margin: 0px 0px 0px 0px; padding: 1em 0em 0em 0em;}
#navlist h2 	{ margin: 0; border-bottom: 2px solid #484848; color: sienna; margin-bottom: 5px; font-size: 16px; }
#navlist ul 	{ list-style: none; margin: 0px; padding: 0px; }
#navlist li 	{ width: 120px; list-style: none; margin: 0px; text-align: left; padding: 2px 0px; }
#navlist li a 	{ display: block; padding: 0em 1em; border-left: 10px solid sienna; text-decoration: none; }
#navlist li a:hover { border-left: solid 10px red; background: #ffc; }
#navlist li a:focus { border: solid 1px red; border-left: solid 10px red; }

	/* Margin of sub menu items */
#listMenu ul{ display:none; margin-left:10px; }



.box-right 	{ float: right; border: 1px solid gray; width: 150px; margin: 10px; clear: both; }
.box-left 	{ float:left; position:relative; border: 1px solid gray; width: 150px; margin: 10px; clear: both; }
.heading 	{ font-weight: bold; padding: 0.1em 1em; border: 1px solid #69f; background: #ccc; }

#footer 	{ clear: both; margin: 0px; height: 80px; padding-top: 5px; padding: 1em 1em 0em 0em; font: 8pt bold; text-align: center; border-top: 1px solid #69f; }

.cleaner 	{ clear:both; height:5px; font-size:1px; margin:0; padding:0; }
.column-in 	{ margin: 10px; }

img.left 	{ float:left; margin-right:10px; margin-bottom:10px; clear: left;}
 

/* DIVs must have a border value set in Netscape 4.x */

DIV 	{ border: none; line-height: 130%; }

