#navexpress a,
#navgreens a,
#navwriters a,
#navjenson a,
#navhotere a,
#navvcd a,
#navparadox a,
#navdavematthews a,
#navdeconstructed a,
#navAGIdeas a,
#navsuchaconsumerist a,
#naviupdated a,
#navmentalhealthfoundation a,
#navhydrostaicequilibrium a,
#navzombieshateabstractart a,
#navsocialconstruction a,
#navexistentialclutter a,
#navtheblackseeds a,
#navsunburn a,
#navinsideman a,
#navhomeinvasion a,
#navpercul a,
#navfaces a,
#navtheawakening a,
#navdoyourself a,
#navanelephant a,
#navjewelhunt a,
#navblackrectangle a,
#navnowiknow a,
#navpaintthecow a,
#navworldcongress a {
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	margin: 0 0px 0px 0;
	text-decoration:none!important;
}

#navexpress a {background-image: url(littlethumbplacenta.gif); }
#navgreens a {background-image: url(littlethumbgreenparty.jpg); }
#navwriters a {background-image: url(littlethumbwritersandreaders.jpg); }
#navjenson a {background-image: url(littlethumbtypefacepromotion.jpg); }
#navhotere a {background-image: url(littlethumbblacklight.jpg); }
#navvcd a {background-image: url(littlethumbVCDMajorProject2008.jpg); }
#navparadox a {background-image: url(littlethumbmetaphor.jpg); }
#navdavematthews a {background-image: url(littlethumbDaveMatthewsBand.jpg); }
#navdeconstructed a {background-image: url(littlethumbdeconstructedcow.jpg); }
#navAGIdeas a {background-image: url(littlethumbthemindislikea.jpg); }
#navsuchaconsumerist a {background-image: url(littlethumbsuchaconsumerist.jpg); }
#naviupdated a {background-image: url(littlethumbiupdated.gif); }
#navmentalhealthfoundation a {background-image: url(littlethumbnormalisover.jpg); }
#navhydrostaicequilibrium a {background-image: url(littlethumbhydrosta.jpg); }
#navzombieshateabstractart a {background-image: url(littlethumbzombieshate.jpg); }
#navsocialconstruction a {background-image: url(littlethumbsocial.jpg); }
#navexistentialclutter a {background-image: url(littlethumbexistential.jpg); }
#navtheblackseeds a {background-image: url(littlethumbblackseed.jpg); }
#navsunburn a {background-image: url(littlethumbsunburn.jpg); }
#navinsideman a {background-image: url(littlethumbinsideman.jpg); }
#navhomeinvasion a {background-image: url(littlethumbhomeinva.jpg); }
#navpercul a {background-image: url(littlethumbperculiar.jpg); }
#navfaces a {background-image: url(littlethumbfaces.jpg); }
#navtheawakening a {background-image: url(littlethumbtheawakening.jpg); }
#navdoyourself a {background-image: url(littlethumbdoyourself.jpg); }
#navanelephant a {background-image: url(littlethumbanelephant.jpg); }
#navjewelhunt a {background-image: url(littlethumbjewel.jpg); }
#navblackrectangle a {background-image: url(littlethumbblackrectan.jpg); }
#container #four {
	width: 180px;
	float: left;
	margin-top: 15px;
	margin-left: 17px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.one  img   {
	top: 250px;
	position: absolute;
}
.two {
	top: 300px;
	position: absolute;
	width: 180px;
}
#navnowiknow a {background-image: url(littlethumbnowiknow.jpg); }
#navpaintthecow a {
	background-image: url(littlethumbpaintthecow.jpg);
	width: 180px;
}
#navworldcongress a {background-image: url(littlethumbworldcongress.jpg); }

#navexpress a:hover,
#navgreens a:hover,
#navwriters a:hover,
#navjenson a:hover,
#navhotere a:hover,
#navvcd a:hover,
#navparadox a:hover,
#navdavematthews a:hover,
#navdeconstructed a:hover,
#navAGIdeas a:hover,
#navsuchaconsumerist a:hover,
#naviupdated a:hover,
#navmentalhealthfoundation a:hover,
#navhydrostaicequilibrium a:hover,
#navzombieshateabstractart a:hover,
#navsocialconstruction a:hover,
#navexistentialclutter a:hover,
#navtheblackseeds a:hover,
#navsunburn a:hover,
#navinsideman a:hover,
#navhomeinvasion a:hover,
#navpercul a:hover,
#navfaces a:hover,
#navtheawakening a:hover,
#navdoyourself a:hover,
#navanelephant a:hover,
#navjewelhunt a:hover,
#navblackrectangle a:hover,
#navnowiknow a:hover,
#navpaintthecow a:hover,
#navworldcongress a:hover{
	background-image: none;
	background-color:#0099FF
}

#container {
	width: 790px;
	text-align: left;
	position: absolute;
	padding-left: 15px;
	padding-top: 15px;
}
#container  #contents  {
	float: right;
	width: 585px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#container #contents img {
	margin-bottom: 20px;
}
#container #mainnav #extrainfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	float: left;
	margin-top: 370px;
	width: 180px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #000000;
	padding-top: 10px;
}
#container h2 {
	color: #EA569A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
}
#container #line {
	margin-left: 17px;
	float: left;
	width: 770px;
	height: 14px;
	margin-top: 15px;
}

#container #line2 {
	margin-left: 17px;
	float: left;
	width: 770px;
	height: 14px;
	margin-top: 15px;
}
#container #mainnav #extrainfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	float: left;
	margin-top: 370px;
	width: 180px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #000000;
	padding-top: 10px;
}
#container #mainnav {
	width: 180px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #000000;
	margin-top: 15px;
	margin-left: 17px;
}
#container #mainnav h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
#container #mainnav a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
#container #mainnav a:visited {
	color: #000000;
	text-decoration: none;
}
#container #mainnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0099;
	text-decoration: underline;
}
#container #mainnav a:active {
}
#container #header {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #6633FF;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
#container #mainnav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	color:#000000;
    font-weight: bold;
}
#container #header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	float: left;
	width: 535px;
	margin-bottom: 34px;
	margin-top: 15px;
}
#container #four h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}
#container #year {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	float: right;
	width: 25px;
	margin-top: 15px;
}
.tinythumb {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
#container #words {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 180px;
	line-height: 1.4em;
	margin-top: 15px;
	margin-left: 17px;
	color: #000000;
}
#container #words h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
#container #words img {
	margin-bottom: 0px;
}
#container #mainnav img {
	margin-bottom: 0px;
}
#container #three {
	width: 180px;
	float: left;
	margin-top: 15px;
	margin-left: 17px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#container #three h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
#container #arrows {
	background-color: #000000;
	float: right;
	height: 15px;
	width: 66px;
}
#container #bar {
	height: 15px;
	width: 519px;
	float: right;
	background-color: #000000;
}
#container #bar .style2 {
}
#container #mainnav #words img {
	margin-bottom: 13px;
}


#navmentalhealthfoundation:hover span.three,
#navworldcongress:hover span.three,
#navsocialconstruction:hover span.three,
#navpaintthecow:hover span.three,
#navgreens:hover span.three,
#navwriters:hover span.three,
#navhotere:hover span.three,
#navtheblackseeds:hover span.three,
#navexpress:hover span.three,
#navAGIdeas:hover span.three,
#navjenson:hover span.three,
#navnowiknow:hover span.three,
#navparadox:hover span.three,
#navdavematthews:hover span.three,
#navvcd:hover span.three { 		/*This tells imagemap.html to display the caption when you hover over the square*/
	height: 20px; 			/*This defines the height of the caption block*/
	width: 40px;			/*This defines the width of the caption block*/
	background:#FFFFFF;		/*This defines the font attributes of the caption block*/
	display: block;			/*This tells imagemap.html to display the span tags in a caption block format*/
	position: absolute;		/*This tells imagemap.html to use absolute positioning for the span tags*/
	top: 30px;			/*This tells imagemap.html to display the caption 31px from the top of the page*/
	left: 779px;			/*This tells imagemap.html to display the caption 135px from the left of the page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
    color:#0099FF;
	text-align:right;
	
}

#navmentalhealthfoundation:hover span.two,
#navworldcongress:hover span.two,
#navsocialconstruction:hover span.two,
#navpaintthecow:hover span.two,
#navgreens:hover span.two,
#navwriters:hover span.two,
#navhotere:hover span.two,
#navtheblackseeds:hover span.two,
#navexpress:hover span.two,
#navAGIdeas:hover span.two,
#navjenson:hover span.two,
#navnowiknow:hover span.two,
#navparadox:hover span.two,
#navdavematthews:hover span.two,
#navvcd:hover span.two { 		/*This tells imagemap.html to display the caption when you hover over the square*/
	height: 20px; 			/*This defines the height of the caption block*/
	width: 400px;			/*This defines the width of the caption block*/
	background:#FFFFFF;		/*This defines the font attributes of the caption block*/
	display: block;			/*This tells imagemap.html to display the span tags in a caption block format*/
	position: absolute;		/*This tells imagemap.html to use absolute positioning for the span tags*/
	top: 30px;			/*This tells imagemap.html to display the caption 31px from the top of the page*/
	left: 235px;			/*This tells imagemap.html to display the caption 135px from the left of the page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
   color:#0099FF;;
	
}

#navmentalhealthfoundation:hover span,
#navworldcongress:hover span,
#navsocialconstruction:hover span,
#navpaintthecow:hover span,
#navgreens:hover span,
#navwriters:hover span,
#navhotere:hover span,
#navtheblackseeds:hover span,
#navexpress:hover span,
#navAGIdeas:hover span,
#navjenson:hover span,
#navnowiknow:hover span,
#navparadox:hover span,
#navdavematthews:hover span,
#navvcd:hover span { 		/*This tells imagemap.html to display the caption when you hover over the square*/
	height: 20px; 			/*This defines the height of the caption block*/
	width: 180px;			/*This defines the width of the caption block*/
	background:#FFFFFF;		/*This defines the font attributes of the caption block*/
	display: block;			/*This tells imagemap.html to display the span tags in a caption block format*/
	position: absolute;		/*This tells imagemap.html to use absolute positioning for the span tags*/
	top: 30px;			/*This tells imagemap.html to display the caption 31px from the top of the page*/
	left: 35px;			/*This tells imagemap.html to display the caption 135px from the left of the page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#0099FF;

	
}
 

span {
	display: none;
}
#container #joelcocks {
	width: 770px;
	margin-top: 15px;
	margin-left: 17px;
	height: 160px;
}
#container #joelcocks #joel {
	width: 180px;
	float: left;
	margin-right: 17px;
}
#container #joelcocks #isa {
	width: 180px;
	float: left;
	margin-right: 17px;
}
#container #joelcocks #likes {
	float: left;
	width: 180px;
	margin-right: 17px;
}
#container #joelcocks #isavailable {
	float: left;
	width: 178px;
}
#container #joelcocks img {
}
#container #isagraphic {
	width: 180px;
	margin-left: 17px;
	float: left;
	margin-top: 15px;
	height: 150px;
}
#container #likescreating {
	width: 180px;
	margin-top: 15px;
	margin-left: 17px;
	height: 150px;
	float: left;
}
#container #isavailablefor {
	height: 150px;
	width: 180px;
	float: left;
	margin-top: 15px;
	margin-left: 17px;
}

#container #words a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
#container #words a:visited {
	color: #000000;
	text-decoration: underline;
}
#container #words a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0099;
	text-decoration: underline;
}
#container #words a:active {
}


#container #three a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

#container #three a:visited {
	color: #000000;
	text-decoration: underline;
}
#container #three a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0099;
	text-decoration: underline;
}
#container #three a:active {
}



#container #four a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
#container #four a:visited {
	color: #000000;
	text-decoration: underline;
}
#container #four a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0099;
	text-decoration: underline;
}
#container #four a:active {
}


#container #mainnav h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0099;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	font-style: normal;
}#container #joelcocks #joel img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}