@charset "utf-8";
/* CSS Document */

body  { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #000000; }
#photofeature { color: #000000; line-height: 1em; font-size: 12px; font-style: italic; float: right; padding-bottom: 10px; padding-left: 10px; 
}
#footer  { padding: 0; font-size: 11px; color: #FFFFFF; 
} 
#footer  p  { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 0; 
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.topic_menu_item {
	font-size: 80%;
	color: #0066FF;
}
#homecontainer   { width: 700px; text-align: center; color: #000000; margin: 0px; 
} 
#header  { background-color: #3333FF; border-bottom-style: none; height: 142px; 
} 
#swfTNcontainer   { border-bottom-style: none; 
} 
#vidTNcontainer    { border-bottom-style: none; 
} 
#rollwordcontainer      { width: 200px; float: right; font-style: normal; color: #000000; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: right; } 
#blurbcontainer_resume     { width: 300px; float: right; font-style: normal; color: #000000; border: 2px solid #FFFFFF; background-image: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #FFFFFF; } 
#blurbcontainer_web     { width: 300px; float: right; font-style: normal; color: #000000; border: 2px solid #FFFFFF; background-image: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #FFFFFF; } 
#blurbcontainer_video     { width: 300px; float: right; font-style: normal; color: #000000; border: 2px solid #FFFFFF; background-image: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #FFFFFF; } 
#blurbcontainer_other-OCVO     { width: 300px; float: right; font-style: normal; color: #000000; border: 2px solid #FFFFFF; background-image: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #FFFFFF; } 
#blurbcontainer_other-techwrite     { width: 300px; float: right; font-style: normal; color: #000000; border: 2px solid #FFFFFF; background-image: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #FFFFFF; } 
#projectmenucontainer_resume      { width: 325px; float: none; border: 2px solid #FFFFFF; background-image: url(../graphics/MMM_BG_bw_20pc_a.jpg); padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; } 
#projectmenucontainer_web      { width: 325px; float: none; border: 2px solid #FFFFFF; background-image: url(../graphics/webinteractive_10pc.jpg); padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; height: 400px; } 
#projectmenucontainer_video      { width: 325px; float: none; border: 2px solid #FFFFFF; background-image: url(../graphics/videolens_10pc.jpg); padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; height: 420px; } 
#projectmenucontainer_other-OCVO      { width: 325px; float: none; border: 2px solid #FFFFFF; background-image: url(../graphics/OC-VO.jpg); padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; height: 400px; } 
#projectmenucontainer_other-techwrite      { width: 325px; float: none; border: 2px solid #FFFFFF; background-image: url(../graphics/techwrite_b2.jpg); padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; height: 400px; } 
.lesson_menu_item {
	font-size: 90%;
	font-style: normal;
	margin-bottom: 1px;
	text-decoration: overline;
	line-height: 25px;
}
#mainContent  { padding: 1em; background-image: url(../graphics/SF_700x545_5pc.jpg); background-repeat: repeat; height: 530px; 
} 
li {
	list-style: disc;
}
.VIDthumbnail { float: left; width: 150px; margin: 5px; text-align: center; }
.SWFthumbnail { float: left; width: 325px; margin: 5px; text-align: center; }
.clearboth { clear: both; }
.jobtitle { line-height: 16px; }