/*
 * File:		Layout.css
 * Purpose: 	Controls the positioning of the document
 * 
 * Configuration Management
 * CRN	Who			When			Description
 * -----------------------------------------------------------------------------
 * ---	L.Morton	18-Oct-2005		Initial document
 * ---	L.Morton	03-Nov-2005		Cleanup and consolidation
 *
 */

/*
 * #divContainer
 *   #divContent
 *     #divCopy
 *       #divText
 *     #divNav
 *       Menus
 *       #divCallouts
 *   Footer
 */

/*
 * Remove default spacing on body element
 */
body 
{
	margin: 0px; padding: 0px; background: #999 url('images/Hatching.png');
}

/*
 * Positioned container to enable effective floating
 */
#divContainer 
{
	position: absolute;	top: 0; left: 0; 
	width: 100%; height: 100%; min-width: 780px;
}

/*
 * Container for content. Uses padding because IE improperly 
 * inherits margin-top in the children
 */
#divContent 
{
	margin: 20px 0;
}

/*
 * Container for copy
 */
#divCopy 
{
	float: left; display: inline; width: 42%; padding: 6px 8px 6px 6px; margin-left: 15%;
	background: #ddd;
	border: 1px solid #000;
}
/*
 * This seemingly pointless div exists to prevent IE from allowing
 * elements below to inherit the 2.5% padding from divCopy
 */
#divText, #divNavText 
{
	float: left; width: 100%; padding: 0; margin: 0;
	border: solid 1px #fff;
    background: #fff url('images/HeaderTopBg.png') repeat-x;
}
#divTextPadding, #divNavTextPadding
{
    float: left; padding: 0 15px; width: auto;
    background: none;
}
/* This is overridden for IE */
#divTextPadding, #divNavTextPadding
{
    background: url('images/GreyGradient.png') bottom repeat-x fixed;
}

/*
 * Container for navigation
 */
#divNav 
{
    /*float: right; display: inline; width: 25%; margin-right: 15%; */
    position: absolute; right: 15%; width: 25%; padding: 6px 8px 6px 6px;
    background: #ddd;
    border: 1px solid #000;
}
#divNavText
{
    padding-top: 130px;
}
#h2Menu
{
    margin: 1em 0;
}

/*
 * Container for callouts
 */
#divCallouts {
	float: left; width: 100%;
}

/*
 * Callout layout
 */
#divCallouts h2 {
	margin: 0.3em 0;

}
.divCallout {
	width: auto; margin: 1em 0; padding: 0; 
}

/*
 * Trail layout. Allows the user to see where they are in the site
 */
#divTrail 
{
    display: none;
	float:right; margin: 0 0 1em 1em; padding: 0.5em 1em;
	background: #fbfaf4; border: solid 3px #edefd7;
}
#divTrail p { 
	margin: 0; color:#666; 
}
#divTrail ol, #divTrail ol li { 
	margin: 0; padding: 0; list-style-type: none;
}
#divTrail ol li { 
	font-style: italic;	white-space: nowrap;
}
#divTrail li a { 
	padding-right: 16px; 
	background: url('images/ArrowRight.gif') no-repeat 100% 50%;
}

/*
 * Last updated section.
 */
#divUpdated {
	margin: 0.5em 0; padding:  1.5em 0 0.5em 0;
	border-top: dashed #ddd 1px;
	text-align: center;
}
#divUpdated p {
	margin: 0; color:#666;
}

/*
 * Main menu positioning 
 */
#ulSiteMenu 
{
	padding: 0; margin: 0; list-style-type: none;
}
#ulSiteMenu a {
	width: auto; padding: 5px 8px;
}
#ulSiteMenu a:link { color: #363; }
#ulSiteMenu a:visited { color: #993 }
#ulSiteMenu a:focus, #ulSiteMenu a:hover, #ulSiteMenu a:active {  }
html > body #ulSiteMenu a:focus, html > body #ulSiteMenu a:hover, html > body #ulSiteMenu a:active { background: url('images/MenuHover.png') 0% 2% repeat-x; }
#ulSiteMenu a.home {
	position: absolute; left: -180%; top: 12px; width: 178px; height: 90px;
	margin: 0 0 0 60px; padding: 0;
	background: url('images/HealthWellLogoRev.png') 50% 50% no-repeat;
	text-decoration: none;
}
html > body #ulSiteMenu a.home 
{
    margin-left: 57px; left: -180.2%;
}
#ulSiteMenu a.home:hover {
	background: url('images/HealthWellLogoRevHover.png') no-repeat 50% 50%;
}

/*
 * Main menu selected and unselected menu items
 */
/*body.about #ulSiteMenu #aAbout,
body.staff #ulSiteMenu #aStaff,
body.contact #ulSiteMenu #aContact,
body.articles #ulSiteMenu #aArticles,
body.contactAppointments #ulSiteMenu #aContactAppointments,
body.contactLocation #ulSiteMenu #aContactLocation,
body.programs #ulSiteMenu #aPrograms, 
body.services #ulSiteMenu #aServices
{ 
	 background: url('images/MenuHover.png') 0% 50% repeat-x; border: none;
}
body.about #ulSiteMenu #aAbout:hover,
body.staff #ulSiteMenu #aStaff:hover,
body.contact #ulSiteMenu #aContact:hover,
body.articles #ulSiteMenu #aArticles:hover,
body.contactAppointments #ulSiteMenu #aContactAppointments:hover,
body.contactLocation #ulSiteMenu #aContactLocation:hover,
body.programs #ulSiteMenu #aPrograms:hover, 
body.services #ulSiteMenu #aServices:hover
{
	 background: url('images/MenuHover.png') 0% 100% repeat-x; border: none; 
}*/

/*
 * Sub menu (level 1) positioning
 */
.ulSiteMenu1 {
	margin: 0; padding: 0;
	list-style-type: none;
}
.ulSiteMenu1 li
{
    border-bottom: #eee dashed 1px;
}
.ulSiteMenu1 li a {
	display: block;
	border: none;
	text-decoration: none;
}
.ulSiteMenu1 li a:hover {
	border: none;
}

/*
 * Contact info positioning.
 */
#divContact
{
    position: absolute; top: 108px; left: 0; width: 100%;
    color: #fff;
    background: #036 url('images/HeaderBottomBg.png') repeat-x;
    padding: 0 15px; margin-left: 7px;
}
html > body #divContact
{
    background: none;
    padding: 0; margin: 0;
}
#divContact p
{
    padding: 0.25em 0;
    background: none;
}
html > body #divContact p
{
    background: #036 url('images/HeaderBottomBg.png') repeat-x;
    margin: 0 7px; padding: 0.25em 15px;
}
#divContact p a:link
{
    color: #eef;
}
#divContact p a:visited
{
    color: #ccc;
}
#divContact p a:focus, #divContact p a:hover, #divContact p a:active
{
    color: #cde;
}

/*
 * Disclaimer info
 */
#divDisclaimer
{
    display: none;
    float: left; width: auto;
    font-size: 0.85em;
    color: #ddd;
	border-top: dashed #ddd 1px;
}

/*
 * Slogan positioning
 */
#divSlogan
{
    position: absolute; left: 15%; top: 129px;
    margin-left: 8px; padding: 0 15px;
    width: 100%; 
    background: #036 url('images/HeaderBottomBg.png') repeat-x; 
}
html > body #divSlogan
{
    width: 42%; padding: 0;
}
#divSlogan p
{
    margin: 0 0 0 1px; padding: 0.25em 0; height: 2.5em;
    color: #fff;
    font-family: Georgia, Serif; font-style: italic;
}
html > body #divSlogan p
{
    padding-left: 15px; padding-right: 15px;
}


/*
 * Footer positioning
 */
#ulFooterMenu 
{
	float: left; width: 100%; margin: 0; padding: 1em 0;
	list-style-type: none; text-align: center;
	border-top: dashed 1px #ddd;
}
#ulFooterMenu li {

}
#ulFooterMenu, #ulFooterMenu li {
	display: inline;
}
#ulFooterMenu li a {
	text-decoration: none;
	padding: 5px 8px;
}