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

* {
	margin:0;
	padding:0;

}

.noShow {
	margin-left: -999em;
}

body {
	background-color: #c6c3b4;
	width:950px;
	margin:0 auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/swatch7.png);
	background-repeat: repeat;	
}

body.plain {
	background-color: #FFFFFF;
	margin:0;
	background-image: none;
}

body.plainThin {
	background-color: #FFFFFF;
	margin:0;
	width:500px;
}
body.whiteStart {
	background-color: #FFFFFF;
	width:680px;
	margin:0;
	background-image: none;
}

body.vidPage {
	margin: 0; 
	width: 320px;
	background-image: none;
	background-color:#FFF;

}

body.vidFullSizePage {
	margin: 0; 
	width: 640px;
	

}

body.flashDefaultSz {
	margin: 0;
	width: 550px;
	background-color: #FFFFFF;
	background-image: none;
}

body.blankExamplePage {
	width:300px;
	margin:0;
	padding:0;
	background-image: none;
		background-color: #FFFFFF;
}

em {
	font-style:italic;
	font-family:inherit;
}

strong {
	font-weight:bold;
	font-family:inherit;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #005383;
	color:#acaa9a;*/
	color:#005383;
	margin: 0px 0 .2em;
	text-align: left;
	font-size: 1.2em;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #005383;
	color:#7a786b;*/
	color:#005383;
	margin: 0px 0 .2em;
	text-align: left;
	font-size: 1em;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#005383;
	margin: 0px 0 .2em;
	text-align: left;
	font-size: .9em;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#005383;
	margin: 0px 0 3px;
	font-size: .8em;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin-bottom: 0.7em;
	line-height: 1.4em;
}


p.artinfo {
	font-size: 0.8em;
	color: #ab9b39;
	margin-bottom: .5em;
}
p.explanation {
	font-size: 0.7em;
	color: #ab9b39;
	padding: 0px;
	margin-bottom: 0.5em;
	font-style: italic;
}

p.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #ab9b39;
	padding: 0px;
	margin: .3em 0 0 0;
	
	text-align: center;
}



p.formCredit {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: italic;
	text-align:right;
}

p.reference {
	text-indent: -2em;
	padding-left: 2.2em;
}


.hangingIndent {
	text-indent: -2em;
	margin-left: 2em;
}

.strikethru {
	text-decoration: line-through;
}

div.songLyrics {
	margin: 0 0 .8em 0;
}


div.songLyrics p{
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	padding: 0px 0px 0px 0em;
	margin: 0px 0px 0em 1em;
	display: block;
	text-indent: 1em;
	line-height: 1.2em;
}

a[href^="http:"], a[href^="https:"] {
	background: url(images/externalLink.png) no-repeat right top;
	padding-right: 12px;
}

a[href^="mailto:"] {
	background: url(images/mailIcon.png) no-repeat right top;
	padding-right: 14px;
}


a:link {
	color: #1B86B8;
	text-decoration: none;
}

a:visited {
	color: #688b9c;
	text-decoration: none;
}

a[href^="http:"]:visited, a[href^="https:"]:visited {
	background: url(images/externalLinkVisited.png) no-repeat right top;
	padding-right: 12px;
}

a[href^="mailto:"]:visited  {
	background: url(images/mailIcon.png) no-repeat right top;
	padding-right: 14px;
}

a:hover {
	color: #1B86B8;
	text-decoration: underline;
}
a[href$=".pdf"] {
	background: url(images/pdf.gif) no-repeat right top;
	padding-right: 20px;
	color:#b34b6a;
}

a[href$=".zip"], a[href$=".doc"], a[href$=".pps"], a[href$=".ppt"] {
	background: url(images/download.png) no-repeat right top;
	padding-right: 18px;
	/*color:#b34b6a;*/
}

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 2em;
}


img.smPicInLine {
	vertical-align: middle;
}
img.alignBottom {
	vertical-align: text-bottom;
}

.center {
	text-align: center;

}

.alignRight {
	text-align: right;
}

.spaceAbove {
	margin-top: 0.7em;
}

.spaceBelow {
	margin-bottom: .5em;
}

.noSpaceBelow {
	margin-bottom:0;
	padding-bottom:0;
	}

.red {
	color:#ff0000;
	font-family:inherit;	
}
.green {
	color:#093;
	font-family:inherit;	
}
.floatRight {
	margin: 0px 0px .5em 10px;
	float: right;
}

.floatLeft {
	float: left;
}
.floatLeft-rightMargin {
	float: left;
	margin-right: 1em;
}

.clearLeft {
	clear:left;
	}

.clearRight {
	clear:right;
	}
	
.clearAll{
	clear:both;
	}
	
.photoBoxRight {
	float:right;
	margin: 0 0 5px 10px;
}	

.picIndentLeft {
	margin-left:20px;
	margin-bottom:10px;
	}

/*---------------------------------------------------Page structure ---------------------------------------------------------*/


#outerContainer {
	background-color: #FFFFFF;
	}

#container {
	/*background-image: url(images/whiteCap-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
	margin-top:.5em;*/
	position: relative;
}

/*
#siteID {
	background-image: url(images/newID2.8.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 400px;
	position: absolute;
	left: 20px;
	top: 9px;
}
*/

#siteID {
	background-image:url(images/newID.09.sm.1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 51px;
	width: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 500;
}

#lowerSection {
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
}

#copyright {
	border-top: 1px solid #8c979b;
	clear: both;
	text-align: center;
	margin: 1em 1em 0 1em;
	padding: 0.3em 0 .5em 0;
}

#copyright p {
	font-size: .7em;
	color: #8c979b;
}
	

/*---------------------------------------------------Utilities Navbar ---------------------------------------------------------*/

#utilities {
	height: 25px;
	width: 950px;
	/*background-image: url(images/whiteCap-top.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	background-color:#FFF;
	position: relative;
}

#utilitiesNavbar {
	float:right;
	padding: 5px 12px 0px 0;	
}

#utilitiesNavbar ul {
	list-style-type: none;
}

#utilitiesNavbar ul li {
	display: inline;
	margin: 0px;
	padding:0 0 0 .5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #ABAA8F;
}

#utilitiesNavbar a:link, #utilitiesNavbar a:visited {
	color: #88876e;
	text-decoration: none;
}

#utilitiesNavbar a:hover {
	color: #0B75AB;
	text-decoration: underline;
}
#utilitiesNavbar a.current {
	font-weight: bold;
	color: #005383;
	background-image:url(images/arrow-right-sm.png);
	background-repeat: no-repeat;
	background-position:left 1px;
	padding-left: 9px;
}

/* ---------------------------------- Sections Navbars --------------------------------------------------------------- */

#sectionsNavbar {
	/*float:right;*/
	clear:right;
	padding-right:.5em;
	margin: 0 auto;
}

#sectionsNavbar ul {
	list-style-type:none;
	float:right; /* This is needed to keep the list element from collapsing */
	background-color:#fff;
	width: 100%;
}

#sectionsNavbar ul li {
	float:right;
	margin: 4px 0 0 0;
}

#homePage #sectionsNavbar ul li#designTab, #aboutPage #sectionsNavbar ul li#designTab, #contactPage #sectionsNavbar ul li#designTab, #academicPage #sectionsNavbar ul li#designTab,  #classfiles ul li#designTab, #blogPage #sectionsNavbar ul li#designTab {
	background-image: url(images/ltBlueTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#homePage #sectionsNavbar ul li#designTab a,#aboutPage #sectionsNavbar ul li#designTab a, #contactPage #sectionsNavbar ul li#designTab a, #academicPage #sectionsNavbar ul li#designTab a,  #classfiles ul li#designTab a, #blogPage #sectionsNavbar ul li#designTab a {
	background-image: url(images/ltBlueTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#portfolioPage #sectionsNavbar ul li#designTab {
	background-image: url(images/dkBlueWhiteTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#portfolioPage #sectionsNavbar ul li#designTab a {
	background-image: url(images/dkBlueWhiteTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#homePage #sectionsNavbar ul li#academicTab, #portfolioPage #sectionsNavbar ul li#academicTab, #aboutPage #sectionsNavbar ul li#academicTab, #contactPage #sectionsNavbar ul li#academicTab, #classfiles #sectionsNavbar ul li#academicTab, #blogPage #sectionsNavbar ul li#academicTab  {
	background-image: url(images/ltGoldTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#homePage #sectionsNavbar ul li#academicTab a,#portfolioPage #sectionsNavbar ul li#academicTab a, #aboutPage #sectionsNavbar ul li#academicTab a, #contactPage #sectionsNavbar ul li#academicTab a, #classfiles #sectionsNavbar ul li#academicTab a, #blogPage #sectionsNavbar ul li#academicTab a {
	background-image: url(images/ltGoldTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#academicPage #sectionsNavbar ul li#academicTab {
	background-image: url(images/dkGoldWhiteTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#academicPage #sectionsNavbar ul li#academicTab a {
	background-image: url(images/dkGoldWhiteTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#homePage #sectionsNavbar ul li#classfilesTab, #portfolioPage #sectionsNavbar ul li#classfilesTab, #aboutPage #sectionsNavbar ul li#classfilesTab, #contactPage #sectionsNavbar ul li#classfilesTab, #academicPage #sectionsNavbar ul li#classfilesTab, #blogPage #sectionsNavbar ul li#classfilesTab  {
	background-image: url(images/ltGreenTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#homePage #sectionsNavbar ul li#classfilesTab a, #portfolioPage #sectionsNavbar ul li#classfilesTab a, #aboutPage #sectionsNavbar ul li#classfilesTab a, #contactPage #sectionsNavbar ul li#classfilesTab a, #academicPage #sectionsNavbar ul li#classfilesTab a,  #blogPage #sectionsNavbar ul li#classfilesTab a {
	background-image: url(images/ltGreenTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#classfiles #sectionsNavbar ul li#classfilesTab {
	background-image: url(images/dkGreenWhiteTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#classfiles #sectionsNavbar ul li#classfilesTab a {
	background-image: url(images/dkGreenWhiteTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}


#homePage #sectionsNavbar ul li#blogTab, #portfolioPage #sectionsNavbar ul li#blogTab, #aboutPage #sectionsNavbar ul li#blogTab, #contactPage #sectionsNavbar ul li#blogTab, #academicPage #sectionsNavbar ul li#blogTab, #blogPage #sectionsNavbar ul li#blogTab  {
	background-image: url(images/redWhiteTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#homePage #sectionsNavbar ul li#blogTab a, #portfolioPage #sectionsNavbar ul li#blogTab a, #aboutPage #sectionsNavbar ul li#blogTab a, #contactPage #sectionsNavbar ul li#blogTab a, #academicPage #sectionsNavbar ul li#blogTab a,  #blogPage #sectionsNavbar ul li#blogTab a {
	background-image: url(images/redWhiteTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#blogPage #sectionsNavbar ul li#blogTab {
	background-image: url(images/dkRedWhiteTab-left2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#blogPage #sectionsNavbar ul li#blogTab a {
	background-image: url(images/dkRedWhiteTab-right2.png);
	background-repeat: no-repeat;
	background-position: right top;
}




#sectionsNavbar ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display:block;
	margin: 0;
	padding: 0 2em .2em 2em;
	line-height:1.8em;
	color: #fff;
	text-decoration: none;
	/* float:left;  This is a hack for Mac versions of IE */	
}

#sectionsNavbar ul li a:hover {
	text-decoration:underline;
	}

#sectionsNavbar a.current {
	font-weight:bold;
	}
	
	
#homePage #sectionsNavbar  li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	height: auto;
	/* w\idth: 13.9em;  */
	font-weight: normal;
	padding-top:0;
	border: 1px solid #005383;
	z-index: 50;
}
#homePage #sectionsNavbar li ul li, #homePage #sectionsNavbar li ul li a, #homePage #sectionsNavbar  #designTab ul li, #homePage #sectionsNavbar  #designTab ul li a {
	background-image: none;	
	width: 100%; /*my addition IE */
	border:none;
}

#homePage #sectionsNavbar li:hover ul, #homePage #sectionsNavbar li.sfhover ul {
	left: auto;
	background: #619aba;

}
#homePage #sectionsNavbar li li:hover {
	background-color:#005383;
	width: 100%;
}

	
/* ---------------------------------------------------Portfolio Page Media Navbar -------------------------------------------------------- */	

#portfolioPage #mediaNavbar{
width: 100%;
margin: 0 auto;
	
}

#portfolioPage #mediaNavbar ul {
	list-style: none;
	width:100%;
	float:left; /* This is needed to keep the list element from collapsing */
	background-color:#005383;
	padding-top:10px;
	margin-left:0;
	margin-right:0;
}
	
#portfolioPage #mediaNavbar ul li {
	float:left;
	margin: 0 0 0 0; /*top margin was 4px */
	background-image: url(images/blueBlueTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005383;		
}


#portfolioPage #mediaNavbar ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display:block;
	margin: 0;
	padding: 0 1em .1em 1em;
	line-height:1.8em;
	color: #fff;
	text-decoration: none;
	background-image: url(images/blueBlueTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*float:left;  This is a hack for Mac versions of IE */
}


#portfolioPage #mediaNavbar ul li a:hover {
	text-decoration: underline;
}

#portfolioPage #mediaNavbar ul li.current {
	background-image: url(images/whiteBlueTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}

#portfolioPage #mediaNavbar a.current {
	color: #005383;
	font-weight:bold;
	background-image: url(images/whiteBlueTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
#portfolioPage #mediaNavbar li.menuShim {
	background-image: none;
	padding-left:.2em;
	border:none;
}
/* ----------------------------------------------------------------- Academic Page Media Navbar ---------------------------------------- */

#academicPage #mediaNavbar{
width: 100%;
margin: 0 auto;
}

#academicPage #mediaNavbar ul {
	list-style: none;
	width:100%;
	float:left; /* This is needed to keep the list element from collapsing */
	background-color:#88741b;
	padding-top:10px;
}
	
#academicPage #mediaNavbar ul li {
	float:left;
	margin: 0 0 0 0; /*top margin was 4px */
	background-image: url(images/goldGoldTab2-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88741b;		
}


#academicPage #mediaNavbar ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display:block;
	margin: 0;
	padding: 0 1em .1em 1em;
	line-height:1.8em;
	color: #fff;
	text-decoration: none;
	background-image: url(images/goldGoldTab2-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*float:left;  This is a hack for Mac versions of IE */
}


#academicPage #mediaNavbar ul li a:hover {
	text-decoration: underline;
}

#academicPage #mediaNavbar ul li.current {
	background-image: url(images/whiteGoldTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}

#academicPage #mediaNavbar a.current {
	color: #88741b;
	font-weight:bold;
	background-image: url(images/whiteGoldTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
#academicPage #mediaNavbar li.menuShim {
	background-image: none;
	padding-left:.2em;
	border:none;
}

/* -------------------------------------------------------------------- Classfiles Page Media Navbar --------------------------------------- */

#classfiles #mediaNavbar{
width: 100%;
margin: 0 auto;
}

#classfiles #mediaNavbar ul {
	list-style: none;
	width:100%;
	float:left; /* This is needed to keep the list element from collapsing */
	background-color:#3e856e;
	padding-top:10px;
}
	
#classfiles #mediaNavbar ul li {
	float:left;
	margin: 0 0 0 0; /*top margin was 4px */
	background-image: url(images/greenGreenTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3e856e;		
}


#classfiles #mediaNavbar ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display:block;
	margin: 0;
	padding: 0 1em .1em 1em;
	line-height:1.8em;
	color: #fff;
	text-decoration: none;
	background-image: url(images/greenGreenTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*float:left;  This is a hack for Mac versions of IE */
}


#classfiles #mediaNavbar ul li a:hover {
	text-decoration: underline;
}

#classfiles #mediaNavbar ul li.current {
	background-image: url(images/whiteGreenTab-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}

#classfiles #mediaNavbar a.current {
	color: #3e856e;
	font-weight:bold;
	background-image: url(images/whiteGreenTab-right.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
#classfiles #mediaNavbar li.menuShim {
	background-image: none;
	padding-left:.2em;
	border:none;
}

/* ---------------------------------------------  styles added for Portfolio drop-downs ------------------------------------------------- */

#portfolioPage #mediaNavbar  li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	height: auto;
	/* w\idth: 13.9em;  */
	font-weight: normal;
	padding-top:0;
	border: 1px solid #005383;	
}
#portfolioPage #mediaNavbar ul li ul li, #portfolioPage #mediaNavbar ul li ul li a {
	background-image: none;	
	width: 100%; /*my addition IE */
	border:none;
}

#portfolioPage #mediaNavbar li:hover ul, #portfolioPage #mediaNavbar li.sfhover ul {
	left: auto;
	background: #619aba;

}
#portfolioPage #mediaNavbar li li:hover {
	background-color:#005383;
	width: 100%;
}

/* -------------------------------------------------styles added for Academic drop-downs ---------------------------------------------- */

#academicPage #mediaNavbar ul li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	height: auto;
	/* w\idth: 13.9em;  */
	font-weight: normal;
	padding-top:0;
	border: 1px solid #ab9b39;	
}
#academicPage #mediaNavbar ul li ul li, #academicPage #mediaNavbar ul li ul li a {
	background-image: none;	
	width: 100%; /*my addition IE */
	border:none;
}

#academicPage #mediaNavbar li:hover ul, #academicPage #mediaNavbar li.sfhover ul {
	left: auto;
	background-color: #bcaf61;

}
#academicPage #mediaNavbar li li:hover {
	background-color:#88741b;
	width: 100%;
}
/* -----------------------------------------------------styles added for Classfiles drop-downs ---------------------------------------- */

#classfiles #mediaNavbar ul li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	height: auto;
	/* w\idth: 13.9em;  */
	font-weight: normal;
	padding-top:0;
	border: 1px solid #3e856e;	
}
#classfiles #mediaNavbar ul li ul li, #classfiles #mediaNavbar ul li ul li a {
	background-image: none;	
	width: 100%; /*my addition */
	border:none;
}

#classfiles #mediaNavbar li:hover ul, #classfiles #mediaNavbar li.sfhover ul {
	left: auto;
	background-color: #7eac93;

}
#classfiles #mediaNavbar li li:hover {
	background-color:#3e856e;
	width: 100%;
}


/* ------------------------------------------------ Disable Previously taught tabs that are current --------------------------------------- */

 #vcb336, #vcb425 {
	display: none;
}

/*-----------permanently replaced classes---------------*/
#vcb328, #vca222 {
	display:none;
}



/* ----------------------------------------------------------Portfolio Thumbnail styles ------------------------------------------------------------- */




#bigThumbColumn {
	
}


#thumbColumn {
	width: 133px;
}

#thumbColumn #smallthumbNails {
	padding: 0 0 0 10px;
	}
	
#thumbColumn #subMenu {
	margin: 0 0 0 10px;
	padding-top: 15px;
	padding-right:10px;
}
#thumbColumn p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BCAF61;
}

#thumbColumn ul {
	list-style-type:none;
	padding-top: 2px;
}
	
#thumbColumn ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin-bottom: 0.4em;
	line-height: 1.4em;
}

#bigThumbs {
	width: 470px;
	float: left;
	margin-top:0;
	margin-bottom:10px;
	margin-left: 10px;
	}

#bigThumbs a {
	display: block;
	float:left;
}
#bigThumbs a:link, #bigThumbs a:visited {
	border: 2px solid #ffffff;
	}
#bigThumbs a:hover {
	border: 2px solid #1B86B8;
	}

#bigThumbs img {
	margin: 5px;
	padding: 0px;
	height: 80px;
	width: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#smallthumbNails img {
	margin: 3px;	
	width:30px;
	height:30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#smallthumbNails a {
	display: block;
	float:left;
}

#smallthumbNails a:link, #smallthumbNails a:visited {
	border: 1px solid #ffffff;
	}
	
#smallthumbNails a:hover{
	border: 1px solid #1B86B8;
	}

#subThumbs {
	
}

#subThumbsRestricted {
	width: 220px;
	float:left;
}

#subThumbs a, #subThumbsRestricted a {
	display: block;
	float:left;
	}

#subThumbs a:link, #subThumbs a:visited, #subThumbsRestricted a:link, #subThumbsRestricted a:visited {
	border: 2px solid #ffffff;
	}
	
#subThumbs a:hover, #subThumbsRestricted a:hover {
	border: 2px solid #1B86B8;
	}

#subThumbs img, #subThumbsRestricted img {
	width: 40px;
	height: 40Px;
	margin: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#subThumbsSm a {
	display: block;
	float:left;
	}
	
#subThumbsSm a:link, #subThumbsSm a:visited {
	border: 2px solid #ffffff;
	}
	
#subThumbsSm a:hover {
	border: 2px solid #1B86B8;
	}

#subThumbsSm img {
	width: 30px;
	height: 30Px;
	margin: 5px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#girlPixThumbs {
	width: 180px;
}

/*-----------------------------------------Styles unique to tall thumb pages ------------------------------------------------------------*/
#portfolioIntroText {
	margin: 0 1.5em;
	
}

#tallThumbColumn {
	margin-left: 20px;
	
	
}

#tallThumbColumnFixedHt {
	margin-left: 20px;
	height: 500px;

}
#tallThumbColumn .portThumbColumn, #tallThumbColumnFixedHt  .portThumbColumn{
	padding: 0px;
	float: left;
	width: 145px;
	text-align: center;
	margin-right: 3px;
	margin-left: 3px;
}

#tallThumbColumn .portThumbColumn a, #tallThumbColumnFixedHt  .portThumbColumn a {
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0;
}

#tallThumbColumn a:link, #tallThumbColumn a:visited, #tallThumbColumnFixedHt  a:link, #tallThumbColumnFixedHt  a:visited{
 border: 2px solid #ffffff;
 
 }

#tallThumbColumn a:hover, #tallThumbColumnFixedHt a:hover {
 border: 2px solid #1B86B8;
 text-decoration:none;
 }
 
 #tallThumbColumn .portThumbColumn a img, #tallThumbColumnFixedHt .portThumbColumn a img {
 	border:none;
	margin: 0 0 3px 0;
 }
 #tallThumbColumn .portThumbColumn a p, #tallThumbColumnFixedHt .portThumbColumn a p{
	margin: .5em 0 0 0;
	font-weight:bold;
	color: #1B86B8;
} 

#fourthThumb {
	position: absolute;
	top: 365px;
	left: 172px;
}

/* --------------------thumb style variations for Design Portfolio page which requires narrower thumb columns-------------------------*/

#tallThumbColumn .portIntroThumbColumn {
	padding: 0px;
	float: left;
	width: 130px;
	text-align: center;
	
}

#tallThumbColumn .portIntroThumbColumn a {
	display: block;
	padding: 10px 5px 5px 5px;
	margin: 0 0 10px 0;
}

 #tallThumbColumn .portIntroThumbColumn a img {
 	border:none;
	margin: 0 0 3px 0;
 }
 #tallThumbColumn .portIntroThumbColumn a p {
	margin: .5em 0 0 0;
	font-weight:bold;
	color: #1B86B8;
}

/* -----------------------------------------------------Styles for art and text on Portfolio pages ---------------------------------------------*/
	
#introText {
	float: right;
	width: 450px;
	
	
}

#artAndText {
	float: right;
	width: 804px;
}


#artColumn {
	float: left;
	
}
#art {
	float: left;
	background-image: url(images/shadow1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}
/*#artFrame {
	float: left;
	background-image: url(images/shadow1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	position:relative;
}*/

#artNoShadow {
	float: left;
	clear: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 5px;
	
}

#artSpaceBelow {
	float: left;
	background-image: url(images/shadow1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 0;
	
}

#artFixed400Height {
	clear: left;
	float: left;
	margin: 0px 10px 10px 0;
	height:400px;
	
}


#artColumn img {
	margin: -5px 6px 6px -5px;
	
}



/*.clip320258 {
	width:320px;
	height:258px;
}
.clip400232 {
	width:400px;
	height:232px;
}
*/

.spaceOnLeft {
	padding-left: 10px;
}


#textColumn {
	padding-right:20px;
	padding-top: 5px;
}

	
/* --------------------------------------- Home page  ------------------------------------------------------------------------  */

#homePage #siteID {
	background-image: none;
}
#homePage p.explanationHome {
	font-size: 0.7em;
	color: #ab9b39;
	padding: 0px;
	margin-bottom: 0.5em;
	font-style: italic;
	padding-left: 110px;
}
#homePage #lowerSection p, #homePage #lowerSection li {
	color: #fff;
}

#homePage #titleBar {
	background-color: #88876e;
	clear: both;
	height: 1px;
	width: 100%;
	margin:0;
	padding:0;
}

#homePage h1, #homePage h2, #homePage h3, #homePage h4 {
	color:#3399CC;
}
#homePage #lowerSection {
	padding: 0;
	clear: both;
}

#homePage #homePicBox {
	background-image: url(images/meWithText2a.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	
}

#homePage #leftColumn {
	width: 710px;
	float: left;
	}
	
#homePage img.spacer {
	height: 350px;
}

#homePage #welcomeBox {
	margin-left: 100px;
	margin-top: 240px;
}


#homePage #homeThumbColumn {
	margin-left: 20px;

}
#homePage #homeThumbColumn .homeThumbBox {
	padding: 0px;
	float: left;
	width: 130px;
	text-align: center;
	margin-right: 3px;
	margin-left: 3px;
	

}

#homePage #homeThumbColumn .homeThumbBox a {
	display: block;
	padding: 10px 5px 5px 5px;
	margin: 0 0 10px 0;
}

#homePage #homeThumbColumn a:link, #homePage  #homeThumbColumn a:visited {
	/* border: 2px solid #1D1508;*/ 
	border: 2px solid transparent;
 }

#homePage #homeThumbColumn a:hover {
	border: 2px solid #1B86B8; 
 	text-decoration:none;
 }
 
#homePage #homeThumbColumn .homeThumbBox a img {
 	border:none;
	margin: 0 0 3px 0;
 }
#homePage  #homeThumbColumn .homeThumbBox a p {
	margin: .5em 0 0 0;
	font-weight:bold;
	color: #1B86B8;
} 


#homePage #rightColumn {
	width: 230px;
	float:right;
	margin-bottom:1em;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #88876e;
	}
	
#homePage #quickLinks {
	margin-top: 130px;
	
}

#homePage #quickLinks ul {
	color: #000000;
	padding: 0px;
	margin: 0 70px 1em 20px;
	list-style-position: outside;
	list-style-type: none;	
}

#homePage #quickLinks  li {
	padding: 0;
	margin: 0 0 .3em 0;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
}

#homePage #quickLinks a {
	color: #fff;
}



/* a separator is used on the home page, perhaps elsewhere? */
#homePage  .separator {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88876E;
	line-height:0.1em;
	padding-top:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
}

#homePage #homeLower {
	clear: both;
	text-align: center;
	padding-top:5px;
}
#homePage #homeLower .firefoxLogo {
	margin-top: 0em;
	margin-bottom: 3px;
	
}

#homePage #lowerSection p.bestViewed {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ab9b39;
	margin: 0;
	font-weight: bold;
	font-style: italic;
}

#homePage #copyright, #homePage2 #copyright {
	margin-top: 0;
}
#homePage #utilitiesNavbar ul {
	margin-bottom:5px;
}
#homePage #sectionsNavbar ul {
	display:none;
}
#homePage #firefoxID p.bestViewed {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ab9b39;
	margin: 0;
	font-weight: bold;
	font-style: italic;
	
}
/*-----------------------------------------------------------------------*/

#homePage2 h2 {
	color:#93928a;	
	
}



#homePage2 #siteID {
	*background:none;
	background-image: url(images/newID.09.6.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	width: 700px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 500;
}

#homePage2 #siteID h1, #homePage2 #siteID h2, #homePage2 #siteID p {
	text-indent:-999em;	
}

#homePage2 #lowerSection {
	margin-top:15px;
}

#homePage2 #leftColumn {
	float:left;	
	width: 680px;
}

#homePage2 #homeSplash {
	
	width: 660px;
	height:300px;
	margin: 0 0 0 20px;
	
	background-image:url(images/placeholder1.jpg);
	background-repeat:no-repeat;
	
}



#homePage2 #homeThumbColumn {
	/*border: 1px solid #f00;
	float: left;*/
	margin: 0 0 0 10px;
	padding:0;
	
}

#homePage2 #homeThumbColumn p.explanationHome {
	text-align:center;
	color: #ab9b39;
	padding: 0px;
	margin:7px 0 3px -10px;
	font-style: italic;
}

#homePage2 #homeThumbColumn h2 {
	/*color:#fff;
	font-size:14px;padding:0;
	*/
	margin:0 0 5px 0;
	font-size:1.2em;
	letter-spacing:1px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	
}
#homePage2 #homeThumbColumn .homeThumbBox {
	
	margin:	 0 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	width: 180px;
	float: left;
	text-align: center;
	
	
 
	
}


/* trying a border around the boxes */

#dpColumn {
	border:#005383 solid 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

#tpColumn {
	border:#88741b solid 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	
}
#srColumn {
	border:#3e856e solid 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
#homePage2 #homeThumbColumn .homeThumbBox p {
	color:#fff;
	font-size:12px;
	text-align:left;
	font-style:italic;
	font-weight:normal;
		margin:0 0 3px 0;
	text-align:center;
}
/* 

#homePage2 #homeThumbColumn .homeThumbBox #dpBox {
	background-image:url(images/blueBoxMid.png);
	background-repeat:repeat-y;
	background-position:top left;
	padding-top:0px;
	padding-bottom:0;
}
#homePage2 #homeThumbColumn  #dpColumn #dpBox h2 {
	background-image:url(images/blueBoxTop.png);
	background-repeat:no-repeat;
	padding-top:10px;
	background-position: top left;
		
}

#homePage2 #homeThumbColumn  #dpColumn #dpBox #bottomHanger {
	background-image:url(images/blueBoxBottom.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding-bottom:5px;
	
}
*/

 #homePage2 #homeThumbColumn .homeThumbBox  a {
	
	display:block;
	/*margin-left:10px;
	margin-right:10px;*/
	color:#fff;
 }


 


#dpBox a {
	background-color:#005383;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	display:block;
	border:none
}

 #dpBox a:hover {
	text-decoration:none;
	background-color:#0176b9;
	
}




#tpBox a {
	background-color:#88741b;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	display:block;
	border:none
}
#tpBox a:hover {
	
	text-decoration:none;
	background-color:#c6a71c
	
}
#srBox a {
	background-color:#3e856e;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	display:block;
	border:none
}

#srBox a:hover {
	text-decoration:none;
	background-color:#43a887;
}

/* trying a border around the boxes ----------------

#homePage2 #homeThumbColumn #dpColumn {
	border-right:solid 1px #999;
}

#homePage2 #homeThumbColumn #tpColumn {
	border-right:solid 1px #999;
}

*/
#homePage2 #homeThumbColumn .homeThumbBox ul {
	color:#005383;
	font-size:12px;
	list-style:none;
	text-align:left;
	margin: 0  10px 0 10px;
	
	
	
}

#homePage2 #homeThumbColumn .homeThumbBox ul li {
		line-height:2;
		
}

#homePage2 #homeThumbColumn #dpColumn  ul li a{
	color: #1B86B8;
	padding:0 0 0 10px;
	border-bottom: #1B86B8 dotted 1px;
	display:block;
}

#homePage2 #homeThumbColumn #dpColumn  ul li a:hover {
	text-decoration:none;
	border-bottom: #1B86B8 solid 1px;
	background-color:#d7e9f1;
}

#homePage2 #homeThumbColumn #tpColumn  ul li a{
	color: #8f812d;
	padding:0 0 0 10px;
	border-bottom: #ab9b39 dotted 1px;
	display:block;
}
#homePage2 #homeThumbColumn #tpColumn  ul li a:hover {
	text-decoration:none;
	border-bottom: #ab9b39 solid 1px;
	background-color:#f1eeda;
}

#homePage2 #homeThumbColumn #srColumn {
	
}
#homePage2 #homeThumbColumn #srColumn  ul li a{
	padding:0 0 0 10px;
	color: #3e856e;
	border-bottom: #3e856e dotted 1px;
	display:block;
}

#homePage2 #homeThumbColumn #srColumn  ul li a:hover {
	text-decoration:none;
	border-bottom: #3e856e solid 1px;
	background-color:#d7f2e9;
}











#homePage2 #homeRightColumn {
	width: 230px;
	float:right;
	
	padding: 0 20px 0 0;
	/*
	border:1px solid #00f;
	
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #88876e;*/
	}
	
	
#homePage2 #whatsNew, #homePage2 #about, #homePage2 #contact {
	border:#aaa solid 1px;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

#homePage2 img.firefoxLogo {
	
	margin:0 0 3px 70px;
	
}
	
#homePage2 #firefoxID p.bestViewed {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ab9b39;
	margin: 0 0 .5em;
	font-weight: bold;
	font-style: italic;
	text-align:center;
}
p.moreInfoBut {
	text-align:center;
	margin: .5em 40px .2em;
	

	font-weight:bold;
	
}
p.moreInfoBut a {
	display:block;
	color:#fff;
	text-decoration:none;
	border:#fff solid 1px;
	padding:6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#658fa7;
}
p.moreInfoBut a:hover {
	background-color:#86c1e3;
}

/* ---------------------------- About & Contact pages  ------------------------------------------------------------------------  */


#aboutPage #titleBar, #contactPage #titleBar {
	background-color: #88876e;
	clear: both;
	height: 1px;
	width: 100%;
}

#aboutPage #leftColumn {
	width: 68%;
	float: left;		
	}
	
#aboutPage #rightColumn {
	width: 29%;
	float:right;
	margin-bottom:1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88876e;	
	}
	
#aboutPage #rightColumn ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	}
	
#aboutPage #rightColumn ul  {
	margin: 0 20px .6em 36px;
	}

#aboutPage #lowerSection {
	padding-top: .8em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
}

#contactPage #leftColumn {
	float: left;
	width: 48%;
}

#contactPage #rightColumn {
	width: 50%;
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88876e;	
}
#contactInfoBlock {
	margin-left: 1em;
	margin-bottom: 1em;
}
#contactInfoBlock p{
	margin-bottom: .2em;
}

#contactPage form {
	margin: 0 20px;
}
#contactPage fieldset {
	margin: 1em 0;
	padding: 1em;
	border: solid 0 transparent;
	background: #f2efdf;
}

#contactPage form table {
	width:100%;
	background-color:#E0DCC7;
	padding:.8em .8em 0 .8em;
	margin-bottom:.5em;
}

#contactPage form p {
	margin-left: 0;
}	
	
#contactPage form input, #contactPage form textArea {
	margin-bottom: .3em;
}

#contactPage form input.fieldText, #contactPage form textArea.fieldText {
	width: 95%;
	font-size:1em;
	background-color:#fff;
	padding:.2em;
}

.button1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin: 1em .5em 0;
}	
	
#leftColumn h1, #leftColumn h2, #leftColumn h3, #leftColumn h4, #leftColumn h5, #leftColumn p {
	margin-left: 20px;
}


#rightColumn h1, #rightColumn h2, #rightColumn h3, #rightColumn h4, #rightColumn h5, #rightColumn p {
	margin-left: 16px;
	margin-right: 20px;
	}

#emailImage, #phoneImage {
	vertical-align:sub;
	margin: 0 0 0 5px;
}



/* ---------------------- the following styles are used for The Gift --------------------------------------------------------------*/

body.popUpBook {
	background-image: none;
	background-color:#FFFFFF;
	width: 980px;
}
body.trivia {
	background-image: none;
	background-color:#FFFFFF;
	padding-top: 20px;
}


#story {
	margin: 0;
	padding: 0px;
}

#story p, #story p a {
	font-family:"Times New Roman", Times, serif;
	font-size:.9em;
	line-height: 1.2em;
}

.diminuendo {
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	text-transform: uppercase;
}

#book table {
	width: 100%;
	margin-top: 10px;
	height: 532px;
}
#book table td {
	padding: 40px;
	width: 50%;
	border: 1px solid #000000;
}
#book table td.left {
	background-image: url(images/leftPageGradation.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#book table td.right {
	background-image: url(images/rightPageGradation.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#trivia table td {
	padding: 10px;
}


/*---------------------------- Academic Pages --------------------------------------------------------------------------------- */

#academicPage #thumbColumn {
	width: 160px;
}

#academicPage #thumbColumn #smallthumbNails {
	margin-left: 10px;
}

#academicPage #smallthumbNails img {	
	width:30px;
	height:30px;
}

#academicPage #CVsubMenu {
	float: left;
	width: 20%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ab9b39;
}

#academicPage #studentWorkSubMenu {
	float: left;
	width: 150px;
	margin-bottom: 10px;
}

#academicPage  #CVsubMenu ul, #academicPage #studentWorkSubMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-left:1.5em;
	
}
#academicPage #CVsubMenu ul li, #academicPage #studentWorkSubMenu ul li {
	margin-bottom: .7em;
	font-size:.8em;
}

#academicPage #CVsubMenu ul li a, #academicPage #studentWorkSubMenu ul li a{
	color: #ab9b39;
	display:block;
	
}
#academicPage #CVsubMenu ul li a.current, #academicPage #studentWorkSubMenu  ul li a.current{
	font-weight:bold;
	background-image: url(images/arrow-right-gold.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#academicPage  h1, #academicPage  h2 {
	color: #ab9b39
}

#academicPage  h3 {
	font-size: .9em;
	color: #000000;
	margin-top: 0.7em;
	margin-bottom: .2em;
	font-family: Arial, Helvetica, sans-serif;
}

#academicPage  h4 {
	font-size: .9em;
	color: #ab9b39;
	font-family: Arial, Helvetica, sans-serif;
}

#academicPage #studentWorkBox h1 {
	font-size: 1em;
	padding-left: 0px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AB9B39;*/
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#academicPage #CVinfoBox {
	height: 400px;
	width: 78%;
	float:right;
	margin-bottom: 1em;
	overflow: auto;
	}


#academicPage  #CVinfoBox .entry {
	margin-left: 1em;
	margin-bottom: 1em;
	padding-right: 2em;
	
}
#academicPage #CVinfoBox .entry p {
	margin: 0 0 .1em 0;
}

#academicPage #CVinfoBox .entry ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:1em;
	list-style-type: disc;
}

#academicPage  #CVinfoBox .entry ul li {
	margin: 0 0 .3em 1em;
	font-size:.8em;
}

#academicPage #CVinfoBox .entry ul ul li {
	font-size:12px;
}

#academicPage #CVinnerTextBox {
	Padding: 0 1em 0 1em;
}

#academicPage #CVPhiloBox {
	height: 400px;
	overflow: auto;
	padding-top: 0px;
	padding-right: 8em;
	padding-bottom: 1em;
	padding-left: 8em;
}

#academicPage #writingsinnerTextBox {
	Padding: 0 3em 0 0em;
}




#academicPage #studentArtIntroText {
	float: right;
	width: 300px;
}

#academicPage #studentArtIntroText p, #academicPage #studentArtIntroText h2 {
	padding-right: 20px;
}

#academicPage #artAndText {
	float: right;
	width: 795px;
}

#academicPage  #studentWorkText {
	float: right;
	width: 315px;
	padding-top: 10px;
}

#academicPage  #studentWorkText p {
	padding-right: 10px;
}

/*
#academicPage #introText {
	float: right;
	width: 460px;
}
*/


/* ------------------------------------ Blog Pages --------------------------------------------------------------*/

#blogPage #titleBar {
	background-color: #b25d4d;
	clear: both;
	height: 10px;
	width: 100%;
}
#blogPage #blogSubMenu {
	float: left;
	width: 20%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b25d4d;
	
}
#blogPage #blogSubMenu h4 {
	margin-left:20px;
	margin-bottom: .7em;
}

#blogPage  #blogSubMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-left:25px;
	
}
#blogPage #blogSubMenu ul li {
	margin-bottom: .7em;
	font-size:.8em;
}

#blogPage #blogSubMenu ul li a {
	color: #b25d4d;
	display:block;
	
}
#blogPage #blogSubMenu ul li a.current {
	font-weight:bold;
	background-image: url(images/arrow-right-red.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#blogPage  h1 {
	color: #b25d4d;
	margin-bottom:0;
}

#blogPage  h2 {
	color: #b25d4d;
}


#blogPage  h3 {
	font-size: .9em;
	color: #000000;
	margin-top: 0.7em;
	margin-bottom: .2em;
	font-family: Arial, Helvetica, sans-serif;
}

#blogPage  h4 {
	font-size: .9em;
	color: #b25d4d;
	font-family: Arial, Helvetica, sans-serif;
}

p.blogDate {
	color:#88876e;
	padding:0;
	margin:0 0 1em 0;
	font-size: 70%;
}

#blogPage #blogInfoBox {
	/*height: 500px;*/
	/*overflow: auto;*/
	width: 78%;
	float:right;
	margin-bottom: 1em;

	}


#blogPage  #blogInfoBox .entry {
	margin-left: 1em;
	margin-bottom: 1em;
	padding-right: 2em;
	
}
#blogPage #blogInfoBox .entry p {
	margin: 0 0 .1em 0;
}

#blogPage #blogInfoBox .entry ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:1em;
	list-style-type: disc;
}

#blogPage  #blogInfoBox .entry ul li {
	margin: 0 0 .3em 1em;
	font-size:.8em;
}

#blogPage #blogInfoBox .entry ul ul li {
	font-size:12px;
}

#blogPage #blogInnerTextBox {
	Padding: 0 1em 0 1em;
}


#blogPage #writingsinnerTextBox {
	Padding: 0 200px 0 0em;
}


/*------------------------------- Classfiles ---------------------------------------------------------------------------*/

#classfiles #classfilesColumns  {
	background-color: #FFFFFF;
}

#classfiles #classfilesColumns a {
	color: #3e856e;
	/*text-decoration:underline;*/
	border-bottom: #3e856e dotted 1px;
	
}

#classfiles #classfilesColumns a:hover {
	text-decoration:none;
	border-bottom: #3e856e solid 1px;
	background-color:#d7f2e9;
}

#classfiles #classfilesColumns a[href$=".pdf"] {
	background: url(images/pdf.gif) no-repeat right top;
	padding-right: 20px;
	color:#b34b6a;
	border-bottom: #b34b6a dotted 1px;
}
#classfiles #classfilesColumns a[href$=".pdf"]:hover {
	background-color:#f2d7df;
	border-bottom: #b34b6a solid 1px;
}

#classfiles #classfilesColumns h2 {
	font-size:0.8em;
	color:#3e856e;
	margin:0 0 .5em 0;
	padding:5px;
	text-align: center;
	background-color: #BEDFC5;	
	/*background-color: #F6E790;---gold color*/
}
	
#classfiles #classfilesColumns h3 {
	color: #000;
	font-size:.8em;
	margin:1em 0 .2em 0;
	padding:0;
}

#classfiles #classfilesColumns h4 {
	color: #000;
	font-size:.7em;
	margin:0 0 .2em .5em;
	padding:0;
	border:none;
}

#classfiles #classfilesColumns .columnFifths {
	float: left;
	width: 20%;
	}

#classfiles #classfilesColumns .columnFourths {
	float: left;
	width: 236px;
	}
#classfiles #classfilesColumns .columnThirds {
	float: left;
	width: 33%;
	}
		
#classfiles .columnSingle {
	width: 40%;
}	

#classfiles #classfilesColumns div.columnSleeve {
	padding: 0 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #88876e;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88876e;
	margin: 0  0 0 -1px;
}

#classfiles #classfilesColumns div.columnSleeveL {
	padding: 0 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #88876e;
	border-left:none;
	margin: 0  0 0 -1px;
}

#classfiles #classfilesColumns div.columnSleeveR {
	padding: 0 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88876e;
	margin: 0  0 0 -1px;
}

#classfiles #classfilesColumns ul, #classfiles #classfilesColumns ol {
	padding:0;
	margin: 0 0 1em 1.7em;
	
	}
	
#classfiles #classfilesColumns ul li, #classfiles #classfilesColumns ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em; /* was 1.2 ; adjusted 1/2/10 in effort to space current classes links a bit */
	
	}
	
#classfiles #classfilesColumns .divider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #88876E;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 0;
}
#classfiles #classfilesColumns #soloSleeve {
	/*width: 25%;
*/	padding-top: 0;
	padding-right: 2em;
	padding-bottom: 0;
	padding-left: 2em;
}
#classfiles #classfilesColumns #soloSleeve2 {
	padding: 0 2em;
}

#classfiles #classfilesColumns #soloSleeve h2, #classfiles #classfilesColumns #soloSleeve2 h2 {
	text-align: left;
}

#classfiles #classfilesColumns #soloSleeve2 p{
	margin-left: 1em;
}


#classfiles #classfilesColumns #sampleWorkSleeve {
	width: 33%;
	padding: 0 2em;
	
}

#classfiles #classfilesColumns #sampleWorkSleeve h2 {
	text-align: left;
}

#classfiles #classfilesColumns #wideSingleSleeve {
	width: 90%;
	padding: 0 0 0 2em;
}
#classfiles #prevTaughtClassFrame {
	float: right;
	width: 550px;
}
#classfiles #prevTaughtClassFrame iframe {
	height: 430px;
	width: 540px;
	margin-right: 10px;
	border: 1px solid #BCAF61;
}

/* ------------------------------ Handouts and  Examples------------------------------------------------------------------------- */

#handouts {
	background-color: #FFF;
	padding: 10px 50px 0px;
	width: 650px;
	margin-left:0;
	background-image: none;
}

#examples {
	background-color: #FFF;
	padding: 10px 0 0 0;
	width: 720px;
	background-image: none;
}

#handouts a:link, #examples a:link {
	color: #2C5E4F;		/*color: #3e856e;*/
	/*text-decoration:underline;*/
	border-bottom: #3e856e dotted 1px;
	}
	
#handouts a:visited, #examples a:visited {
	color: #3e856e;
	border-bottom: #3e856e dotted 1px;
	/*text-decoration:underline;*/
		/*color: #7eac93;*/
	}
	
#handouts a:hover, #example a:hover {
	text-decoration:none;
	border-bottom: #3e856e solid 1px;
	background-color:#d7f2e9;
	}

#handouts h2 a:link, #examples h2 a:link, #handouts h2 a:visited, #examples h2 a:visited {
	/*text-decoration:none;	*/
	border:none;
}
	
#handouts a[href$=".pdf"], #examples a[href$=".pdf"] {
	background: url(images/pdf.gif) no-repeat right top;
	padding-right: 20px;
	color:#b34b6a;
}

#handouts h1, #examples h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-variant: small-caps;
}

#handouts h1.noLine, #examples h1.noLine {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#handouts h2, #examples h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	font-variant: normal;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 0em;
}

#handouts h3, #examples h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin: .8em 0 0 0px;
	padding: 0px;
}

#handouts h3.spaceBelow, #examples h3.spaceBelow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	margin: .8em 0 .6em 0px;
	padding: 0px;
}

#handouts h4, #examples h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #000000;
	margin: 0 0 .8em 0px;
	padding: 0px;
	border: none;
}

#handouts h5, #examples h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #000;
	margin: .4em 0 .2em .2em;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#handouts h6, #examples h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #000000;
	margin: 0  .8em 0 0px;
	padding: 0px;
	border: none;
}
#handouts p, #examples p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

#handouts p.subText, #examples p.subText {
	font-size: .8em;
	font-style: italic;
	text-indent: 10px;
	margin: .5em 0 .5em 0;
}

#handouts p.noBottomMargin, #examples p.noBottomMargin {
	margin: 0;
	padding: 0px;
	line-height: 1.4em;
}

#handouts p.breadcrumbs, #examples p.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0px;
	line-height: .9em;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 1.6em;
	margin-left: 0;
}

#handouts p.explanation {
	font-size: 0.8em;
	color: #ab9b39;
	padding: 0px;
	margin-bottom: 0.5em;
	font-style: italic;
	text-align:center;
}
#handouts p.update {
	font-size: 60%;
	font-style: italic;
	color: #999;
	margin: 1em;
	text-align:right;
}

#handouts p.rubeCaption {
	font-size:70%;
	margin: 0 100px 1em 0;
	color:#960;
}

#handouts ul, #examples ul {
	list-style-type:disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.2em;
	margin-left: 2em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0em;	
}

#handouts ul li, #examples ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	list-style-image: url(images/myBullet.png);
	list-style-type: none;
}

/* I changed li.noSpaceBelow to li.noBottomMargin, which I use for paragraphs) */

#handouts ul li.noBottomMargin, #examples ul li.noBottomMargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-bottom:0;
	padding-bottom:0;
	line-height: 1.2em;
}

#handouts ol {
	padding: 0px 0px 0px 0em;
	margin: 0px 0px 0.2em 2em;
	}

#handouts  ol li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:0 0 .5em 0;
	line-height: 1.2em;
}

#handouts  ol li.noBottomMargin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:0 0 .5em 0;
	line-height: 1.2em;
	margin-bottom:0;
}

#handouts ol ul {
	margin-left: 1em;
}

#handouts .noBottomMarginPadding {
	margin-bottom: 0px;
	padding-bottom: 0;
}

#handouts p.code {
	font-family: "Courier New", Courier, mono;
	font-size: 0.9em;
	line-height:1.1em;
	text-indent: -1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 2em;
}

#handouts p.codeGapBelow {
	font-family: "Courier New", Courier, mono;
	font-size: 0.9em;
	line-height:1.1em;
	text-indent: -1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 2em;
}

#handouts p.codeSmall {
	font-family: "Courier New", Courier, mono;
	font-size: 0.8em;
	margin: 0 0 .5em 1em;
	line-height:1.2em;
	text-indent: -.5em;
}

#handouts p.codeRed {
	font-family: "Courier New", Courier, mono;
	font-size: 0.9em;
	line-height:1.1em;
	text-indent: -1em;
	color: #FF0000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 2em;
}

#handouts p.codeSmallRed {
	font-family: "Courier New", Courier, mono;
	font-size: 0.8em;
	margin: 0 0 .5em 1em;
	line-height:1em;
	text-indent: -.5em;
	color:#FF0000;
}

#handouts .codeIndentLeft {
	font-family: "Courier New", Courier, mono;
	font-size: 0.9em;
	line-height:1.1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 2em;		
}

#handouts .codeInLine {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#handouts code {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	margin: 0;
	padding: 0;
}


#handouts table {
	margin: 5px 0; 
}

#handouts td {
	padding: 2px 20px 2px 2px;
	vertical-align: top;
}
	
#handouts td.indent {
	padding: 2px 20px 2px 20px;
	vertical-align: top;
}

#handouts td h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #000000;
	margin: .5em 0 0 0px;
	padding: 0px;
}

#handouts td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:0;
	padding:0;	
}
 
#handouts td ol, #handouts td ul {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	
}

#handouts td li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:0;
	padding:0;	
}

#handouts #rssCodeTable table {
	margin: .5em 0 1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ab9b39;
}

#handouts #rssCodeTable table tr th{
	border: none;
	background-color:#D2C953;
	padding: 3px 3px 3px 1em;	
}

#handouts #rssCodeTable table tr th h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 0;
	text-align: left;
	padding: 0;
	font-size: .9em;
}

#handouts #rssCodeTable table tr td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ab9b39;
	padding: 5px 0 3px 1em;	
}

#handouts #rssCodeTable table tr td p{
	font-size: .7em;
	line-height: normal;
	margin: 0 0 .5em 0;
}

#handouts #scheduleGrid table {
	border: 2px solid #ab9b39;
}

#handouts #scheduleGrid th {	
	border: 1px solid #ab9b39;
	background-color:#EEE1A1;
	padding: 0 10px 10px;
}

#handouts #scheduleGrid td {	
	border: 1px solid #ab9b39;
	padding: 10px;
}

#handouts #scheduleGrid p {
	font-size: .7em;
}

#handouts #scheduleGrid li {
	font-size: .7em;
}

#handouts #scheduleGrid td.noClass {
	background-color:#b3d0e6;
}


#handouts #cssGrid table {
	border: 2px solid #ab9b39;
}

#handouts #cssGrid th {	
	border: 1px solid #ab9b39;
	background-color:#EEE1A1;
	padding: 0 10px 10px;
}

#handouts #cssGrid td {	
	border: 1px solid #ab9b39;
	padding: 5px;
}

#handouts #cssGrid td p{	
	font-size: .7em;
	line-height: normal;
	margin-bottom:.5em;
}

#handouts #rubricGrid table, #handouts .rubricGrid table {
	border: 2px solid #ab9b39;
}

#handouts #rubricGrid th, #handouts .rubricGrid th {
	border: 1px solid #ab9b39;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-align:left;
	background-color:#EEE1A1;
}

#handouts #rubricGrid th p, #handouts .rubricGrid th p {
	font-size:.8em;
	margin:0;
}

#handouts #rubricGrid td, #handouts .rubricGrid td {
	border: 1px solid #ab9b39;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#handouts #rubricGrid .pointSpecs, #handouts .rubricGrid .pointSpecs {
	margin: 0 0 2px 30px;
	text-indent: -20px;
	}

#handouts #rubricGrid .pointSpecs p, #handouts .rubricGrid .pointSpecs p {
	font-size:.7em;
	color:#005383;
}

#handouts #procedureGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

#handouts #procedureGrid td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;	
	border-bottom-style: solid;
	border-bottom-color: #005383;
	margin: 0px;
}

#handouts #procedureGrid th{
	text-align:left;
	padding: 0 5px 5px 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #005383;
	margin: 0px;
	}

#handouts #multipleChoice ol li {
	text-indent: -40px;
	padding-left: 40px;
}

#handouts #testName {
	position: absolute;
	top: 40px;
	left: 350px;
}

#handouts #audioSamples {
	float:right;
	padding: 10px;
	margin: 5px 0 0 10px;
	width: 205px;
	background-color: #F3F599;
}

#handouts #audioSamples h3 {
	padding:0; 
	margin:0;
}

#handouts #audioSamples p {
	padding:0;
	margin:.5em 0 0 0;
	font-size: .7em;
}

#handouts #audioSamples p.footnote {
	padding:0;
	margin:0 0 0 0;
	font-size: 0.7em;
	color:#00304C;
}

#handouts #menuExample {
	float: left;
	width: 400px;
	margin-right: 10px;
	margin-bottom: 1em;
}

#handouts #menuExampleText ul {
	padding:0;
	margin: 0 0 0 420px;
}


#handouts #menuExampleText ul li {
	font-size: .8em;
	font-style: normal;
	margin: 0 0 1em .5em;
	padding:0;
}


#handouts #outlineColumn {
	width:400px;
	float:left;
	border-right: solid #000 4px;
	margin-top:1em;
}


#handouts #outlineColumn ol li, #handouts #termColumn ol li {
	padding-bottom:0;
	font-weight:bold;
	margin-top: 1em;
	list-style-type:upper-roman;
}
#handouts #outlineColumn ol li.noTopSpace, #handouts #termColumn ol li.noTopSpace {
	margin-top: 0;
}

#handouts #outlineColumn ol ol li, #handouts #termColumn ol ol li {
	padding-bottom:0;
	font-weight:normal;
	margin-top: 0;
	list-style-type:upper-alpha;
}
#handouts #outlineColumn ol ol ol li, #handouts #termColumn ol ol ol li {
	list-style-type:decimal;
}
#handouts #outlineColumn ol ol ol ol li {
	list-style-type:lower-roman;
}

#handouts #outlineColumn ol ol ol ol ol li {
	list-style-type:lower-alpha;
}
#handouts #termColumn {
	width: 237px;
	float:right;
	margin-top:1em;
	
}

#handouts #termColumn p {
margin: 0 0 .1em 1em;
text-indent:-1em;
}
#handouts #footer {
	clear:both;
	padding-top:2em;
}


#handouts .callout {
	border: solid 1px #000;
	padding: 0 10px 10px 10px;
	background-color:#ddd;
	margin: .5em 1em 1em 1em;
}

#handouts .blockCitation {
	margin: 0 1.5em;
	
	font-style:italic;
}

#examples #studentThumbs4Wide {
	width: 390px;
}

#examples #studentThumbs div, #examples #studentThumbs4Wide div {
	float: left;
	text-align: center;
	width: 102px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}
	


#examples #studentThumbs img, #examples #studentThumbs4Wide img {
	width: 80px;
	height: 80px;
	padding: 0px;
	margin: 5px;
	}
	
#examples #studentThumbs a,  #examples #studentThumbs4Wide a {
	display: block;
}

#examples #studentThumbs a:link, #examples #studentThumbs a:visited,  #examples #studentThumbs4Wide a:link,  #examples #studentThumbs4Wide a:visited {
	border: 2px solid #fff;
	text-decoration:none;
	}

#examples #studentThumbs a:hover,  #examples #studentThumbs4Wide a:hover {
	border: 2px solid #1B86B8;
	text-decoration:none;
	}

#examples #studentThumbs div p, #examples #studentThumbs4Wide div p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
	}

#examples #BigFrame {
	clear:left;
}
	
#examples #BigFrame	iframe{  /* 700 x 500 */
	width:720px;
	height:520px;
	border:none;
	margin-top:1em;
	margin-bottom: 0;
	}
		
#examples #fullVidFrame {
	clear:left;
}
	
#examples #fullVidFrame	iframe{  /* 640 x 480 */
	width:640px;
	height:480px;
	border:none;
	margin-top:1em;
	margin-bottom: 0;
	margin-left: 80px;
	}
	
#examples #videoFrame {
	clear:left;
}

#examples #videoFrameFloatRight {
	float:right;
}

#examples #videoFrame iframe, #examples #videoFrameFloatRight iframe {  /* 320 x 240 */
	width:360px;
	height:300px;
	border:none;
	margin: 0 0 1em 0;
}


#examples #flashDefault	 {
	clear:left;
}

#examples #flashDefault	iframe{  /* 550 x 400 */
	width:550px;
	height:400px;
	border:none;
	margin-top:1em;
	margin-bottom: 2em;
	}

#examples #flashFull	 {
	clear:left;
}

#examples #flashFull iframe{  /* 700 x 465 */
	width:700px;
	height:465px;
	border:none;
	margin-top:1em;
	margin-bottom: 2em;
	}
	
#examples #flashAdBanner	 {
	clear:left;
}

#examples #flashAdBanner iframe{  /* 720 x 90 */
	width:720px;
	height:600px;
	border:none;
	margin-top:1em;
	margin-bottom: 2em;
	}

/*#examples #studentArtFrame1 iframe { 
	width:700px;
	height:500px;
	border:none;
	padding:0;
	clear:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#examples #studentArtFrame2 iframe {
	width:850px;
	height:620px;
	border:none;
	padding:0;
	clear:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
*/

#examples img.alienAfter {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#examples img.alienBefore {
	
}


#examples .alignBottom {
	vertical-align: bottom;
}
#examples p.exampleNote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: .7em;
	margin-bottom: .7em;
	font-size: medium;
	color: #999900;
}
.whiteStart .artAndInfo img {
	float: left;
}
.whiteStart .artAndInfo h3 {
	margin-left: 400px;
	color:#3e856e;
}
.whiteStart #studentSampleTextBox {
	float: right;
	width: 270px;
}

#studentSampleTextBox2  {
	margin-left: 20px;
	
}

#mailForm {
	background-image:none;
	background-color: #FFFFFF;
}

#mailForm h1, #mailForm h2, #mailForm p {
	text-align:center;
}
#classfiles  table.classfilesColumnGrid td {
	border-top-width: 0.5px;
	border-top-style: solid;
	border-top-color: #3E856E;
	padding-top: .5em;
}
/* ---------------------------------------------  Hiding links ----------------------------------------------------------------- */

#mediaNavbar ul li ul li a[href="../photography-color/kidsintro.html"] {
	display:none;
}

* a[href="../photography-color/kidsintro.html"] {
	display:none;
}

#myChildrenLink {
		display:none;
}

/* -------------------------------------------- Hacks ------------------------------------------------------------------------- */

/* This hack keeps <div> blocks from collapsing under picture elements (the <div> block only extends as far as the text;
if there is a picture it sticks out of the bottom of the block. This hack extends the <div> block so that it completely 
encompasses the image). To use it, apply the .clearfix class style to the elemets (<div block> that is collapsing. */

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* To get rid of the peek-a-boo bug, apply the clearfix hack above to the floated element. 
Them apply the hollyhack (below) to the non-floated element that immediately follows (mostly "textColumn" in my pages)

/*  \*/
* html .hollyhacked {
	height: 1%;
}
/*  */