*body, html { margin: 0; padding: 0; }

body {background: #231F20; font-size: 65%; font-family: arial, sans-serif;text-align: center; }
p, a, h2, h3 {font-size: 1.2em; line-height: 1.25em; color: #231F20}


p a {font-size: 1em; }

a {text-decoration: none;}

td {padding: 10px 10px 10px 10px; }

/*-- Container--*/

	#container {background: url(images/body_bg.gif) #fff left top no-repeat; width: 700px; text-align: left; margin: 10px auto; padding: 0px auto; }

/*-- Heading--*/

	#heading {margin:0px; padding: 0px 10px; }
	#heading a {color: #231F20; font-size: 6em; }

/*-- Wrapper--*/

	#wrapper {background: url(images/arrow.gif) top center no-repeat; float: left; padding: 0px; margin: 5px; height: 440px; width:689px}

/*-- Main Navigation--*/

	#menu {}

	#structurednav  { height: 437px; }
	#structurednav ul {height: 100%; }
	#structurednav li { margin: 0px; text-align: center; }
	#structurednav li a {display: block; height: 100%; }
	#structurednav .lowerlist {display: none; }

	.navPortfolio, .navResume  { width: 43px; height: 100%; }
	.navHome, .navPortfolio span, .navResume span, .navContact { display: none; }

	.navPortfolio { background: url(images/nav_port_bg.gif) no-repeat; float: left;  } 
	.navResume { background: url(images/nav_resume_bg.gif) no-repeat; float: right; } 
		#portfolioTOC .navPortfolio { background: url(images/nav_port_active_bg.gif) no-repeat;}
		#resume .navResume { background: url(images/nav_resume_active_bg.gif) no-repeat;}

/*-- Main Content--*/

	#content {background: #fff; float: left; position: relative; top: -390px; left: 43px; width: 603px; height: 343px;}
	#content #push {clear: both; }

/*-- Page Content Wrapper --*/

	#homewrap {background: #E8E8E8; height: 343px;}
		#homewrap { font-size: 1.25em; }
		#homewrap p {position: relative; top: 35%; margin: auto; text-align: justify; width: 250px; }
		#homewrap a {text-decoration: underline; }

	#portwrap {border-top: 2px solid #231F20; border-bottom: 2px solid #231F20; border-right: 2px solid #231F20; background: #E8E8E8; padding: 10px; width: 570px; height: 343px; }
	#resumewrap {border-top: 2px solid #231F20; border-bottom: 2px solid #231F20; border-left: 2px solid #231F20;background: #E8E8E8; float: right; padding: 10px; width: 570px; height: 343px;}
	#contactwrap {background: #E8E8E8; height: 343px; padding: 10px;}

/*-- Footer--*/

	#footer { clear: both; height: 30px; padding: 10px; width: 680px; margin: 0px auto; padding: 0 auto;}
		#footer p, #footer a {}
		#generalfoot {float: left; }
		#generalfoot a {font-size: 1.5em; }
		#w3c {float: right; }

/*-- Portfolio--*/

	#portfolioTOC #content img {border: 1px solid #231F20 ; }

	#portfolioTOC .site { margin-bottom: 20px; }
	#portfolioTOC .lina { border-bottom: 1px solid #231F20 ; font-size: 1.5em; }
	#portfolioTOC .lina a {color: #231F20; }
	#portfolioTOC .port_img img { float: right; height: 55px; margin: 5px 0px; width: 120px; }
	#portfolioTOC .linb  { padding: 5px;  margin-right: 140px; text-align: justify; }
	#portfolioTOC .linc { padding: 5px;  }

/*-- Resume --*/

	#resumenav {display: block; height: 36px; }
	#resumenav ul {width: 555px; height: 37px;}
	#resumenav li.higher {position: relative; z-index: 44; }
	#resumenav li {background: url(images/tab-bg.gif) center top no-repeat; float: left; padding: 10px 0px; text-align: center; width: 111px; }
	#resumenav li a {  color: #fff; display: block;}
	#resumenav p {color: #fff; padding: 3px; text-align: justify; }

	#resumecontent {border: 1px solid #5d6568; height: 280px; margin-top: -1px; padding: 0; overflow: hidden; width: 100%; }

	#resumecontent p {line-height: 1.5; }

	#resumecontent ul {list-style: square outside; margin-left: 15px;}

	#education, #skills, #employment, #internship, #volunteer {height: 280px; overflow-y: auto; padding: 0px 10px;}


	 
	#education div, #skills div, #employment div, #internship div, #volunteer div { margin: 10px 10px 0px 10px; }
	
	#internship ul {clear: both; }

	/*--#skills ul {height: 40px; }
	#skills ul li {display: block; float: left; width: 23%; }
	#employment {clear: left;  }--*/

		.title {float: left; font-weight: bold; width: 270px; }
			#employment .title, #internship .title {margin-left: 0px;  }
			#volunteer .title {clear: both; font-weight: normal; width: 300px; }
		.empname { float: left; width: 300px;}

		.dates {float: right; font-weight: bold; }
			#volunteer .dates {width: 120px; text-align: right;}
		.emploc { float: right; }

		.study {clear: right;  }
		#employment ul {clear: both; }

/*-- Contact --*/

	.contacttype {display: block; width: 200px; float: left; text-align: right; padding-right: 10px;}
	#namerow, #emailrow, #commentrow, #inputrow {display: block; margin-top: 10px; width: 500px;}
	#inputrow {text-align: right; width: 471px;}

/*-- General Classes To be used Universally --*/

	.bold {font-weight: bold; }
	.clear {clear: both; }
	.subcat {border-bottom: 1px solid #231F20; color: #231F20; font-size: 1.4em; padding-top: 10px; }
	.warning {color: red; }