/*One Giant Step Styles*/

/* BODY */
body { margin: 0 0; padding: 0 0; background : #000000; }


/* LINKS */
a:link { color: #990000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:hover { color: #660000; text-decoration: underline; }
a:active { color: #660000; text-decoration: none; }


/* MASTHEAD */
#masthead { width: 720px; height: 99px; margin: 0; padding: 0; text-indent: -9999px; background: url(../_images/onegiantstep_header.jpg) no-repeat; }


/* CONTENT CONTAINER STYLE */
#content { width: 720px; display: block; overflow: auto; background: url(../_images/sidebar_background.jpg) no-repeat right top #ffffff;  }


/* MAIN CONTENT STYLES */
#content_main { float: left; width: 468px; margin: 0; padding-top: 172px; padding-left: 0px; padding-right: 0px; background: ffffff; }
#content_main p { margin: 18px; padding : 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; text-align: left; }
#content_main p.headline { margin-bottom: 18px; padding : 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 900; line-height: 135%; color:#990000; text-align:left; }
#content_main p.headline2 { margin-bottom: -18px; padding : 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 900; line-height: 135%; color:#000000; text-align:left; }

#content_main p.quote { background:url(../_images/quote.gif) top left no-repeat; padding-left:38px; }



ul.content { margin: 0 9px 0 9px; padding: 0 9px 0 36px; }
ul.content li { list-style-type:square; margin: 0 -9px 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; text-align: left; text-indent: -5px; }

ol.content { margin: 0 9px 0 9px; padding: 0 9px 0 36px; }
ol.content li { margin: 0 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; text-align: left; text-indent: -5px; }

/* RIGHT COLUMN CONTENT STYLES */
#content_right { float: left; width: 252px; margin: 0; padding: 0; }
#content_right p { margin-left: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 135%; text-align: left; color:#333333; }

/* FOOTER CONTENT STYLES */
#footer { width: 720px; margin-top: 12px; margin-bottom: 40px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 135%; text-align: center; color:#cccccc; }


/* NAVBAR */
#nav { width: 720px; height: 35px; margin-bottom: -5px; padding: 0; background: #333333; line-height: 1; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 900; }


/* ECOURSE */
#ecourse { display: none; height: 350px; margin: 10px 0 0 0; padding: 0; background: url(../_images/ecourse_banner.png) no-repeat top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

#ecourse td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; }



/*--------------------------
= navigation (may 2008)
---------------------------*/
#navbar {
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 720px;
        height: 35px;
        background: transparent url(../_images/ogs_menu.gif) 0 0 no-repeat;
        z-index: 1000;
}

#navbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#navbar li {
        float: left;
        margin: 0;
        padding: 0;
}

#navbar li span a {text-indent: -9000px;}

#navbar a {
        display: block;
        margin: 0;
        padding: 0;
        height: 35px;
        outline: none;
}

#home a {width: 142px; margin-right: 2px;}
#coaching a {width: 142px; margin-right: 2px;}
#clients a {width: 142px; margin-right: 2px;}
#meetsandra a {width: 142px; margin-right: 2px;}
#resources a {width: 144px; margin: 0;}


#home:hover, #home a:hover {background: transparent url(../_images/ogs_menu.gif) 0 -35px no-repeat;}
#coaching:hover, #coaching a:hover {background: transparent url(../_images/ogs_menu.gif) -144px -35px no-repeat;}
#clients:hover, #clients a:hover {background: transparent url(../_images/ogs_menu.gif) -288px -35px no-repeat;}
#meetssandra:hover, #meetsandra a:hover {background: transparent url(../_images/ogs_menu.gif) -432px -35px no-repeat;}
#resources:hover, #resources a:hover {background: transparent url(../_images/ogs_menu.gif) -576px -35px no-repeat;}


/*--------------------------
= subnav
----------------------------*/
#ogs_nav li ul,
#ogs_nav li.hover ul {
        position: absolute;
        display: none;
        top: 35px;
        margin: 0;
        padding: 5px;
        width: 134px;
        color: #eee;
        font: 11px Arial, Helvetica, sans-serif;
        background-color: #e5e5e5;
        z-index: 6000;
        text-align: left;
}

#ogs_nav li ul li,
#ogs_nav li.hover ul li {
        float: none;
        margin: 0;
        padding: 0;
        text-indent: 0;
}


#ogs_nav li ul li a,
#ogs_nav li.hover ul li a {
        display: block;
        margin: 0;
		border-top:solid 1px #999999;
        padding: 12px 0px 0px 0px;
        width: 128px;
        height: 28px;
		vertical-align:middle;
		font-size:14px;
		font-weight:bold;
        color: #333333;
		background-color: #e5e5e5;
        text-decoration: none;
}

#ogs_nav li ul li a:hover,
#ogs_nav li.hover ul li a:hover {
        background: none;
		color: #ffffff;
        background-color: #990000;
}

#ogs_nav li:hover ul,
#ogs_nav li.hover ul {display: block;}