/* Global Styles */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.975em;
	line-height: 1.5em;
}

body {
	margin:0px 0px 0px 0px;
	font-family: verdana, arial, sans-serif;
	}


	
/* Multiple Type Selectors*/

h1 {
	color: #666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.9em;
}


h2, h3, h4 {
	color: #666666;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.8em;
}


li {
	text-indent: -3em;
	list-style-type: none;
}





/* ID Selectors */	
#headers {
	color: #FF6600;
	letter-spacing:0.4em;
	background-color: #CCCCCC;
	vertical-align: middle;
	margin: 1px;
	padding: 2px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	}
#title {
	font:20px georgia;
	color: #B32400;
	letter-spacing:.1em;
	line-height:26px;
}
#content {
	font:12px arial;
	line-height:24px;
	color:#333333;
}

#footer 
{
	background-color: #CCCCCC;
	font-size: 0.9em;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-indent: 10px;
}




/* Class Selectors */



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}




.bold {
	font-weight: bold;
}


.blog {
	font-weight: bold;
	background-color: #C30;
	color: #FFF;
}


	
.italicized {
	font-style: italic;
	color: #006600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}


.print_subheader {
	margin: 10px;
	padding: 10px;
	background-position: left;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #663333;
	clear: both;
	height: 20em;
	background-color: #FFFFFF;
	}


.signup {
	ition: left;
	float: left;
	font-size: 1.0em;
	}


.small {
	font-style: normal;
	font-size: xx-small;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}


.product_subheader {
	font-size: 1.1em;
	font-weight: bold;
	text-indent: 3px;
	left: 3px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.header {
	font-style: normal;
	font-size: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}


div.thumbnail {
	float: left;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 170px;
	text-align: center;
}


div.thumbnail img {
	float: left;
	margin: 10;
	padding: 10px;
	border: 1px solid white;
	}

div.thumbnail p {<br/>
	padding: 5px;5px;
	font: .7em "Courier New", Courier, mono;
	color: #666666;
	margin: 2px;
	padding: 5px;
}


/* Pseudo-class Selectors */	
a:link {
	color:#CC0000;
	text-decoration:none;
	}	
a:visited {
	color:#996600;
	text-decoration:none;
	}	
a:hover {
	color:#0CF;
	text-decoration:none;
	}


/*Descendant Selectors */	
#footer a:link {
	color:#990000;
	background-color: #CCCCCC;
	}	
#footer a:visited {
	color:#000099;
	background-color: #CCCCCC;
	}	
#footer a:hover {
	color: #FFFFFF;
	background-color: #333333;
	}	
#footer a:active {
	color:#FF0000;
	background-color: #CCCCCC;
	}	



/* Child Selector*/
<p>em {color:green;}	

h1 + p {font-variant:small-caps}