@charset "UTF-8";

/*
	Theme Name: cpo (2009)
	Description: Center for Prosthetics Orthotics website.
	Version: 1.0
	Author: No one
*/


/* @group HTML, Body */
html { background-color: #fff; }

body { font-size: 80% }

/* img {
	margin: 0 0 10px 20px;
	float: right;
	display: inline;
} */

/* @end */

/* @group Layout */
/* Head */
div#hd { border-top: 5px solid #00718f; }

/* Body */
div#bd { /* font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; */
	font-family: Cambria, Georgia, "Times New Roman", Times;  color: #5b6b7c; }

/* Footer */
div#ft { width: 960px; margin-left: auto; margin-right: auto; color: #5b6b7c; padding: 10px 0; }

body.inside div#ft { width: 940px; }

div#ft p.copyright { width: 550px; font-size: 95%; color: #5b6b7c; float: left; display: inline; }

div#ft p.copyright a:link,
div#ft p.copyright a:visited { color: #5b6b7c; text-decoration: underline; }

div#ft p.copyright a:hover { text-decoration: none; }

div#ft p.ftnav { width: 350px; font-size: 95%; text-align: right; float: right; display: inline; }

div#ft p.ftnav a:link,
div#ft p.ftnav a:visited { color: #5b6b7c; text-decoration: underline; }

div#ft p.ftnav a:hover { text-decoration: none; }

/* Wrap */
div.wrap { width: 960px; margin-left: auto; margin-right: auto; }

div.inside-wrap { width: 940px; margin-left: auto; margin-right: auto; padding: 0 10px; }

/* @end */

h2 { margin: 15px 0 7px 0; font-size: 200%; line-height: 100%; font-weight: bold; text-align: left; }

h3 { margin: 10px 0 5px 0; font-size: 160%; text-align: left; }

table#staff h3 { margin: 10px 0 5px 0; font-size: 160%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; }

h4 { margin: 5px 0 5px 0; font-size:  130%; font-weight:  bold; text-align: left; }

/* @group Modules */
/* Logo */
div#logo { width: 172px; height: 79px; background: url(images/logo.gif) no-repeat 0 0; text-indent: -9000px; float: left; display: inline; }

div#logo a { display: block; height: 100%; }

/* Home SWF Logo */
div#swflogo { width: 172px; height: 79px; float: left; display: inline; }

/* Tagline */
div#tagline { padding: 10px 0 0 0; color: #5b6b7c; font-family: 'Puritan'; text-align: right; font-size: 1.2em}
	div#tagline span {color: #ddd; padding: 0 10px}
	div#tagline a {color: #FF7800}


/* Home Feature */
div#home-feature { background: url(images/home-feature-bkg.jpg) repeat-x 50% 0; height: 420px; padding: 0 0 0 0; }

div#home-feature-wrap { background: url(images/home-feature-bkg-repeat.jpg) repeat-x 0 0; }

div#home-feature div.content { width: 1024px; margin-left: auto; margin-right: auto; }

div#home-feature h1 { margin: 0 0 10px 6px; background: url(images/hd-providing-excellence.gif) no-repeat 0 0; height: 66px; text-indent: -9000px; }

div#home-feature h2 { margin: 0 0 25px 4px; background: url(images/hd-subhead.gif) no-repeat 0 0; height: 94px; text-indent: -9000px; }

div#home-feature p { font-size: 115%; /* font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; */
	font-family: Cambria, Georgia, "Times New Roman", Times; color: #5b6b7c; line-height: 140%; padding: 0 0 0 5px; }

/* Home Cols */
div.leftcol { width: 275px; margin: 0 0 0 0; float: left; display: inline; }


p#breadcrumbs {font-size: 1em; margin: 0 0 20px}

div.centercol { width: 275px; margin: 0 0 0 50px; float: left; display: inline; }

div.leftcol p,
div.centercol p,
div.rightcol p { line-height: 130%; font-size: 116%; }

div.rightcol { width: 305px; float: right; display: inline; }

.jump-to-links {font-size: 1.1em}

/* HR */
div.hr { clear: both; border-top: 1px solid #dee1e5; padding: 0 0 20px 0; overflow: hidden; }

div.hr2 { clear: both; border-top: 1px solid #dee1e5; padding: 10px 0; overflow: hidden; }

/* Page Title */
div.page-title { background: url(images/page-title-bkg.gif) repeat-x 0 0; height: 110px; }

body.static div.page-title { margin: 0 0 20px 0; }

div.page-title h1 { margin: 0; padding-top: 25px; font-size: 2.6em; letter-spacing: -1px; color: #00718f; }

/* Case Studies */
div.case-study-pics { margin: 0 0 30px 0; }

div.case-study-pics img { float: left; display: inline; }

div.case-study-pics img.pic { margin: 0 2px 0 0; }

#patient-stories-box {}
	
	#patient-stories-box .story-box {width: 30%; float: left; margin: 0 30px 0 0}
		
	#bd .story-box h4 {font-size: 1.5em}
	#bd .story-box p {font-size: 01em}
	
	.side .story-box {}

/* Right Pic */
img.rightpic { margin: 0 0 10px 20px; float: right; display: inline; }

/* Left Pic */
img.leftpic { margin: 10px 15px 5px 0px; float: left; display: inline; }

/* Resources */
div.resources { }

div.resources a:link,
a:visited { color: #5b6b7c; text-decoration: none; }

div.resources a:hover { color: #ff7800; text-decoration: underline; }

div.resources ul { margin: 0; padding: 0; }

div.resources ul li { padding-bottom: 5px; }

/* Wide */
div.wide { width: 960px; margin-top: 20px; float: left; display: inline; }

div.flash-left { float: left; width: 300px; height: 595px; clear: none; }

div.flash-right { float: right; width: 300px; height: 595px; clear: none; }

div.middle { width: 320px; padding: 20px 20px 20px 20px; height: 545px; float: left; text-align: center; }

div.middle h3 { text-align: center; }

div.wide-left { width: 460px; float: left; display: inline; padding-right: 15px; }

div.wide-right { width: 460px; float: right; display: inline; }

.name { font-size: 12px; }

table.testimonials { font-size: 123.1%; line-height: 140%; }

/* Main */
div.main { width: 595px; margin-top: 20px; float: left; display: inline; }

/* Side */
div.side { width: 292px; margin-top: 20px; float: right; display: inline; }

img.pad { float: left; clear: none; }

img.pad-right { float: right; clear: none; }

/* Spacer */
div.side-spacer { height: 30px; overflow: hidden; }

div.spacer { height: 5px; clear: both; }

/* @end */



/* @group Nav */
div#nav { width: 780px; padding: 50px 0 0 0; float: right; display: inline; font-family: 'Puritan';font-weight: normal}

div#nav ul { margin: 0; padding: 0 0 0 50px; width: 732px; }

div#nav ul li { float: left; display: inline; padding: 6px 0 }

div#nav ul li a { display: block; color: #5b6b7c; font-size: 19px; padding: 2px 10px; text-decoration: none; border-right: 1px solid #ced8e1}
	div#nav ul li a:hover {color: #00718f}


/* Nav Drop Down */
div#nav ul ul { padding: 0; margin: 0; list-style: none; line-height: 1; background-color: #fff; width: 200px; border: 1px solid #e7e9eb; border-bottom: none; }

div#nav ul li ul { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index: 1}

div#nav ul li ul li { background-image: none; padding: 0; float: none; width: auto; }

div#nav ul li ul li a { width: auto!important; float: none; text-align: left; padding: 10px; margin: 0; display: block; font-weight: normal; background-image: none!important; height: auto; text-indent: 0; border-bottom: 1px solid #e7e9eb; font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-right: none}

div#nav ul li:hover ul,
div#nav ul li.sfhover ul { left: auto; }

div#nav ul li ul li a:link,
div#nav ul li ul li a:visited { color: #5b6b7c; text-decoration: none; }

div#nav ul li ul li a:hover { color: #ff7800; }

/* Fix for sticky IE drop downs */
div#nav ul li:hover,
div#nav ul li.sfhover { position: static; }

/* @end */



/* 3rd Level Dropdown */
div#nav ul li:hover ul ul,
div#nav ul li.sfhover ul ul { position: absolute; left: -999em!important; margin: -30px 0 0 200px; z-index: 100; width: 200px; }

div#nav ul ul ul li { }

div#nav ul ul li:hover ul,
div#nav ul ul li.sfhover ul { left: auto!important; float: right; }

div#nav ul ul ul ul,
div#nav ul ul ul ul li { /*width: 204px!important;*/
}

div#nav ul li ul li ul li:hover a,
div#nav ul li ul li ul li.sfhover a { background-color: #fff; color: #ff7800!important; }

div#nav ul li ul li ul li:hover ul li a,
div#nav ul li ul li ul li.sfhover ul li a { background-color: #fff; color: #ff7800!important; }

/* @group Default Headings */
div.main h1,
div.inside-wrap h1 { margin: 0 0 10px 0; }

div.wide h1 { margin: 0 0 10px 0; }

div.side h3 { margin: 0 0 5px 0; }

h3.hd-our-staff-side, h3.hd-office-hours, h3.hd-contact-us, h3.hd-other-stories, h3.hd-prosthetics-faqs, h3.hd-orthotics-faqs, h3.hd-products, h3.hd-resources, h3.hd-advocates, h3.hd-haiti, h3.hd-locations, h3.hd-videos {font-family: 'Puritan'; font-weight: normal; font-size: 24px}

div.quote { margin: 20px 0 25px 0; padding: 15px 25px 15px 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

div.quote h3 { margin: 0; font-size: 160%; line-height: 140%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; }

/* @end */

/* @group Common Text Styles */
div.main p,
div.inside-wrap p { font-size: 123.1%; line-height: 140%; }

div.wide p { font-size: 123.1%; line-height: 140%; }

div.side p { font-size: 116%; line-height: 140%; }

/* @end */

/* @group Default Lists */
div.main li,
div.inside-wrap li { font-size: 123.1%; }

div.main li li,
div.inside-wrap li li { font-size: 100%; }

/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */

h2 a:link { color: #5b6b7c; text-decoration: none; }

h2 a:visited { color: #5b6b7c; text-decoration: none; }

h2 a:hover { color: #5b6b7c; text-decoration: underline; }

a:link,
a:visited { color: #ff7800; text-decoration: none; }

a:hover { text-decoration: underline; }

/* @end */

/*** Dontact page ***/

#contact-form {padding: 10px 0}
	#contact-form ul {list-style: none}
		#contact-form ul li {margin: 0 0 10px; list-style: none}
		#contact-form input.text, #contact-form textarea {display: block; padding: 4px; width: 320px}
		#contact-form textarea {height: 100px}
		#contact-form label {display: block; font-weight: bold; font-size: 0.9em}



/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom { margin-top:36px; }

#latest-wrap { float:left; width:595px; }

.latest-post-wrap { float:left; width:132px; height:180px; margin-right:15px; }

.latest-post { width:132px; float:left; }

.latest-image { border:1px solid #ccc; margin-bottom: 10px; }

.latest-title h4 { margin:0 auto; line-height:13px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:none; padding-bottom:0; border-bottom:0; }

.latest-title h4 a { text-decoration:none; font-weight: normal; color: #444; }

.latest-title h4 a:hover { color: #ff7800; }

.latest-content { width:132px; /*height:30px;*/ margin-bottom:20px; }

.latest-content h2 { margin-top:15px; }

.latest-content h2 a { color:#0b96d0; text-decoration:none; }

.latest-content h2 a:hover { color:#000 }

.latest-content p { font-size:11px; line-height: 11px; text-align:left; }

/*
Should have been there but wasn't
*/

.hidden {display: none}

.alignright { float: right; margin: 0 0 10px 10px; }

.alignleft { float: left; margin: 0 10px 10px 0; }

.aligncenter { display: block; margin: 10px auto }

/* @group Misc */
.clear { clear: both; }

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

.clearfix { display: inline-block; }

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

.clearfix { display: block; }
/* End hide from IE-mac */
/* @end */