/*
	Base font-size is %75

	Font size: 16px = 1.35em
	Font size: 14px = 1.2em
	Font size: 12px = 1em
	Font size: 11px = .95em
	Font size: 10px = .85em


MAIN GLOBAL STYLES
------------------

	- Global Definitions: Body, Images, Links, Forms, Paragraphs, Wrapper, Clear
	- Forms
	- Headers
 	- Horizontal Rules
	- Spacers

*/


/* GLOBAL DEFINITIONS */

	body {
		background-color: #FFFFFF;
		color: #666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.35em;
		margin: 0px;
		padding: 0px;
		}

	#wrapper {
		text-align: center;
		}

	img {
		border: 0px;
		}
	
	form {
		margin: 0px;
		padding: 0px;
		}
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		}
	
	a {
		color: #003366;
		text-decoration: none;
		}
	a:hover {
		color: #5C8EBF;
		text-decoration: none;
		}
	a:active {
		color: #5C8EBF;
		text-decoration: none;
		}

	p {
		margin: 0px;
		padding: 0px 30px 20px 20px;
		}
	
	acronym {
		text-decoration: none;
		}
	
	.clear {
		clear: both;
		height: 0px;
		margin: 0px;
		overflow: hidden;
		}
		
	.photo {
		margin: 0px 0px 10px 5px;
		}
	.contentPhoto {
		float: right;
		padding: 5px 5px 20px 30px;
		}



/* HEADER STYLES */

	h1 {
		color: #003366;
		font-size: 26px;
		line-height: 28px;
		font-family: Helvetica Neue, Arial, sans-serif;
		font-weight: normal;
		margin: 0px;
		padding: 10px 30px 0px 20px;
		}
	h1.underline {
		border-bottom: 1px solid #B3B3B3;
		margin: 0px 5px 20px 5px;
		padding: 10px 25px 20px 15px;
		}
	h2 {
		color: #5C8EBF;
		font-size: 22px;
		line-height: 26px;
		font-family: Helvetica Neue, Arial, sans-serif;
		font-weight: lighter;
		border-bottom: 1px solid #B3B3B3;
		margin: 0px 5px 20px 5px;
		padding: 5px 25px 25px 15px;
		}
	h3 {
		color: #333333;
		font-size: 18px;
		line-height: 22px;
		font-family: Helvetica Neue, Arial, sans-serif;
		font-weight: normal;
		margin: 0px;
		padding: 10px 30px 15px 20px;
		}


/* HORIZONTAL RULES */

	div.horRuleGray, div.horRuleBlue, div.horRuleWhite {
		background-color: #B3B3B3;
		height: 1px;
		margin: 10px 5px 25px 5px;
		padding: 0px;
		}
	div.horRuleDarkBlue {
		background-color: #003366;
		}
	div.horRuleWhite {
		background-color: #FFFFFF;
		}
	div.horRuleGray hr, div.horRuleBlue hr, div.horRuleWhite hr {
		display: none;
		}


/* SPACERS */

	.spacer5 {
		font-size:5px;
		height:5px;
		}
	.spacer10 {
		height:10px;
		}
	.spacer15 {
		height:15px;
		}
	.spacer20 {
		height:20px;
		}
	.spacer25 {
		height:25px;
		}
	.spacer30 {
		height:30px;
		}


/* HEADER */

	div#headerContainer {
		text-align: left;
		}
	div#logo {
		float: left;
		width: 120px;
		padding: 20px 0px 0px 20px;
		}
	div#logoText {
		float: left;
		width: 522px;
		padding: 44px 0px 0px 30px;
		}
	div#logo_ca {
		float: left;
		width: 142px;
		padding: 20px 0px 0px 20px;
		}
	div#logoText_ca {
		float: left;
		width: 480px;
		padding: 44px 0px 0px 30px;
		}
	div#address {
	float: right;
	font-size: 0.95em;
	line-height: 1.2em;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:550px
		}


/* NAV MAIN */

	div#navMainContainer {
		text-align: left;
		margin: 30px 0px 40px 5px;
		height: 30px;
		position: relative;
		}

	ul#navMain, ul#navMain ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	
	ul#navMain li {
		float: left;
		/* width: 10em; */
		}
	ul#navMain li.search {
        position:relative;
		padding: 0px 0px 0px 15px;
		}
	ul#navMain li.search input {
		width: 193px;
		border: 2px solid #B3B3B3;
		margin: 0px 0px 0px 0px;
		padding: 7px 30px 6px 5px;
		vertical-align: center;
		font-size: 1em;
		color: #666666;
		background: url(../images/icons/icon_search.gif) no-repeat right;
		}
        
    ul#navMain li.search input.submit_search {
        background-image:none;
        background-color:transparent;
        padding: 0;
        border: 0;
        width:20px;
        height:26px;
        position:absolute;
        right:5px;
        top:3px;
        }

	ul#navMain a {
		display: block;
		height: 30px;
		}
	ul#navMain a b {
		display: none;
		}
	ul#navMain a.menu1 {
		background: url(../images/nav/home_s1.gif) no-repeat;
		width: 97px;
		}
	ul#navMain a.menu2 {
		background: url(../images/nav/about_s1.gif) no-repeat;
		width: 120px;
		}
	ul#navMain a.menu3 {
		background: url(../images/nav/treatments_s1.gif) no-repeat;
		width: 133px;
		}
	ul#navMain a.menu4 {
		background: url(../images/nav/news_s1.gif) no-repeat;
		width: 186px;
		}
	ul#navMain a.menu5 {
		background: url(../images/nav/contact_s1.gif) no-repeat;
		width: 107px;
		}

	
	ul#navMain li ul {
		position: absolute;
		width: 890px;
		height: 60px;
		left: -999em;
		background: url(../images/nav/main/dropdown_shadow.png) repeat-x bottom;
		}
	
	ul#navMain li.selected a.menu1 {
		background: url(../images/nav/home_on_s1.gif) no-repeat;
		}
	ul#navMain li.selected a.menu2 {
		background: url(../images/nav/about_on_s1.gif) no-repeat;
		}
	ul#navMain li.selected a.menu3 {
		background: url(../images/nav/treatments_on_s1.gif) no-repeat;
		}
	ul#navMain li.selected a.menu4 {
		background: url(../images/nav/news_on_s1.gif) no-repeat;
		}
	ul#navMain li.selected a.menu5 {
		background: url(../images/nav/contact_on_s1.gif) no-repeat;
		}

	ul#navMain li:hover ul {
		left: 0px;
		}

	ul#navMain li:hover ul, ul#navMain li.sfhover ul {
		left: 0px;
		}

	ul#navMain li:hover a.menu1 {
		background: url(../images/nav/home_off_s1.gif) no-repeat;
		}
	ul#navMain li:hover a.menu2 {
		background: url(../images/nav/about_off_s1.gif) no-repeat;
		}
	ul#navMain li:hover a.menu3 {
		background: url(../images/nav/treatments_off_s1.gif) no-repeat;
		}
	ul#navMain li:hover a.menu4 {
		background: url(../images/nav/news_off_s1.gif) no-repeat;
		}
	ul#navMain li:hover a.menu5 {
		background: url(../images/nav/contact_off_s1.gif) no-repeat;
		}

	ul#navMain ul li {
		float: left;
		font-size: .95em;
		padding: 12px 0px 0px 15px;
		}


/* NAV SUB */

	div#navSubContainer {
		background:url(../images/side_bk.gif) #003366 no-repeat;
		margin: 0px 5px 0px 5px;
		padding: 15px 0px 15px 15px;
		min-height: 90px;
		}

	ul#navSub, ul#navSub ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	
	/* LEVEL 1 */

	ul#navSub li {
		background-color: #003366;
		width: 255px;
		font-size: 1.2em;
		}
	ul#navSub a {
		display: block;
		background-color: #003366;
		color: #FFFFFF;
		padding: 7px 20px 7px 15px;
		}
	ul#navSub a:hover {
		background-color: #FFFFFF;
		color: #003366;
		}
	ul#navSub a.selected {
		background-color: #5C8EBF;
		color: #FFFFFF;
		}

	/* LEVEL 2 */

	ul#navSub li ul {
		background-color: #5C8EBF;
		padding: 0px 0px 7px 0px;
		}
	ul#navSub li ul li {
		background-color: #5C8EBF;
		font-size: .8em;
		}
	ul#navSub li ul a {
		display: block;
		background-color: #5C8EBF;
		color: #FFFFFF;
		padding: 2px 20px 2px 30px;
		}
	ul#navSub li ul a:hover {
		background-color: #FFFFFF;
		color: #003366;
		}
	ul#navSub li ul a.selected {
		background-color: #5C8EBF;
		color: #003366;
		}

	/* LEVEL 3 */
	
	ul#navSub li ul li ul li {
		background-color: #5C8EBF;
		font-size: 1em;
		}
	ul#navSub li ul li ul a {
		display: block;
		background-color: #5C8EBF;
		color: #FFFFFF;
		padding: 2px 20px 2px 45px;
		}
	ul#navSub li ul li ul a:hover {
		background-color: #FFFFFF;
		color: #003366;
		}
	ul#navSub li ul li ul a.selected {
		background-color: #5C8EBF;
		color: #003366;
		}


/* FOOTER */

	div#footerContainer {
		text-align: left;
		margin: 40px 5px 0px 5px;
		padding: 20px 15px 100px 0px;
		border-top: 2px solid #003366;
		font-size: .95em;
			/*	background: url(../images/elephant-logo.png) right no-repeat; */
		}

	ul#navFooter, ul#navFooter ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	
	ul#navFooter li {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #B3B3B3;
		}
	ul#navFooter li.first {
		border-left: none;
		padding-left: 15px;
		}
	ul#navFooter li.copyright {
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-left: none;
		}
	div.copyright {
		margin: 15px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		}


/* CONTENT STYLES */

	div#content a {
		color: #003366;
		text-decoration: underline;
		}
	div#content a:hover {
		color: #5C8EBF;
		text-decoration: underline;
		}
	div#content a:active {
		color: #5C8EBF;
		text-decoration: underline;
		}

	div#content p {
		line-height: 20px;
		}
	
	div#content ul {
		padding: 0;
		margin: 0px 5px 20px 35px;
		list-style: square;
		}
	div#content ul li {
		padding: 10px 0px 5px 0px;
		}
	div#content ul li.first {
		padding-top: 0px;
		}
z