body
{
	/*font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;*/
	margin:5px 2px 5px 10px;
	padding:0;
	text-align:left;
	color:black;
	background:#cccccc url(../images/corbkgnd.gif) repeat top left;
}
html,div,img,table,td,th,span{margin:0;padding:0;}
img{border:0 none transparent;}
h1,h2,h3,h4,caption{
	clear:both;
	color:#633;
}
h1{
	text-align:center;
}
hr{
	width:80%;
	border:0;
	padding:0;
}
th,td{
	padding-left:.125em;padding-right:.125em;
}
th{
	vertical-align:bottom;
}
td{
	vertical-align:top;
}
caption{
	font-weight:bold;
	font-size:large;
	margin-bottom:1em;
	font-variant:small-caps;
	margin-top:1em;
}
table{margin-top:1em;}

.topnav,.bottomnav,.topnav li,.bottomnav li,.topnav a,.bottomnav a,.topnav span{
	margin:0;
	padding:0;
	background:transparent no-repeat 0 0;
}
.topnav,.bottomnav{
	list-style-type:none;
}
.topnav li,.bottomnav li{
	float:left;
}
.topnav span,.bottomnav span{
	display:none;
}

.topnav{
	margin-top:28px;
	padding-bottom:18px;
}
.topnav li{
	margin:0 10px 10px 0;
	padding-bottom:2px;
}
.topnav a, .topnav .here{
	padding:0px 135px 2px 0;
}
.topnav .here{
	padding-top:19px;
}
.bottomnav{
	margin-top:22px;
	padding-bottom:20px;
	clear:both;
}
.bottomnav li{
	margin:0 6px 10px 0;
}
.bottomnav a{
	padding:0 98px 0 0;
}

#contact a{background-image:url(../images/contact.gif);}
#career a{background-image:url(../images/career.gif);}
#skills a{background-image:url(../images/skills.gif);}
#levels a{background-image:url(../images/levels.gif);}
.back a{background-image:url(../images/back.gif);}
.up a{background-image:url(../images/up.gif);}
.next a{background-image:url(../images/next.gif);}

#contact.here{background-image:url(../images/contact_here.gif);}
#career.here{background-image:url(../images/career_here.gif);}
#skills.here{background-image:url(../images/skills_here.gif);}
#levels.here{background-image:url(../images/levels_here.gif);}

/*.nav li a:hover*//* why does the generic hover offest not work? not specific enough? */
#contact a:hover,#career a:hover,#skills a:hover,#levels a:hover{
	background-position:0 -21px;
}
.back a:hover,.up a:hover,.next a:hover{
	background-position:0 -19px;
}
/* footer <div> specific styling */
#footer
{clear:both;margin:2em 0 1.5em 0;}
#footer h6
{
	background:teal none no-repeat;
	font-size:small;text-align:center;font-weight:normal;margin:0;padding:1px 0 2px 0;
}
#footer a
{float:left;margin:-7px 0 0 0;}
#footer a img
{width:88px;height:31px;border:0 solid transparent;padding:0;margin:0;}
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, 
	red, silver, teal, white, yellow, transparent */
.contact p{margin:0;}
.jobs{
	list-style-type:none;
	margin:0;
	padding:0;
}
.jobs span{
	float:right;
	margin-left:1em;
}
.workhistory dt{float:left;margin-right:1em;}
.workhistory dd{margin:0;}
.workhistory p{margin-left:2.5em;margin-right:2.5em;}
.workhistory .jobs{margin-left:0;margin-right:10px;}
.workhistory ul{
	list-style-type:none;
	margin:0 0 0 .5em;
	padding:0;
}
.workhistory li{
	background:transparent url(../images/bullet1.gif) no-repeat 0 0;
	padding:0 0 0 2em;
	margin:0;
}
.workhistory li ul{
	margin:0;
}
.workhistory li li{
	background:transparent url(../images/bullet2.gif) no-repeat 0 3px;
	padding-left:1.4em;
}

.workhistory hr,#cols hr{
	border-top:2px solid #633;
	border-bottom:1px solid #633;
	color:#fff;
	background-color:#fff;
	height:4px;
	margin:15px auto 15px auto;
	text-align:center;
}
#cols{width:100%;}
#cols h3{clear:none;}
#cols h2
{
	text-align:center;
}
#cols ul
{
	list-style-type:none;
}
#cols li
{
	padding-left:1.4em;
	background:transparent url(../images/bullet1.gif) no-repeat 0 0;
}
#cols hr{clear:both;}
.col1
{
	float:left;
	width:40%;
	padding-right:0.5em;
}
.col2{
    padding-left:40%;
}
.col1,.col2
{
	margin-bottom:1em;
}
.col1 .top
{
	margin-top:0;
}
.col1 ul
{
	padding-left:1em;
	margin-bottom:0;
}
.col2 ul{
    padding-left:1.7em;
}
#cols h2{
	padding-top:0;
	margin-top:0;
}
/* **************** 
.col1{background-color:aqua;}
.col2{background-color:orange;}
.col1 ul{background-color:lime;}
.col2 ul{background-color:green;}
.col1 li{background-color:red;}
.col2 li{background-color:teal;}
/* */