body {
	background: #CCCCCC;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.8em;
}

td{
	text-align:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.8em;
}

 a:link {
	color: #6666BB;
	text-decoration: none;
}
 a:visited { color:#666666; 
	 text-decoration: none;
	  }
	 
 a:hover {
	color: #6666EE;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #6666BB;
	text-decoration: none;
}
 a:active { color: #6666EE;
	text-decoration: none;
 }				

#jmcatee{
	position:relative;
	border: 1px solid #999999;
	width: 500px;
	height: 190px;
	margin : 18% auto auto;
}

#navbox{
	position:relative;
	background: #FFFFFF;
	width: 175px;
	height: 239px;
	float: left;
	margin: 0 1px;
	padding: 3px 3px 3px 3px;
	border : 1px solid #6666BB;
}

#box{
	position:absolute;
	top: 5px;
	left: 10%;
	right: 10%;
	width:75%;
	background: #FFFFFF;
	border : 1px solid #6666BB;
}

#head {
	position:relative;
	top: 70px;
	left: 14%;
	right: 14%;
	padding: 10px;
	height: 180px;
	margin-top: 10px;
}

#head2 {
	position:relative;
	top: 70px;
	left: 14%;
	right: 14%;
	padding: 10px;
	height: 180px;
	margin-top: 10px;
}

#right{
	text-align:right;
	float: right;
	position:relative;
	padding: 10px;
}

#ptitle {
	padding-left: 280px;
	padding-bottom: 5px;
}

#jobbox {
	float:right;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	text-align:left;
}

#left{
	text-align:left;
	float: left;
	position:relative;
	padding: 10px;
}

#content {
	float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 4% 0;
	text-align:left;
}

#copy{
	position:relative;
	border-top : 1px solid #999999;
	text-align:left;
	font-size:.8em;
	margin: 10px 10px 10px;
	padding : .5em .5em;
	clear:both;	
}

#header{
	float:left;
	width: 100%;
	text-align:left;
	padding : 0.5em;
	border-bottom : 1px solid #6666BB;
	margin: 0 0 10px 0;
}

.blubld{
	color: #6666BB;
	font-weight : bold;
}


.blu{
	color: #6666BB;
}

ul, li {
 list-style:url(images/square.gif);
 }

ul{
	float:right;
	width: 75%;
	margin: 0 0 5px 0;
	padding: 0 3% 0 0;
	text-align:left;
}

#rightHead{
	text-align:right;
	float: right;
	position:relative;
	padding-top: 5px;
	padding-right: 5px;
}

#leftHead{
	text-align:left;
	float: left;
	position:relative;
}

#MainHead {
	position:relative;
	padding-left: 15px;
}

#leftbar {
	margin: 1% 79% 0 1%;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	text-align:left;
}

#methods {
	font-size: 11px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	width:257px;
	padding: 5px;
}

#pmenu {
	font-size: 11px;
	border: 1px solid #ccc;
	padding: 5px;
}


#menu {
	float:right;
	width: 63%;
	text-align:left;
	padding-bottom:10px;
}

/* Name styles */
#namediv {
	position:absolute;
	left:0px;
	top:0px;
	width:393px;
	height:83px;
	margin-top:6px;
}

#name {
	position:absolute;
	left:0px;
	top:0px;
	width:393px;
	height:60px;
}

#blank1 {
	position:absolute;
	left:0px;
	top:60px;
	width:26px;
	height:23px;
}

#home {
	position:absolute;
	left:26px;
	top:60px;
	width:75px;
	height:23px;
}

#about {
	position:absolute;
	left:101px;
	top:60px;
	width:83px;
	height:23px;
}

#resume {
	position:absolute;
	left:184px;
	top:60px;
	width:90px;
	height:23px;
}

#portfolio {
	position:absolute;
	left:274px;
	top:60px;
	width:93px;
	height:23px;
}

#blank2 {
	position:absolute;
	left:367px;
	top:60px;
	width:26px;
	height:23px;
}

/* Name links */
.rollover1 a {
	display:block;
	width: 80px;
	padding:10px 10px 10px 7px;
	text-decoration: none;
	background-image: url(images/title/home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.rollover1 a:hover { 
background-position: 0 -26px;
text-decoration: none;
}

.rollover1 a:active {
background-position: 0 -52px;
}

.rollover2 a {
	display:block;
	width: 80px;
	padding:10px 10px 10px 7px;
	text-decoration: none;
	background-image: url(images/title/about.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.rollover2 a:hover { 
background-position: 0 -26px;
}

.rollover2 a:active {
background-position: 0 -52px;
}

.rollover3 a {
	display:block;
	width: 80px;
	padding:10px 10px 10px 7px;
	text-decoration: none;
	background-image: url(images/title/resume.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.rollover3 a:hover { 
background-position: 0 -26px;
}

.rollover3 a:active {
background-position: 0 -52px;
}

.rollover4 a {
	display:block;
	width: 80px;
	padding:10px 10px 10px 7px;
	text-decoration: none;
	background-image: url(images/title/portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.rollover4 a:hover { 
background-position: 0 -26px;
}

.rollover4 a:active {
background-position: 0 -52px;
}

.photo {
	border: medium solid #6666BB;
}

/* Portfolio layout */
.porthed{
	color: #6666BB;
	font-weight : bold;
	font-size: 1.7em;
}

#paddiv {
	padding-left: 15px;
}

p { margin: 0.5em 0 }

#header2 {
	margin-top: 80px;
	text-align: center;
		}

#main1 {
	margin:0; padding:0;
		}

#main2 {
	margin:0; padding:0;
	}
		
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}

#content2 {
	margin-top: 5px;
	width: 99%;
	text-align:left;
	margin-right: 5px;
	margin-left: 5px;
}

#left2 {
	float:left;
	text-align:left;
	width:290px;
	margin:0;
	padding:0;
	}
.details {
	font-size: 11px;
}

	
#right2 {
	float:right;
	text-align:left;
	width:200px;
	margin:0; padding:0;
	}
		
#center2 {
	text-align:left;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 290px;
	vertical-align: top;
		}
		
.column-in {
		margin:0; padding:0.5em 1em;
	}