body,#header,#navigation ul li,#navigation ul li:hover,#content {
	background:#fff
}

body,#navigation,#content {
	position:absolute
}

body {
	left:50%;
	top:15px;
	width:700px;
	margin:0 0 0 -375px;
	font:1em "Trebuchet MS",arial, verdana,sans-serif
}

body,#navigation,#content,#footer {
	height:auto
}

body,#navigation ul {
	padding:0;

}

body,#content h3 {
	color:#000
}


#header,#footer {
	position:relative;
	width:100%
}

#header,#navigation {
	left:0
}

#header {
	top:0;

	text-align:center;
	z-index:2
}


h1 {
	background:transparent;
	margin: 0;
	padding:0 0 0 150px;
   
	font:2.5em georgia,sans-serif;
	z-index:3;
	letter-spacing : -3px;
}

h3 span,h1 span,#navigation ul li a,#content a:hover {
	color: Olive;
}


#navigation ul li a:hover {
	color:white;
        background-color:olive;
        
}


h3,h1,#content a {
	color:black
        
}



h1 strong {
	font-weight: 900;
	color: Gray;
}


#navigation,#navigation ul {
	background-color:#eee;
	font-weight: bold;
}

#navigation,#content {
	margin-top:15px
}

#navigation {
	width:150px;
	padding:1px 0 0 0;
	z-index:1
}

#navigation ul {
	margin:0;
	list-style:none;
	font-size:0.8em;
}

#navigation ul li,#navigation ul li a,#content h3,#content p {
	display:block
}

#navigation ul li {
	margin:0 0 20px 0
}


#navigation ul li:hover {
	margin:0 0 22px 0; 
        
}

#navigation ul li {
	padding:3px 3px 0px 3px
}

#navigation ul li:hover {
	padding:2px 3px 2px 3px;
	border-bottom:1px #ccc solid
}

#navigation ul li:hover,#content,#footer {
	border-top:1px #ccc solid
}

#navigation ul li a,#content a,#content a:hover {
	text-decoration:none
}






#content {
	left:150px;
	width:550px;
	border-left: 1px dotted #ccc;
	padding-bottom:4px;
	z-index:0
        
}

#content h3 {
	font:1.4em georgia,sans-serif;
	margin:1em 0 0 1em;
	padding:0 0 .4em 0;
	border-bottom:1px #ddd solid;
		letter-spacing : -1px;
}


#content p {
	margin:.6em 1em 0 2.4em;
	padding:0 0 .6em 0;
	font-size:0.8em;
	line-height:1.4em
        overflow:scroll; 
}

#content a {
	border-bottom:1px Olive solid;
}

#content a:hover {
	border-bottom:none;
}




/* dealing with resume page  */
/* will have under RESUME div - will have list and use class for center, italic and align right  */


.center {text-align: center}
.right {text-align: right}
.itl {font-style:italic}
.bold {font-weight:bolder}
.bolditl { font-style:italic; font-weight:bolder;  outline:olive dotted medium; }



#resume p, ul, ul li {
font-size:12 Times New Roman;
}

#resume h4{
border-bottom:2px #ddd solid;
font-size:1.4em;
}

#resume a {
border-bottom:1px blue solid;
}

#resume a:hover {
text-transform: uppercased;
}



#resume ul, ul li {
list-style:disc inside none:
}






/*   end of resume realted coding   */

#footer {
	font-size: 4;
	color: #9D9D9D;
	margin-top: 1em;
	padding: 10px;
	text-align: center;
        
}
#footer A {
	color: #868686;
	font-size: 0.8em;
        font-weight:bold;
	border-bottom: none; 
	cursor:crosshair;
}

#footer A.hover {
	background-color: black;
        color:white;
}

#Disclaimer {
	margin-top: 2em;
}

acronym {
	border-bottom: 1px dashed #000;
	cursor:help;
}