html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: #757D88;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}

div#header{width:100%;overflow:hidden;background: #595D66}
div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
div#header h1{padding: 30px 0 10px;color: #FFF}



ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;padding: 5px;background: #C9C99B;text-decoration:none;color: #FFC}
ul#nav li#port a {width: 105px;}
ul#nav a:hover{background: #DDDDBA;color: #006A35}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #ACAC79;color: #003}


div#container{width:977px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#ACAC79}
div#content{float:left;display:inline;margin:0 0 10px 10px}

div#resumes h3 {font-size: 100%; margin-bottom: 0; }
div#resumes ul {list-style-type:none; margin: 0 0 0 0.5em; padding: 0; font-size: 12px;}
div#resumes ul li { display: inline; border-left: 1px solid #F0F0D8; padding-left: 0.3em }
div#resumes ul li.first {border-left: 0;}
div#resumes ul li a { color:#DDDDBA; text-decoration: none; }
div#resumes ul li a:hover {text-decoration: underline;}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{background: #DDDDBA;}
li.pod{background: #DDDDBA;}
div.pod{background: #DDDDBA; width:800px; margin: 0 auto;}
div.pod img {border: 1px solid #000; margin-left: 25px;}
li#services{background: #42B4AC}
ul#intro li#more{margin-right:0;background: #7D63A9}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}
ul#intro h3 span.dates {font-size:10px; color:#111106; display:inline;}

div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}

div#side{float:right;display:inline;width: 180px; margin:0 10px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}

#portfolio {margin-top: 1em; height: 550px; overflow: hidden; width: 560px; margin: 0 auto;}
div.port_item {background: #DDDDBA; padding:10px; clear:both; margin-bottom: 10em; height: 525px; }
div.port_item img { float:left; border:none; }
div.port_item div.port_status, div.port_item div.port_skills { float:left; margin-left: 0.7em;}
div.port_item div.port_resposibility { clear: both; }

div.port_status ul {list-style-type:none;}


div#footer{clear:both;width:98%;margin:0 10px 0;padding: 10px 0;
    background: #DDDDBA;color: #FFF;text-align:center}
div#footer p{margin:0; color:#000000}


div.left {
width: 250px;
float: left;
margin-left: 10px;
}

div.right {
float: left;
}
	

ul.projects {  margin: 0; padding: 0; padding-left: 15px;}


ul.projects li {
	
}

ul.projects li.first { border: none; margin-left: 0; padding-left: 0;}
ul.projects li.active {background:#00CC00;}

ul.projects li a {
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}

ul.projects li a:hover {
	text-decoration:none;
}


.hresume
{
    
    padding: 10px;
	width: 905px;
	margin: 2em auto;
	background:#CCCCCC;
}

.hresume abbr
{
    border: none;
}

.hresume address
{
    font-style: normal;
}

.hresume hr
{
    display: block;
}

.hresume .contact .fn
{
    font-weight: bold;
    font-size: 12pt;
}

.hresume h2
{
    font-size: 12pt;
    padding: 0 0 5px 0;
    margin: 0;
}

.hresume .education, .hresume .accreditation
{
    margin: 10px 0 10px 20px;
    padding: 1px;
	
}

.hresume .experience
{
    margin: 10px 0 30px 20px;
    padding: 1px;
}

.hresume #educationCont, .hresume #profExpCont { background:#FFF; text-align: left; padding: 5px;}

.hresume .summary, .hresume .tags
{
    margin: 10px 0 20px 20px;
    padding: 1px;
}

#tagGroup {display:none;}

.hresume .education .htitle, .hresume .experience .htitle
{
    float: left;
}

.hresume .htitle .include
{
    display: none;
}

.hresume .education .date_duration, .hresume .experience .date_duration
{
    float: right;
    font-size: smaller;
}

.hresume .education .summary
{
    margin: 0;
}

.hresume .tags ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

 .tags ul li
{
    display: inline;
}

.hresume .description ul 
{
	margin:0;
	list-style-type: square;
}

.hresume .contact
{
	text-align: center;
	padding: 0.5em;
}

.hresume hr {display:none;}
.hresume #profExpCont { margin-top: 5px;}