@import url("grid.css");

/* @group Reset */

html { height: 100%; }
html,body { width: 100%; }
body,button,div,dl,dt,dd,ul,ol,li,hr,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img,hr { border: none; }
address,caption,cite,code,dfn,strong,em,th,var { font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
em { font-style: italic; }
ol { list-style: decimal; }
ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content: ""; }
abbr,acronym { border-bottom: 1px dotted; color: #004864; cursor: help; }
hr { border-bottom: 1px solid; height: 1px; overflow: hidden; }

/* @end */


/* @group Text */

html { font: normal 76% Arial, Verdana, Helvetica, sans-serif }
a { text-decoration: underline; color: #004864; }
a:hover { color: #666; }
a.noFx,a.noFx:hover,a.noFx * { text-decoration: none; }

h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica, sans-serif; }

h2
{
	font-size: 2.3em;
	font-weight: normal;
	text-align: center;
	color: #efeae2;
}

h3
{
  font-weight: normal;
	font-size: 2em;
	color: #004864;
}

h4
{
	font-weight: normal;
	font-size: 1.25em;
	color: #004864;
}

h4 a
{
  text-decoration: none;
}

h5
{
	font-weight: bold;
	font-size: 1em;
}

h6
{
	font-weight: normal;
	font-size: 1em;
	font-style: italic;
}

/* @end */


/* @group Styles */

.left       { float: left; }
.right      { float: right; }
.enlarge    { font-size: 125%; }
.shrink     { font-size: 85%; }
.text-right	{ text-align: right !important; }
.text-left	{ text-align: left !important; }
.section		{ overflow: hidden; }
.clear			{ clear: both; content: "."; visibility: hidden; height: 0px; overflow: hidden; }
.alert
{
	margin: 1em 0;
	padding: 5px 0;
	color: #004864;
	background-color: #ffffca;
	border: 1px solid #e8e86b;
	text-align: center;
}
.errors
{
	margin: 1em 0;
	padding: 5px 0;
	color: #b51e33;
	background-color: #ffe6e9;
	border: 1px solid #da6774;
	text-align: center;
}
.errors li { padding-left: 5px; }

ul.indent { margin-left: 2em; }
ul.normal
{
	padding-left: 15px;
	list-style-position: inside;
	list-style-type: disc;
}

dl.inline dt { clear: left; float: left; }

.right.content-image { margin: 0 0 1em 1em; }
.left.content-image { margin: 0 1em 1em 0; }

/* @end */


body { background: #f6f0e8 url(../images/body-bg.png) left 112px repeat-x; color: #666; }

.shadow-bottom { margin-top: 35px; padding: 0 1px 3px 1px; background: rgba(0,0,0,.07); }
.shadow-top { padding: 3px 1px 1px 1px; background: rgba(0,0,0,.07); }


/* @group Primary Layout */

#hd
{
	height: 115px;
	background: url(../images/header-bg-gradient.png) repeat-x;
}

h1
{
	float: left;
	height: 94px;
	background: url(../images/medical-arts-hospital-logo.png) 20px 20px no-repeat;
}

h1 a { display: block; margin-left: 20px; margin-top: 20px; width: 258px; height: 74px; text-indent: -9999px; }

#hd a.home
{
	float: right;
	width: 25px;
	height: 115px;
	text-indent: -9999px;
	background: url(../images/home-icon.png) top right no-repeat;
}

#hd a.home:hover
{
  background-position: bottom right;
}

#nav
{
	width: 600px;
	overflow: visible;
}

#nav li
{
	float: left;
	position: relative;
	padding: 0 13px;
	height: 115px;
	font-size: .9em;
	text-align: center;
}

#nav a
{
	display: block;
	padding: 54px 10px 0 10px;
	width: 100%;
	height: 61px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: #fff 0 1px 1px;
  color: #9e8d78;
}

#nav .active a,
#nav a:hover,
#nav li.hover a,
#nav a:active,
#nav a:focus
{
	padding: 54px 8px 0 8px;
	border-left: 2px solid #ece8e2;
	border-right: 2px solid #ece8e2;
  color: #83715b;
	background: url(../images/nav-bg.png) repeat-x;
	outline: none;
}

#nav div
{
	padding-top: 10px;
	width: 170px;
	position: absolute;
	top: 80px;
	background: url(../images/dd-top.gif) top center no-repeat;
	z-index: 500;
}

#nav ul
{
	padding: 10px;
  background: #fff;
	border: 1px solid #e4d0b5;
	border-top: none;
}

#nav ul li
{
  float: none;
	display: block;
	position: static;
	padding: 0;
	width: 150px;
	height: 2em;
	line-height: 2em;
	font-size: 1.1em;
	text-align: left;
}

#nav ul a,
#nav ul a:link,
#nav ul a:hover,
#nav ul a:active,
#nav ul a:focus,
#nav ul a:visited
{
	padding: 0px !important;
	width: 150px !important;
	height: 30px !important;
	border: none !important;
	background: none !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
  color: #004864;
}

#nav ul .active a,
#nav ul a:hover,
#nav ul a:active
{
  color: #666 !important;
}

h2
{
	margin: 45px auto;
	z-index: 5;
}

h2 * { z-index: 5; }

#bd
{
	padding-top: 10px;
	background: #fff;
	line-height: 1.4em;
	overflow: hidden;
	min-height: 300px;
}

#bd h3
{
	margin-bottom: .25em;
}

#breadcrumbs
{
  height: 2.5em;
	background: #f6f0e8;
	border-bottom: 1px solid #e7e1d9;
}

#bd .bordered
{
	padding: 2px;
	border: 1px solid #cfc6bb;
}

#bd .bordered img
{
	display: block;
}

#bd p
{
	text-indent: 2em;
}

#bd p.no-indent
{
	text-indent: 0;
}

#bd .notice
{
	text-indent: 0;
	text-align: center;
	line-height: 2.5em;
  background: #f6f0e8;
	border: 1px solid #e7e1d9;
}

#bd .section { margin-bottom: 1em; }

#sub-nav li
{
	margin-top: 2px;
	padding-left: 1em;
	border-left: 1px solid #e7e1d9;
	border-bottom: 1px solid #e7e1d9;
	line-height: 2.5em;
}

#sub-nav a
{
	padding-left: 1em;
	text-decoration: none;
	background: url(../images/bullet.gif) 0 .4em no-repeat;
}

#sub-nav a:hover
{
	color: #9e8d78;
}

#bd .footnote
{
	font-size: .9em;
	line-height: 1.4em;
	text-align: center;
	color: #999;
}

#bd .footnote p
{
	text-indent: 0;
}

#ft
{
	margin-top: 5px;
  font-size: .9em;
	line-height: 1.4em;
}

/* @end */



/* @group Mission, Vision, Values */

#mission-vision-values dd
{
	margin-left: 10px;
	display: block;
}

#values dt
{
  width: 70px;
}

#values dd
{
	padding-left: 65px;
}

/* @end */


/* @group Home Page */

#medical-staff-images
{
	height: 168px !important;
	overflow: hidden;
}

/* @end */


/* @group Careers Page */

#jobs-links a
{
	font-size: 1.25em;
	line-height: 1.8em;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

/* @end */


/* @group Medical Staff */

#staff-photos li
{
	margin-bottom: 2em;
}

#staff-photos div
{
	margin: 0 auto;
	width: 135px;
}

#staff-photos p
{
	text-indent: 0;
	text-align: center;
	font-size: .9em;
}

/* @end */


/* @group Contact Page */

#contact input
{
	width: 230px;
}

#contact textarea
{
	width: 230px;
}

#map-location
{
	margin-bottom: 5px;
	height: 250px;
}

#contact-info p
{
	text-indent: 0;
}

#DepartmentalListings
{
	line-height: 1.6em;
}

/* @end */


/* @group Forms */

form
{
	display: block;
}

form.inline
{
  display: inline;
}

form .line
{
  padding-bottom: .25em;
  clear: both;
  overflow: hidden;
}


/* labels */
form label
{
  display: block;
}

form.inline label,
form label.inline
{
  display: inline;
}


/* text inputs */
form input[type='text'],
form input.text
{
  padding: 2px 0 2px 3px;
  height: 1.25em;
  display: block;
  font: normal 1em/1.25em Arial, Verdana, Helvetica, sans-serif;
  border: 1px solid #cfc6bb;
}

form.inline input[type='text'],
form.inline input.text,
form input.inline[type='text'],
form input.inline.text
{
  display: block;
}

form input[type='text']:hover,
form input.text.hover,
form input[type='text']:focus,
form input.text.focus
{
  border-color: #cfc6bb;
  outline: none;
}


/* selects */
select
{
  margin: 0 !important; /* primarily for webkit */
  padding: 2px;
  display: block;
  font: bold 1em/1.25em Arial,Verdana,Helvetica,sans-serif; /* safari needs line height */
  border: 1px solid #cfc6bb;
}

form.inline select,
form select.inline
{
  display: inline;
}

select:hover,
select.hover,
select:focus,
select.focus
{
  border-color: #cfc6bb;
  outline: none;
}

form select option
{
  font-weight: normal;
}


/* textareas */
form textarea
{
  padding: 2px;
  display: block;
  font: normal 1em/1.25em Arial, Verdana, Helvetica, sans-serif;
  border: 1px solid #cfc6bb;
}

form textarea:hover,
form textarea.hover,
form textarea:focus,
form textarea.focus
{
  border-color: #cfc6bb;
  outline: none;
}

form legend,
form label.legend
{
  font-size: 1.25em;
  line-height: 1.25em;
}

/* @end */