/* Styles for the entire BlackTreeMedia.com website */
body {  background-color: #C0C0C0;
		margin: 0;
		font:0.8em Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		
		/* Seems like only IE supports this.  and even then, not perfectly.... leave it to MS */
		scrollbar-3d-light-color: #C0C0C0;
		scrollbar-arrow-color: #000000; 
		scrollbar-base-color: #C0C0C0; 
		scrollbar-dark-shadow-color: #C0C0C0; 
		scrollbar-face-color: #CCCCCC; 
		scrollbar-highlight-color: #FFFFFF; 
		scrollbar-shadow-color: #999999;
}
/* this font is only for the home page since the text has to fit in the boxes. if user zooms in text, the design will break. that is OK with me as long as initial load is correct design */
#home { font-size:x-small; }
a:link, a:visited { color: #65591C; font-weight:bold;}
a:hover { text-decoration:underline;}
ul{ list-style:disc; }
h2 { margin:40px 0 0 0;
	text-indent:0;
	page-break-after:avoid;
	tab-stops:list 0.5in;
	font-size:1.2em;
	letter-spacing: 10px;
	border-left: none; 
	border-right: none; 
	border-top: none; 
	border-bottom: 1.0pt solid windowtext; 
	padding:0 0 5px 0; 
}
h3 { margin:12.0pt 0 3.0pt 0;
	 page-break-after:avoid;
	 font: 700 1em Arial, Helvetica, sans-serif;
}
#globalnav, #footer { text-align:center; }
#globalnav a:link, #globalnav a:visited { color: #000000; font-weight:normal;}
#globalnav a:hover, #globalnav a:active { color: #000000; text-decoration: none;}

/* this style is just to keep the text on the front page (under each of the icons) off the edges of the table */
.sectionaltext { padding: 5px; text-align:left;}

/* this style is started as the note on the contact us form but can be used for any similar fashion */
.note { font:italics 0.8em; margin:0; }
 
/*this replaces the iframe thus reducing the number of files and the remaining files' sizes*/
#iframe { overflow:auto;
		  background-color:#ccc;
		  background-image:url(images/bodybg.gif);
		  height:380px;
		  width:100%; 
		  text-align:left; }

/* this is style is for the About Us pages */
#about a:link, #about a:visited { color: #03879E;}
	
/* this style is for the Media frame pages */
#media a:link, #media a:visited { color:#4788B6;}
#media #iframe { background-image:url(images/media_bodybg.gif);
				 background-repeat:no-repeat;}
#media #iframe p {margin-top:25px;}
.projtitle { font-style:italic; }

/* this is style for the Terms of Use and Privacy Policy pages */
#policy { background-color:#fff;
		  margin:0 50px 0 50px;
		  color:#333;
		  padding:0; }
#policy h2 { letter-spacing:normal;
			 border-top:#808080 solid 10px;
			 border-bottom:none;
			 padding:5px 0 0 0;
			 margin:5px 0 0 0; }
#policy #footer { border-top:#808080 solid 10px;
				  font-size:0.8em; }
#policy a:link, #policy a:visited { color: #000;}

/* these styles are for the contact us form */
address { display:block; }
form { margin-top:25px; }
fieldset { display:block; 
			border:0; }
label { float:left; }
input, select, textarea { float:right; }
.thebuttons { text-align:center;
			float:none;
			margin:5px 0 5px 0; }
.ugc { font-style:italic; margin-left:20px;}
input[type="radio"] { float:none; }

/* this is for the ccr page which uses the large area format */
#ccr #iframe { height:625px;
				background:none; }
.tagline { font:2em "Monotype Corsiva", "Brush Script", cursive;
			text-align:center;
			margin:5px; }
			
/* the pr pages use these styles */
#pr { font-family:"Times New Roman", Cambria, Times, serif; }
#pr #iframe { height:625px;
				background:none; }
#pr h2 { border:none;
		 margin-top:15px;
		 text-align:center;
		 letter-spacing:normal;
		 font-size:1.5em; }
			
/* these are styles for the archive pages. finally ALL the pages will actually match. relaunch! gotta love it */
#catalog h2 { border:none;
			  margin:0 auto;
			  text-align:center;
			  letter-spacing:normal;
			  font-family: Arial, Helvetica, sans-serif; }
#catalog a:link, #catalog a:visited { color:#000;
									  text-decoration:none; }
#catalog #listing a:link, #catalog #listing a:visited { font-weight:normal; font-size:}
#catalog #listing .pglinks a:link, #catalog #listing .pglinks a:visited { text-decoration:underline; font-weight:bold; }
#catalog #footer { font-size:0.8em; }
.redirect { color:#F60; text-decoration:underline; }
#catalog a:hover { text-decoration:underline;}
.contactinfo {text-align:right;}