html {overflow-y:scroll; }
body {background-color:#FFFFFF; margin:0 0 20px 0; color:#666666; font-family:arial,tahoma,verdana,sans-serif;  
				font-size:13px; letter-spacing:1px; }
body.empl {margin-bottom:5px; }
h1 { margin:20px auto 0 auto; height:130px; width:400px; height:92px;  padding:0;  background:url('images/name.jpg') no-repeat;
				text-indent:-9999px; }

div, p {margin:0; padding:0; }
p {margin:0 0 15px 	  0; }
.bold {font-weight:bold; }

img {border:none;}	
.clear {clear:both; }

a, a:visited {color:#000099; font-family:arial,tahoma,verdana,sans-serif; text-decoration:none; 
				font-size:13px; letter-spacing:1px; outline:none; }
a:hover {text-decoration:underline; }


/* nav top */
ul.nav { margin:35px auto 0 auto; width:700px;  padding:0;  list-style:none; }
ul.nav li { display:inline-block; width:230px; text-align:center; padding:0;   } 
*ul.nav li {display:inline; }
/** html ul.nav li {display:inline; }
*+html ul.nav li {display:inline; }*/

.nav_top a { display:block;  height:30px; width:89px;  text-indent:-9999px; margin:0 auto; }
.nav_top a#home {  background:url('images/home.jpg') 0 0 no-repeat; }
.nav_top a#resWord { background:url('images/word.jpg') 0 0 no-repeat; width:165px; }
.nav_top a#contact {  background:url('images/mail.jpg') 0 0 no-repeat;}
body.contact .nav_top a#contact {  background:url('images/mail_roll.jpg') center 0 no-repeat; }

a#home:hover {background:url('images/home_roll.jpg')  center 0 no-repeat;; } 
a#contact:hover {background:url('images/mail_roll.jpg')  center 0 no-repeat;; } 
a#resWord:hover {background:url('images/word_roll.jpg') center 0 no-repeat; } 



/* nav main */
.nav_main {height:26px; }

.nav_main a,.nav_main a:visited, .topNoLink {color:#000099; font-family:"arial narrow", arial,verdana,sans-serif; 
				font-weight:bold; 	font-style:italic; text-decoration:none; font-size:18px; 
					letter-spacing:2px; line-height:18px; padding:0; }
.nav_main a:hover { color:#990000; }

.topNoLink {color:#990000; }








/* 
border:solid 1px #990000;

==================================================================  */


.wrapper { padding:25px 30px 20px 30px ;  margin: 55px auto 0 auto;  width:750px;  
				 border:solid 1px #ccc;  background-color:#eee; }

body.about .wrapper {  padding:30px 30px 5px 30px; }
body.skills .wrapper { padding:30px 30px 30px 30px; } 	
body.contact .wrapper {padding:30px 30px 40px 30px; margin-top:0; }		 
ul#urls {  margin:10px 0px 30px 0px; padding: 0px 0px 10px 30px;  }

div.EmplLeft {float:left;   font-weight:bold;  margin-bottom:4px;  }
div.EmplRight {float:right;  font-weight:bold;   margin-bottom:4px;  text-align:right;  }



.EmplMain ul {margin:0; padding: 0px 0 7px 30px; width:680px; }
.EmplMain ul li.mgn {margin:0 0 7px 0;; }
.refs {margin:20px 0 0 10px; }

div.hr { margin:20px auto; width:260px; height:1px;  line-height:1px; font-size:1px; border-top:solid 1px #bbb;  }
div.hrSkills {margin:30px auto; } 
.clear { clear:both; height:1px; line-height:1px; font-size:1px; }
a#toTop {margin:20px auto 0 auto; display:block; width:79px; height:35px; background:url('images/top.jpg') no-repeat;
		text-indent:-9999px; }
a#toTop:hover {background:url('images/top_roll.jpg') no-repeat; }

.skillsHeadline { font-size:16px; font-weight:bold; font-family:arial,verdana,sans-serif; letter-spacing:1px;  }
ul#SkillsLeft {float:left; width:350px; margin:0 20px 0 30px; padding:0;}
ul#SkillsRight {float:left; width:305px;  margin:0; padding:0; }
.wr_skills ul {margin:3px 0 0 0; padding: 0 0 0 30px; } 
.wr_skills ul li {margin:0 0 4px 0; }
.wr_skills ul.inner li {margin:0 0 2px 0; }

div.divSkillsBtm { margin:0 20px; }
p.skillsBottom {margin-bottom:30px;}



div.edSub { margin:5px 0 0 28px; }
div.languages {margin:10px 0 0 0 ; } 


body.about p {margin-bottom:20px; line-height:160%; }

.refsBottom {color:#666666; font-family:arial,tahoma,verdana,sans-serif;  font-size:14px; letter-spacing:1px; 
				font-weight:bold; }
#refsInner { margin-left:auto; margin-right:auto;  width:350px;  text-align:left;   }

/*
 
*/

#formWrapper {  margin:0 auto; width:400px; text-align:left;  }

#formWrapper p {margin:0 0 15px 0; font-weight:bold; font-size:14px; }

#mailError { width:704px; height:15px; margin:30px auto 10px auto; text-align:center; 
				color:#CC0000; font-weight:bold; }


/*border:1px solid #990000;*/



#mailSuccess {display:none; width:705px; text-align:center; margin:40px auto 0 auto;   font-weight:bold; font-size:16px; 
			font-family:arial,tahoma,verdana,sans-serif;   }

a.back, a.back:hover {  font-size:16px;  text-decoration:none; }


.fill {border:solid 1px #ccc;  width:200px; height:18px; color:#666; font-family:arial,tahoma,verdana,sans-serif; 
				font-size:14px; letter-spacing:1px; background-color:#FFF;}
.msg {border:solid 1px #ccc;  width:400px; height:150px;  color:#666;  font-family:arial,tahoma,verdana,sans-serif;  
			font-size:14px; letter-spacing:1px;  background-color:#FFF;}
.button {width:80px; height:25px;  color:#666; font-weight:bold;  font-family:arial,tahoma,verdana,sans-serif;  
				font-size:13px; letter-spacing:1px; background-color:#ccc;  }
.button:hover {color:#333; }