/* ----- RESET (based on the work of Richard Clark - http://richclarkdesign.com) ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,summary,figcaption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
input,select{vertical-align:middle;}
/* ----- /RESET ----- */

html{
	background-color:#dad4bf;
}
body{
	color:#3c3c3c;
	font:12px/1.25em "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color:#fff;
	width:855px;
	padding:2em 50px 1em;
	margin:1em auto;
}
p, ul, ol{
	margin:0 0 1.5em;
}
li{
	margin:0 0 0.5em;
}
ul, ol{
	padding-left:1.6667em;
}
/* ----- CSS 3 for animation - for newer browsers - transition effect works in Chrome or Safari red box around link ----- */
a:link, a:visited{
	text-decoration:none;
	color:#ef3121;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
a:hover, a:active, a:focus{
	border-bottom:1px dotted;
}
h1, h2, h3, h4, h5{
	font-size:1em;
	line-height:1.25em;
	margin:0 0 0.75em;
}
.alignleft{
	float:left;
	margin:0 1em 1em 0;
}
.alignright{
	float:right;
	margin:0 0 1em 1em;
}
.clear{
	clear:both;
}

.nav{
	list-style:none;
	padding:0;
}
.header .nav{
	border-bottom:7px solid #ef3121;
	padding-bottom:0.6667em;
	font-size:1.0833em;
	text-align:center;
}
.header .nav li{
	display:inline;
	margin: -0.13em;
}
.header .nav a:link, .header .nav a:visited{
	color:#1f1f1f;
	padding:0.25em 1.75em;
}
.header .nav a:hover, .header .nav a:active, .header .nav a:focus, .header .nav .current a{
	color:#fff;
	background-color:#ef3121;
	border-style:none;
}
/* ----- header group; heading for all the sub pages for the website ----- */
.header .hgroup{
	background:url(../images/bg-masthead.jpg) no-repeat 0 0;
	position:relative;
	height:137px;
}
.header .hgroup h1 a{
	position:absolute;
	width:105px;
	height:115px;
	top:10px;
	left:20px;
	overflow:hidden;
	text-indent:-1000em;
}
.header .hgroup h1 a:hover, .header .hgroup h1 a:active{
	border-style:none;
}
.header .hgroup h2{
	text-transform:uppercase;
	text-align:right;
	font-size:3.75em;
	line-height:1em;
	padding:0.5em 0.5em 0 0;
}

.content{
	border-bottom:7px solid #ef3121;
	overflow:auto;
}
.content .section{
	border-top:2px dashed #d6d6d6;
	padding:1em 0 0;
	overflow:auto;
	clear:both;
}
.content .section:first-child{
	border-style:none;
}
#standards_chart{
	width:100%;
}
thead th{
	border-top:2px dashed #d6d6d6;
	border-bottom:2px dashed #d6d6d6;
}
th, td{
	text-align:left;
	vertical-align:top;
	padding:0.5em;
	margin:0.5em;
}
th.category{
	background-color:#e8e8e8;
	color:#ff5c5c;
	padding:0.5em;
	cursor:pointer;
}
td:nth-child(even){
	background-color:#ebebeb;
}/* ----- On the proposed standards page - table styles links, buttons etc ----- */
table .button:link, table .button:visited{
	display:block;
	width:200px;
	background:#ef3121;
	color:#fff;
	border-style:none;
	padding:0.5em;
	font:1.25em/2em "Helvetica Neue", Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align:center;
}
table .button:hover, table .button:active{
	color:#fff;
	border-style:none;
}
.icon{
	margin-bottom:-2px;
}

#comment{
	padding:1em;
	font-size:0.9167em;
}
#comment form{
	padding:1em;
	background-color:#f1f1f1;
	overflow:hidden;
}
#comment fieldset label{
	display:block;
}
#comment .inputgroup{
	display:inline;
	width:45%;
	float:left;
}
#comment input[type=text]{
	margin:0 0.5em 0.5em 0;
	font:1em "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#comment textarea{
	clear:left;
	width:100%;
	font:1em "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#comment fieldset{
	float:left;
}
#comment input[type=submit]{
	float:right;
	margin-top:0.5em;
}/* ----- looks like dialog box - this came from original style sheet; won't find in html; ui-widget holder creates dialogue box and styles given to the html. ----- */
.ui-widget-overlay{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-dialog-drop.png);
}
.ui-dialog{
	-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
	-o-box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
}
.section h4 {
	font-weight: normal;
}
.ui-dialog-titlebar{
	padding:0.5em;
	font-weight:bold;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	text-transform:capitalize;
}
.ui-dialog-titlebar-close{
	color:#fff;
}
.ui-dialog-content{
	background:#fff;
	padding:0.6667em;
	overflow:auto;
}
.ui-dialog-content .meta{
	font-size:0.8571em;
}
.footer{
	font-size:0.8571em;
	text-align:center;
	padding-top:2em;
}
/* ----- this is the doctors image on home page with ACGME logo.----- */
.home .header .hgroup{
	background:url(../images/bg-masthead-home.jpg) no-repeat 0 0;
	padding-top:300px;
	height:auto;
	zoom:1;
}
.home .header .hgroup h1 a{
	top:80px;
}
.home .header .hgroup h2{
	text-transform:none;
	text-align:left;
	font-size:2em;
	padding:0;
}
.home .section{
	border-style:none;
	float:left;
	background-color:#f1f1f1;
	width:251px;
	margin:0 0 1.5em 24px;
	padding:10px;
	clear:none;
}
.home .feature,
.home .facts,
.home .letter{
	margin:0;
	width:245px;
	height:167px;
	background:url(../images/bg-home-feature.jpg) no-repeat 0 0;
	text-align:right;
	font-weight:bold;
}
.home .facts,
.home .letter{
	margin-left:24px;
}
.home .feature a:link, .home .feature a:visited,
.home .facts a:link, .home .facts a:visited,
.home .letter a:link, .home .letter a:visited{
	color:#3c3c3c;
	display:block;
	padding-top:1em;
}
.home .feature a:hover, .home .feature a:active,
.home .facts a:hover, .home .facts a:active,
.home .letter a:hover, .home .letter a:active{
	border-style:none;
	color:#ef3121;
}
.home .feature h3,
.home .facts h3,
.home .letter h3{
	text-transform:uppercase;
	font-size:2.6em;
	line-height:1em;
	margin:0;
}
.home .feature p,
.home .facts p,
.home .letter p{
	margin:0;
}
.home .letter span{
	font-size:0.75em;
}
.home .videos{
	margin:1.5em 0;
	width:835px;
	overflow:hidden;
}
.home .videos p{
	margin-left:132px;
}
.home .videos li{
	float:left;
	width:30%;
	margin:0 3% 1em 0;
	height:135px;
	_height:145px;
}
.home .videos li a:link, .home .videos li a:visited, .home .videos li a:hover, .home .videos li a:active{
	border-style:none;
}
.home .section ul{
	list-style:none;
	padding:0;
	font-size:0.9167em;
}
.section-approved-comments {
	border-top: 2px dashed #D6D6D6;
	padding-top:13px;
}
.section-approved-standards {
	padding-top:15px;
}
.section-approved-resident {
	border-top: 2px dashed #D6D6D6;
	padding-top:13px;
}
.section-approved-contact {
	border-top: 2px dashed #D6D6D6;
	padding-top:13px;
}
.section-vision-letters {
	padding-top:15px;
}
.section-vision-facts {
	border-top: 2px dashed #D6D6D6;
	padding-top:13px;
}