/*========================================================================================
	The CSS that's required to position the footer
==========================================================================================*/

html {
	height: 100%;
}
body {
	height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-top: -5em;
	margin-bottom: 0;
	clear: both; /*Footer needs to clear both in order to keep any content from overflowing into it*/
	background-color: #555148;
	background-image: url(Global/BGD-Footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -5em;
}


/*========================================================================================
	PAGE GENERAL
==========================================================================================*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	text-align: center;
	background-color: #633f0f;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(Global/BGD-Page.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
}
img.inset {
	background-color: #b09470;
	padding: 5px;
	margin-bottom: 10px;
}
.hide {
	display: none;
}
hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #5e3b0e;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
td {
	padding-bottom: 15px;
	color: #FFFFFF;
	text-shadow:#000000 0px 0px 2px; /* Doesn't work in IE 6*/
}
td .onlineRegistration {
	padding-bottom: -15px;
	color: #FFFFFF;
	text-shadow:#000000 0px 0px 2px; /* Doesn't work in IE 6*/
}


/*========================================================================================
	PAGE FONTS/COLORS
==========================================================================================*/

h1 {
	font-size: 32px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight: lighter;
	line-height: 36px;
	text-shadow:#000000 0px 0px 2px; /* Doesn't work in IE 6*/
	position: relative;
	margin-bottom: 10px;
}
h2 {
	font-size: 18px;
	color: #fccd89;
	margin-bottom: 20px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5e3b0e;
	padding-bottom: 20px;
	text-shadow:#333333 1px 1px 2px; /* Doesn't work in IE 6*/
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight: normal;
	color: #fccd89;
	text-shadow:#333333 0px 0px 1px; /* Doesn't work in IE 6*/
	margin-top: 5px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
	text-shadow:#333333 0px 0px 1px; /* Doesn't work in IE 6*/
}
h4 a {
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
	text-shadow:#333333 0px 0px 1px; /* Doesn't work in IE 6*/
	text-decoration: none;
}
h4 a:hover{
	font-size: 14px;
	color: #fccd89;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
	text-shadow:#333333 0px 0px 1px; /* Doesn't work in IE 6*/
	text-decoration: underline;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
a {
	text-decoration: underline;
	color: #fccd89;
}
a:hover {
	text-decoration: none;
}
.current {
	color: #333333;
	text-decoration: none;
}
.primary {
	color: #fccd89;
}
.secondary {
	color: #666666;
}
.tertiary {
	color: #CCCCCC;
}


/*========================================================================================
	HEADER STYLES
==========================================================================================*/

#header-container {
	background-color: #ffffff;
	height: 60px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	width: 915px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 55px;
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	background-image: url(Global/BGD-Header-Border.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 5px;
}
#logo {
	float: left;
	position: relative;
	height: 31px;
	width: 427px;
	padding-top: 24px;
}
#support {
	float: right;
	position: relative;
	height: 26px;
	width: 200px;
	padding-top: 29px;
	text-align: right;
}


/*========================================================================================
	PRIMARY NAV STYLES
==========================================================================================*/

#priNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	height: 75px;
	background-color: #FFFFFF;
}
#priNav {
	width: 915px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 70px;
	position: relative;
	padding-top: 5px;
}
#priNav ul {
	list-style-type: none;
	position: relative;
}
#priNav ul li {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #757575;
}
#priNav ul li a {
	display: block;
	text-decoration: none;
	color: #757575;
	background-image: url(Global/BGD-Nav-Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 9px;
	padding-right: 9px;
}
#priNav ul li a:hover {
	text-decoration: underline;
	color: #757575;
}
#priNav ul li a .current {
	color: #000000;
}
#priNav .LastPipe {
	background: none;
}


/*========================================================================================
	SECNAV NAV STYLES
==========================================================================================*/

#secNav { /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	position: absolute;
	width: 288px;
	float: left;
	z-index: 1;
}
#secNav ul {
	list-style-type: none;
}
#secNav ul li {
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #865c24;
	float: left;
	position: relative;
}
#secNav ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 283px;
	display: block;
	height: 25px;
	padding-top: 7px;
	padding-left: 5px;
	text-shadow:#272727 0px 0px 2px; /* Doesn't work in IE 6*/
}
#secNav ul li a:hover {
	color: #FFFFFF;
	background-color: #5e3b0e;
}
#secNav ul li .current {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5e3b0e;
}
#secNav ul li.on a,
#secNav ul li.on a:link,
#secNav ul li.on a:visited,
#secNav ul li.on a:active,
#secNav ul li.on a:hover {
 color: black;
 background-color: transparent;
}

/*========================================================================================
	SPECIAL STYLES - jcarousel
==========================================================================================*/

#special-container {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
}
#special {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1005px;
	height: 275px;
}
/* ------------------------------ jcarousel positioning ------------------------------ */
 /* This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 285px;
	height: 175px;
}
.jcarousel-list li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
}
.jcarousel-list li p a {
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	text-decoration: underline;
}
.jcarousel-list li p a:hover {
	color: #000000;
	text-decoration: none;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}
/* ------------------------------ jcarousel skin ------------------------------ */
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 915px;
	padding-left: 45px;
	padding-right: 45px; /* IE6 needs this to shift right arrow over */
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  915px;
	height: 275px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 285px;
	height: 275px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 30px;
}
/* ------------------------------ Horizontal Buttons ------------------------------ */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 71px;
	right: 5px;
	width: 32px;
	height: 32px;
	background-image: url(Global/jcarousel/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 71px;
	left: 5px;
	width: 32px;
	height: 32px;
	background-image: url(Global/jcarousel/prev-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*========================================================================================
	CONTENT STYLES
==========================================================================================*/
/*Any information inside the content, such as a left hand nav div, will need to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's contained in your content also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those content areas.*/

#content-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(Global/BGD-Content-Wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#content {
	width: 915px;
	height: 471px; /*Doesn't position right in ieSUX, so had to make separate style in ie7.css*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(Global/BGD-Content.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/*========================================================================================
	CONTENT PRICON STYLES
==========================================================================================*/

#content .priCon {
	width: 595px;
	float: left;
	position: relative;
	margin-top: 25px;
	margin-left: 65px;
	padding-bottom: 60px;
}
#content .priCon p {
	color: #FFFFFF;
	padding-bottom: 20px;
	text-shadow:#272727 0px 0px 2px; /* Doesn't work in IE 6*/
}
#content .priCon ul {
	padding-bottom: 20px;
	display: block;
	list-style-type: none;
}
#content .priCon ul li {
	display: block;
	color: #FFFFFF;
	text-shadow:#272727 0px 0px 2px;
	background-image: url(Global/Arrow.gif); /*Doesn't display in ieSUX, so had to make separate style in ie6.css*/
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 10px;
}
#content .priCon ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#map {
	padding: 20px;
	background-color: #633f0f;
	border: 1px solid #52340d;
}
/* ------------------------------ doctor photos ------------------------------ */
#content .doctors {
	width: 588px;
	float: left;
	position: relative;
	padding-top: 15px;
	border: 1px solid #52340d;
	background-color: #633f0f;
	margin-bottom: 20px;
	padding-left: 5px;
}
#content .doctors .person {
	height: 135px;
	float: left;
	position: relative;
	width: 145px;
}
#content .doctors .person img {
	background-color: #b09470;
	padding: 5px;
	margin-left: 38px;
}
#content .doctors .person p {
	text-align: center;
	text-shadow:#272727 0px 0px 2px; /* Doesn't work in IE 6*/
	font-size: 11px;
}
#content .doctors .person p span.name {
	font-family: Georgia, Times, 'Sans-serif';
	text-transform: uppercase;
	color: #fccd89;
}
#content .doctors .person p a {
	font-family: Georgia, Times, 'Sans-serif';
	text-transform: uppercase;
	color: #fccd89;
	text-decoration: none;
}
#content .doctors .person p a:hover {
	color: #FFFFFF;
}
/* ------------------------------ calendar ------------------------------ */
#content .priCon .entry {
	float: left;
	margin-bottom: 10px;
	width: 595px;
}
#content .priCon  p.entryBack {
	margin: 0px 0px 7px 0px;
	text-align: center;
	padding: 0px;
	display: block;
	float: left;
	text-shadow: none;
}
#content .priCon .entryBack a {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 48px;
	background: #675740;
	border: 1px solid #5C4A32;
	text-decoration: none;
}
#content .priCon .entryBack a:hover {
	color: #5C4A32;
	text-decoration: none;
	background: #E0D7C8;
}
#content .priCon .date {
	float: left;
	background: #dfd5c6;
	width: 50px;
	text-align: center;
	color: #480202;
}
#content .priCon .number {
	font-size: 25px;
	float: left;
	width: 50px;
	padding-top: 10px;
	text-align: center;
	background-color: #bead92;
	padding-bottom: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content .priCon .month{
	width: 50px;
	text-transform: uppercase;
	font-size: 13px;
	float: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#content .priCon .article {
	float: right;
	width: 525px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5e3b0e;
	margin-right: 10px;
}
#content .priCon .article h5 {
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 3px;
	text-shadow:#333333 0px 0px 1px; /* Doesn't work in IE 6*/
}
/* ------------------------------ contact form ------------------------------ */
#content .priCon .contact-form {
	width: 490px;
	background-color: #001934;
	font-size: 12px;
	line-height: 2em;
	padding: 25px;
}
#content .priCon .contact-form .form-field, textarea {
	width: 440px;
	color:#1F4470;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px;
	margin: 0;
	margin-bottom: 24px;
}
#content .priCon .contact-form .form-note {
	color: #999;
	margin-bottom: 12px;
}


/*========================================================================================
	CONTENT SECCON STYLES
==========================================================================================*/

#content .secCon {
	width: 255px;
	padding-top: 25px;
	float: left;
	position: relative;
	padding-bottom: 60px;
}
#content .secCon p {
	color: #FFFFFF;
	padding-bottom: 20px;
	text-shadow:#333333 0px 0px 2px; /* Doesn't work in IE 6*/
}


/*========================================================================================
	FOOTER STYLES
==========================================================================================*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	width: 915px;
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	padding-left: 4px;
	background-image: url(Global/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}
#footer .wrapper ul li a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#footer .wrapper ul li .current {
	color: #FFFFFF;
}
#footer .wrapper .LastPipe {
	background: none;
}
#footer .wrapper .email {
	float: right;
	padding-top: 15px;
	padding-right: 20px;
}
#footer .wrapper .email label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
}
#footer .wrapper .nameBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .emailBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .email input.button {
	vertical-align: middle;
	background-image: url(Global/Submit-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 60px;
}