body
{
font-family: verdana;
color:#555;
}

h1, h2, h3
{
margin: 0 0 15px 15px;
}

h1
{
font-size:1.8em;
}

h2
{
font-size:1.4em;
}

h3
{
font-size:1.2em;
}



hr
{
margin:20px;
border:solid;
border-width:1px 0 0 0;
border-color:#ccc;
}


img
{
border:solid;
border-width:1px;
border-color:#bbb;
}

#container
{
width:950px;
margin:0 auto 0 auto;
border:solid;
border-width:0px;
}

#banner
{
width:800px;
height:50px;
border:solid;
border-width:1px;
border-color:#fff;
}

#banner h1
{
margin:10px 20px 0 10px;
font-size:30px;
}

#banner h3
{
margin:0 30px;
font-size:15px;
}


#nav
{
width:200px;
float:left;
border:solid;
border-width:0px;
min-height:390px;
padding:30px 0 0 0;
}


#content
{
position:relative;
width:590px;
float:left;
border:solid;
border-width:0 0 0 1px;
border-color:#ccc;
min-height:390px;
padding:15px 0;
margin:15px 0;
}

#content li
{
list-style-type:circle;
}

#content p
{
margin: 0px 10px 10px 15px;
}

table
{
margin:0 45px;
}

#footer
{
width:800px;
float:left;
border:solid;
border-width:1px 0 0 0;
border-color:#ccc;
height:25px;
margin:10px 0 0 0;
text-align:right;
padding:2px;
}

#description
{
width:280px;
position:relative;
float:left;
border:solid;
border-width:0px;
min-height:270px;
margin:0 20px;
}

#methods_shadow
{
width:200px;
position:relative;
float:left;
min-height:270px;
background: #888;
}

#methods
{
width:200px;
position:relative;
float:left;
bottom:5px;
left:-15px;
min-height:270px;
margin:0 10px;
background: #cccccc;
color:#000;
}

#methods li
{
margin: 10px 0 0 10px;
}


#photos
{
margin:0 auto 0 auto;
height: 180px;
}

p
{
margin: 0 5px 7px 5px;
font-size:14px;
}

h2
{
margin:0 5px 20px 20px;
font-size:20px;
}

h3
{
margin:15px 5px 10px 15px;
}

h4
{
margin:10px 5px 20px 15px;
}

ul
{
margin:5px 20px;
padding:0px;
}

li
{
list-style-type:none;
margin:0 0 10px 0;
padding:0px;
font-size:14px;
}

#content li
{
margin:0 0 10px 20px;
}

a
{
text-decoration: none
}


a:link {color: blue;}
a:visited {color: blue}
a:active {color: #00FF00;}
a:hover {color: red;}
a {text-decoration: none;}


img
{
margin: 0 15px;
}

#navcontainer
{

margin: 10px 0;
}






#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 



#resume
{
width:590px;
float:left;
border:solid;
border-width:0 0 0 1px;
border-color:#ccc;
min-height:500px;
margin: 10px 0;
}

#resume h1
{
font-size:20px;
margin: 15px 0 0 15px;
}

#resume h2
{
font-size:17px;
margin: 10px 0 0 25px;
}

#resume h3
{
font-size:15px;
margin: 5px 0 0 15px;
}

#resume p
{
font-size:12px;
margin: 8px 0 0 35px;
}

#resume li
{
font-size:12px;
margin: 6px 0 0 35px;
list-style-type:circle;
}

.next
{
float:right;
}

.previous
{
float:left;
}

#nav_sequence
{
height:30px;
margin: 0 20px;
position:relative;
color:#777;
}


#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 300px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

.box1
{
width:600px;
height:230px;
float:left;
}

.box1 p
{
padding:50px 0 0 0;
}

.box1 img
{
border:none;
}

.box2
{
width:600px;
height:230px;
float:left;
text-align:right;
}

.box2 p
{
padding:80px 0 0 0;
}

.box2 img
{
border:none;
}

.box2 ul, .box1 ul
{
padding-left:50px;
}

.diagram_left
{
float:left;
}

.diagram_right
{
float:right;
}


---------------------------

#oh_navbar_container 
{
	
height:46px;
	
position:relative;
	z-index:1;
	
background:#eee url(../images/navbar_body.png) repeat-x scroll 0 0;

}



#oh_navbar_container2 
{
	
height:46px;
	position:relative;
	z-index:1;
	background:#ddd;
	background-color: #BBBBBB;

}



#oh_navbar 
{
	
margin: 0 auto 0 auto;
	width:950px;
	font-size:10px;
	font-weight:bold;
	line-height:normal;

}



#oh_navbar a 
{
	
font-size:1.1em;
	color:#fff;

}




#oh_navbar_main 
{
	
font-size:1.1em;
	float:left;

}



#oh_navbar_main .oh_nav_item 
{
	padding:0 4px 0 0;

}



#sticky_footer 
{
	
clear:both;
	height: 75px;
	

/* margin-top: negative value of both footers combined height */
	
	
position: relative;
	
background-color: #DDD;

font-size:.8em;
}



#sticky_footer_content 
{
	
margin: 0 auto 0 auto;
	width:950px;

}



/* CLEAR FIX*/

.clearfix:after 
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;

}


.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html 
.clearfix { height: 1%;}


.clearfix {display: block;}