body {
	font-family:'ocr a extended', courier, monospace, sans-serif;
	color:#666666;
	background-color:#f2f2f2;
	line-height:1.1;
	font-size:90%;
	}

* {
	margin:0;
	padding:0;
	}
	
#header {
	height:38px;
	width:800px;
	}
	
#title {
	height:99px;
	width:800px;
	text-align:center;
	z-index:5;
	}
	
#menu {
	width:800px;
	height:250px;
	background:url(cssimages/getkareemhomebg.jpg) no-repeat center;
	z-index:0;
	margin-top:-15px;
	}
	
#topcontent {
	width:800px;
	height:289px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}
	
#topcontentindex {
	width:800px;
	height:404px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}

#topcontentcommission {
	width:800px;
	height:438px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}

#topmenu {
	width:139px;
	height:219px;
	float:left;
	}
	
#toptitle {
	width:661px;
	height:175px;
	text-align:right;
	padding-top:25px;
	}
	
#toptitlecommission {
	width:650px;
	height:400px;
	text-align:right;
	margin-left:150px;
	}	

#toptitlecommunity {
	width:661px;
	height:175px;
	text-align:right;
	padding-top:25px;
	float:left;
	}

#toptitleabout {
	width:661px;
	height:175px;
	text-align:right;
	float:left;
	}

#toptitlecontact {
	width:661px;
	height:175px;
	text-align:right;
	float:left;
	}

#rjlogoabout {
	padding-top:60px;
	}
	
#jandacommission {
	float:left;
	}

#rjlogocommission {
	float:left;
	}	
	
#bottombar {
	width:800px;
	height:32px;
	}

#bottomlinkscopyright {
	width:800px;
	height:auto;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}





















/* bodycontent area */

#bodycontent {
	display:block;
	width:800px;
	height:680px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}
	
#bodycontent a {
	color:#444444;
	font-weight:bold;
	}
	
#bodycontent a:hover {
	color:#888888;
	}
	
#bodycontent a:active {
	color:#ff9600;
	}

#news {
	display:block;
	width:280px;
	background-image:url(../images/hm_verticalbar.jpg);
	float:left;
	}

#news p {
	text-indent:3em;
	margin-right:40px;
	}

.homecomics {
	display:block;
	margin-top:15px;
	margin-left:0px;
	border:medium #000000;
	}

#footerbar {
	display:block;
	width:800px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	}
	
	




#contentabout {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
	
#rjaboutsun {
	margin-left:50px;
	}
	

#aboutrj {
	display:block;
	width:40em;
	padding:3em;
	}



#contactcontent {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-size:15.3em;
	line-height:1;
	}






#contentcommission {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:-80px;
	width:800px;
	height:1350px;
	}
	
#contentcommission a {
	color:#444444;
	font-weight:bold;
	}
	
#contentcommission a:hover {
	color:#888888;
	}
	
#contentcommission a:active {
	color:#ff9600;
	}
	
#commissionsticky {
	display:block;
	width:216px;
	height:205px;
	float:left;
	margin:-30px 0 0 30px;
	}
	
#commissionsticky2 {
	display:block;
	width:200px;
	height:203px;
	margin:20px 0 0 550px;
	}

#contentcommissioncopy {
	display:block;
	width:500px;
	margin:80px 0 0 250px;
	text-indent:2em;
	}

#picscommissiongetdown {
	width:338px;
	height:420px;
	float:left;
	margin:40px 40px 40px 17px;
	font-size:.85em;
	}

#picscommissionsay {
	width:390px;
	height:420px;
	float:left;
	margin:40px auto 40px 0;
	font-size:.85em;
	}
	
#picscommissiongetdownzip {
	display:block;
	width:587px;
	height:420px;
	margin: 40px 0 20px 90px;
	font-size:.85em;
	}

#contentcommissioncopyb {
	display:block;
	width:500px;
	margin:500px 0 0 350px;
	text-indent:2em;
	}




.communitypicline {
	display:block;
	width:800px;
	height:320px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	font-size:.85em;
	}

#greenscreen {
	display:block;
	width:805px;
	margin-left:auto;
	margin-right:auto;
	margin-top:240px;
	font-size:0;
	spacing:0;
	}

.toptitlegreenscreen {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:30px;
	font-size:.95em;
	}

#communitygreen {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:30px;
	}

#communitygreenpic {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:100px;
	text-align:center;
	}

.toptitlegreenscreen a {
	text-decoration:none;
	color:#444444;
	}
	
.toptitlegreenscreen a:hover {
	color:#888888;
	}
	
.toptitlegreenscreen a:active {
	color:#ff9600;
	}	

.greenscreenbottom {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.2em;
	padding-left:.6em;
	}

.greenscreenbottom a {
	text-decoration:none;
	color:#444444;
	}
	
.greenscreenbottom a:hover {
	color:#888888;
	}
	
.greenscreenbottom a:active {
	color:#ff9600;
	}	

#greenscreenhowto {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	}

#planningforff {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 50px 0 10px;
	}

#frontwallcute {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 50px 0 0;
	}
	
#buttonsforscience {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 0;
	}

#fftentwallportrait {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 50px 0 60px;
	}	
	
#notoursilly {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 0;
	}	
	
#drgiving1 {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 50px 0 60px;
	}

#worktablevurb1 {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 0;
	}
	
#ffericasf1 {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 50px 0 60px;
	}
	
#drgivingbuttons {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 0;
	}
	
#abedonegone {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 75px;
	}

#vurbcircleoffun2 {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}
	
#wecanretireff {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}	

#vurbcircleoffun1 {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}
	
#troyfolder {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}

#veryfunfriend {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}
	
#vurbsmallwall {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}

#worktable1 {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}	

#jameswhatsup {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}

#wboardbabygrey {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 10px;
	}

#wboardspiderfetus {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}
	
#wboardcrazyshakes {
	display:block;
	width:180px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}

#ripofficedave {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}
	
#ripofficedavehelps {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}

#buttonwall {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 60px;
	}
	
#buttonearring {
	display:block;
	width:320px;
	height:320px;
	float:left;	
	margin:0 0 0 50px;
	}





	





a#rjlogogallery {
	display:block;
	width:700px;
	height:164px;
	margin:20px 0 0 100px;
	}

#gallerycontent {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
	
#gallerycontent p {
	padding:30px 90px 0;
	text-indent:3em;
	}
	
#gallerycontent a {
	color:#444444;
	font-weight:bold;
	}
	
#gallerycontent a:hover {
	color:#888888;
	}
	
#gallerycontent a:active {
	color:#ff9600;
	}
	
.gallerydivider1 {
	height:30px;
	}

.gallerydivider2 {
	display:block;
	height:38px;
	width:800px;
	margin:30px 0;
	}

.gallerycategories {
	display:block;
	width:800px;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
	}










a#rjlogodesign {
	display:block;
	width:400px;
	height:219px;
	margin:0 0 0 250px;
	}

.designcontent {
	display:block;
	width:800px;
	margin:0 auto;
	text-align:center;
	}
	
.designcontent h1 {
	text-align:left;
	margin:50px 0 20px;
	}
	
.designcontent p {
	text-align:left;
	margin: 0 40px 25px;
	}
	
.designcontent a {
	color:#444444;
	font-weight:bold;
	}
	
.designcontent a:hover {
	color:#888888;
	}
	
.designcontent a:active {
	color:#ff9600;
	}
	
.designdivider {
	display:block;
	height:38px;
	width:800px;
	margin:60px auto;
	}










a#rjlogocomics {
	display:block;
	width:506px;
	height:219px;
	margin:0 0 0 190px;
	}
	
#comicscontent {
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
	
#comicscontent h1 {
	margin:20px 0 -10px 0;
	}
	
#comicscontent a {
	color:#444444;
	font-weight:bold;
	}
	
#comicscontent a:hover {
	color:#888888;
	}
	
#comicscontent a:active {
	color:#ff9600;
	}

.comiccontainer {
	display:block;
	width:800px;
	text-align:center;
	margin:100px 0;
	}










#contentnewsarchive {
	display:block;
	width:600px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:70px;
	}
	
#contentnewsarchive a {
	color:#444444;
	font-weight:bold;
	}
	
#contentnewsarchive a:hover {
	color:#888888;
	}
	
#contentnewsarchive a:active {
	color:#ff9600;
	}

#news {
	display:block;
	width:280px;
	background-image:url(../images/hm_verticalbar.jpg);
	float:left;
	}

#news p {
	text-indent:3em;
	margin-right:40px;
	}

#toptitlenews {
	width:661px;
	height:293px;
	text-align:right;
	float:left;
	}

#rjlogonews {
	margin-right:80px;
	}







	
	

/* bottom links */

#bottomlinks {
	display:block;
	position:relative;
	width:800px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	text-transform:uppercase;
	}
	
#bottomlinks li {
	float:left;
	list-style-type:none;
	padding:0 6px;
	text-align:left;
	}
	
#bottomlinks a {
	text-decoration:none;
	color:#444444;
	}
	
#bottomlinks a:hover {
	color:#888888;
	}
	
#bottomlinks a:active {
	color:#ff9600;
	}	
	
#copyright {
	display:block;
	position:relative;
	width:800px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#copyright p {
	margin:-15px 0 30px 6px;
	}
	
	
	
	
	
	
	


/* menu image map swap css */


/* set the size of the definition list <dl> and add the background image */
#homeimap {
	display:block;
	width:200px;
	height:250px;
	background:url(cssimages/hm_menuimap_bg.jpg) no-repeat;
	position:relative;
	margin-left:300px;
	}
		

/* place the <dd>s in the correct absolute position */
#homeimap dd {
  position:absolute; 
  padding:0; 
  margin:0;  
  }
#homeimap #picgallery {
  left:15px; 
  top:21px;
  z-index:30;
  }
#homeimap #piccomics {
  left:19px; 
  top:54px; 
  z-index:30;
  }
#homeimap #picdesign {
  left:19px; 
  top:88px;
  z-index:30; 
  }
#homeimap #piccommission {
  left:8px; 
  top:115px;
  z-index:30; 
  }
#homeimap #piccommunity {
  left:19px; 
  top:144px;
  z-index:30; 
  }
#homeimap #picabout {
  left:15px; 
  top:175px;
  z-index:30; 
  }
#homeimap #piccontact {
  left:17px; 
  top:208px;
  z-index:30; 
  }      

/* style the <dd><a> links physical size and the background image for the hover */
#homeimap a#gallery {
  display:block; 
  width:112px; 
  height:33px; 
  background:url(cssimages/galleryhover.jpg) -100px -100px no-repeat; 
  text-decoration:none;
  z-index:25;
  }
#homeimap a#comics {
  display:block; 
  width:91px; 
  height:34px; 
  background:url(cssimages/comicshover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }  
#homeimap a#design {
  display:block; 
  width:87px; 
  height:27px; 
  background:url(cssimages/designhover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }  
#homeimap a#commission {
  display:block; 
  width:140px; 
  height:29px; 
  background:url(cssimages/commissionhover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }
#homeimap a#community {
  display:block; 
  width:121px; 
  height:31px; 
  background:url(cssimages/communityhover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }
#homeimap a#about {
  display:block; 
  width:86px; 
  height:33px; 
  background:url(cssimages/abouthover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }
#homeimap a#contact {
  display:block; 
  width:100px; 
  height:32px; 
  background:url(cssimages/contacthover.jpg) -100px -100px no-repeat;
  text-decoration:none;
  z-index:25; 
  }
  
  
/* style the span text so that it is not initially displayed */
#homeimap a span, #homeimap a:visited span {
	display:none;
	}
  
/*move the link background image to position 0 0 when hovered*/
#homeimap a#gallery:hover, #homeimap a#comics:hover, #homeimap a#design:hover, #homeimap a#commission:hover, #homeimap a#community:hover, #homeimap a#about:hover, #homeimap a#contact:hover {
  background-position:0 0;
  }
  
/* define the common styling for the span text */
#homeimap a:hover span {
  position:absolute;  
  width:250px;
  height:250px; 
  display:block; 
  background:transparent;
  border:none; 
  }
  
/* the hack for IE pre IE6 */
* html #homeimap a:hover span {
  width:250px; w\idth:250px;
  }
* html #homeimap a:hover span {
  height:250px; h\eight:250px;
  }  
  
/* move the span text to a common position at the bottom of the image map */
#homeimap a#gallery:hover span {
  left:-269px; 
  top:-15px;
  }
#homeimap a#gallery:hover span#galleryright {
  left:181px;
  top:-15px;
  }
#homeimap a#comics:hover span {
  left:-269px; 
  top:-54px;
  }
#homeimap a#comics:hover span#comicsright {
  left:181px;
  top:-54px;
  }
#homeimap a#design:hover span {
  left:-269px; 
  top:-88px;
  }
#homeimap a#design:hover span#designright {
  left:181px;
  top:-88px;
  }
#homeimap a#commission:hover span {
  left:-258px; 
  top:-115px;
  }
#homeimap a#commission:hover span#commissionright {
  left:192px;
  top:-115px;
  }
#homeimap a#community:hover span {
  left:-269px; 
  top:-144px;
  }
#homeimap a#community:hover span#communityright {
  left:181px;
  top:-144px;
  }    
#homeimap a#about:hover span {
  left:-265px; 
  top:-175px;
  }
#homeimap a#about:hover span#aboutright {
  left:185px;
  top:-175px;
  }
#homeimap a#contact:hover span {
  left:-267px; 
  top:-208px;
  }
#homeimap a#contact:hover span#contactright {
  left:183px;
  top:-208px;
  }

    
/* end menu image map swap css */