/* PAGE/GENERAL */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #7E3A35;
}

#page {
	width: 898px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background: url(images/bkg_stripes.gif) repeat-y;
}

* html #page
{
	height: 100%;
}

.clearboth
{
	clear: both;
	display: block;
	height: 107px;
	/* with the 3 part footer that's used in this design, the height of this .clearboth must be equal to the height of the footer -including it's padding and such. */
}


/* HEADER */

/*#header {
	height: 131px;
	width: 835px;
	border-left: #fff solid 5px;
	border-right: #fff solid 6px;
	margin: 0 auto;
	background: url(images/home_header_bkg.gif) top left no-repeat;
	background: #AB8C71;
	padding: 0px;
}
*/
#header h1 {
	font-size: 13px;
	padding-top: 4px;
	padding-left: 35px;
}
#header h1 a {
color:#FFFFFF;
text-decoration: none;
}
#header .search {
	padding: 10px 20px 0px;
	float: right;
}

#content_main {
	display: inline;
	clear: both;
	float: left;
	margin-left: 28px;
	width: 841px;
}
div.underlined_section {
	border-bottom: 2px solid #fff;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.address {
	padding-left: 12px;
}
.address p {
	color: #fff;
}
/* ---------- Horizontal nav ---------- */

#menu {
	margin: 0;
	padding: 0;
	width: 898px;
	padding-bottom: 18px;
}

/*#menu.home_menu {
	height: 259px;
	background: url(images/menu_bkg_home.jpg) no-repeat top left;
	padding-bottom: 10px;
}
*/
.horz_menu {
	height: 80px;
	background: url(images/signs_menu_bkg.jpg) no-repeat top left;
	text-align: right;
}

.epilepsy_menu {
	height: 205px;
	background: url(images/menu_bkg_epilepsy.jpg) top left  no-repeat;
}

.hydrocephalus_menu {
	height: 205px;
	background: url(images/menu_bkg_hydro.jpg) top left no-repeat;
}

.braininjury_menu {
	height: 205px;
	background: url(images/menu_bkg_braininjury.jpg) top left  no-repeat;
}
.headache_menu {
	height: 205px;
	background: url(images/menu_bkg_headache.jpg) no-repeat top left;
	text-align: right;
}
.spine_menu {
	height: 205px;
	background: url(images/menu_bkg_spine.jpg) no-repeat top left;
	text-align: right;
}
.memory_menu {
	height: 205px;
	background: url(images/menu_bkg_memory.jpg) no-repeat top left;
	text-align: right;
}



/*#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	padding-right: 11px;
	list-style-type: none;
	text-align: left;
	float:right;
}
*/
#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu ul li a {
	width: 80px;
	height: 80px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: right;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small; 
	text-indent: -9999px;
}

#menu ul li a.graphic span {
	display: none
}

/* Home page menu - four people and a dog holding signs. This menu is only used on the home page and is considerably taller than the other menus. It also cover (almost) the entire width of the column. */
#menu.home_menu ul {
	padding: 0px;
}

#menu.home_menu ul li a {
	width: 109px;
	height: 259px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: right;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small; 
	text-indent: -9999px;
}

#menu.home_menu li#one a {
	background: url(images/h_button_epilepsy.jpg) no-repeat;
}
#menu.home_menu li#one a:hover {
	background: url(images/h_button_epilepsy_2.jpg) no-repeat;
}

#menu.home_menu li#two a {
	background: url(images/h_button_spine.jpg) no-repeat;
}
#menu.home_menu li#two a:hover {
	background: url(images/h_button_spine_2.jpg) no-repeat;
}

#menu.home_menu li#three a {
	background: url(images/h_button_headache.jpg) no-repeat;
}
#menu.home_menu li#three a:hover {
	background: url(images/h_button_headache_2.jpg) no-repeat;
}

#menu.home_menu li#four a {
	background: url(images/h_button_memory.jpg) no-repeat;
}
#menu.home_menu li#four a:hover {
	background: url(images/h_button_memory_2.jpg) no-repeat;
}

#menu.home_menu li#five {
	background: url(images/h_button_something.jpg) no-repeat;
}
#menu.home_menu li#five a:hover {
	background: url(images/h_button_something_2.jpg) no-repeat;
}


/* Short background menu - There are pages with a short background and there are pages with the tall background. Those have the person holding the sign up on the left. */
#menu li#one a {
	background: url(images/button_about.jpg) no-repeat;
}
#menu li#one a:hover, #about #menu li#one a {
	background: url(images/button_about_2.jpg) no-repeat;
}

#menu li#two a {
	background: url(images/button_working.jpg) no-repeat;
}
#menu li#two a:hover, #programs #menu li#two a {
	background: url(images/button_working_2.jpg) no-repeat;
}

#menu li#three a {
	background: url(images/button_articles.jpg) no-repeat;
}
#menu li#three a:hover, #articles #menu li#three a {
	background: url(images/button_articles_2.jpg) no-repeat;
}

#menu li#four a {
	background: url(images/button_contact.jpg) no-repeat;
}
#menu li#four a:hover, #contact #menu li#four a {
	background: url(images/button_contact_2.jpg) no-repeat;
}
/* Tall background menu - this is for the menus on the pages that have the persn standing to the left holding the sign. A separate set is needed due to the taller gray background the these pages have. */
#menu ul.menu_tall_bkg li#one a {
	background: url(images/a_button_about.jpg) no-repeat;
}
#menu ul.menu_tall_bkg li#one a:hover, #about #menu ul.menu_tall_bkg li#one a {
	background: url(images/a_button_about_2.jpg) no-repeat;
}

#menu ul.menu_tall_bkg li#two a {
	background: url(images/a_button_working.jpg) no-repeat;
}
#menu ul.menu_tall_bkg li#two a:hover, #programs #menu ul.menu_tall_bkg li#two a {
	background: url(images/a_button_working_2.jpg) no-repeat;
}

#menu ul.menu_tall_bkg li#three a {
	background: url(images/a_button_articles.jpg) no-repeat;
}
#menu ul.menu_tall_bkg li#three a:hover, #articles #menu ul.menu_tall_bkg li#three a {
	background: url(images/a_button_articles_2.jpg) no-repeat;
}

#menu ul.menu_tall_bkg li#four a {
	background: url(images/a_button_contact.jpg) no-repeat;
}
#menu ul.menu_tall_bkg li#four a:hover, #contact #menu ul.menu_tall_bkg li#four a {
	background: url(images/a_button_contact_2.jpg) no-repeat;
}
		/* these are the rules for the three item sub menu that appears on the pages for individual centers (memory, epilepsy, etc.) */
#programs_sub {
	clear: both;
	text-align: left;
	float: right;
	text-transform: uppercase;
	padding-right: 60px;
	padding-top: 85px;
}
#programs_sub p {
	padding: 0px;
	margin: 0px;
	line-height: 1em;
	letter-spacing: .03em;
	font-size: 10px;
	color:#000000;
}

#programs_sub a {
	padding: 0px;
	margin: 0px;
	padding-right: 12px;
	color: #AB8C71;
}
/*  ----- Typography and such similar items -----  */

body {
	color: #fff;
	line-height: 1.3em;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

p, h1, h2, h3, h4, h5 {
	padding-left: 32px;
	padding-right: 32px;
}

p {
	font-size: 13px;
	padding-top: .5em;
	padding-bottom: 1em;
	color: #fff;
}
#content_main p {
	text-align:left;
}

a {
color: #FFFFFF;
text-decoration:underline;
font-weight:700;
}

h2 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 1em;
}

#content_main h1 {
	font-size: 14px;
	text-transform: uppercase;
}

#footer p {
	color: #fff;
}

p.cap_text_button {
	color: #fff;
	padding-top: 18px;
}
.cap_text_button a {
	color: #fff;
	text-transform: uppercase;
}
h1.cap_text_button a {
	color:#FFFFFF;
	font-size: 12px;
}
h1.cap_text_button {
	padding-top: 8px;
}
.whitey {
	color: #fff;
}
.bold {
	font-weight: bold;
}

/* List items */
ul {
	padding-left: 65px;
	color: #fff;
	padding-top: 0px;
	margin-bottom: 15px;
}
li {
	font-size: 12px;
}

/*  -----Sectioned off intros - Used on the "working with" page -----  */

.sectioned_intro {
	border-bottom: 2px solid #fff;
	min-height: 168px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html .sectioned_intro {
	height: 168px;
}
/**/


.sectioned_intro img {
	float: left;
	padding-right: 10px;
}

.sectioned_intro p {
	font-size: 12px;
	line-height: 1em;
	text-align:left;
}

/* FOOTER */

#footer {
	text-align: center;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 840px;
	height: 107px;
}

#footer_s1 {
	width: 840px;
	height: 36px;
	border-bottom: 2px solid #fff;
	text-align: right;
}
#footer_s1 p {
	padding-right: 45px;
	padding-top: 10px;
	margin-top: 0px;
}

#footer_s1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .05em;
}
#footer_s1 a:hover {
	text-decoration:underline;
}

#footer_address {
	width: 216px;
	text-align: left;
	display: inline;
	float: left;
	height: 71px;
}

#footer_address p {
	padding-left: 32px;
	padding-top: 15px;
	font-size:11px;
	line-height: 1em;
	letter-spacing: .05em;
}

#footer_address a {
color:#FFFFFF;
}

#footer_logo {
	background: #AB8C71;
	border-left: 2px solid #fff;
	text-align: center;
	padding-top: 10px;
	float: right;
	width: 321px;
	min-height: 71px;

}

/* 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%;
	}*/
	
	/* The footer margin-top here and in the hack below must match the footer height above */
	#footer
	{
	position: relative;
	margin-top: -107px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #AB8C71;
	
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer 

	* html #footer
	{
		margin-top: -107px;
	}
*/
.left_column {
	float: left;
	width: 640px;
}
.right_column {
	width: 200px;
	float: right;
}
.right_column p {
	text-align: left;
}
.right_column li {
	margin-bottom: 14px;
	font-weight: bold;
	color: #ABABAB;
}
.right_column ul {
	list-style: none;
	padding: 7px 14px 10px 20px;
}
.right_column a {
	text-decoration: none;
}
.right_column a:hover {
	text-decoration: underline;
}
.right_column h1 {
	padding-left: 20px;
	padding-bottom: 14px;
}
#header .search a {
	padding-right: 20px;
}