/* ***************** html tags */


* {
margin: 0; 
padding: 0;
}

body {
font: 12px Helvetica, Arial, sans-serif; 
line-height: 1; 
color: #55555; 
background: #FFF;
text-align: center;
height:100%; 
}

a {
text-decoration: none;
outline:none;
}

a:link, a:visited {
color: #D06F19;
}

a:hover, a:active {
color: #A59500;
}

a img {
border: none;
}

p {
margin-top:5px;
line-height: 1.4em;
font-size: 14px;
color: #282d2f;
}

p.link { color: #D06F19; }

.sectionHeader {
font-size: 16px;
font-weight:bold;
color:#2DC7E9;
margin-bottom: 15px;
}

h1 {
font-size: 20px;
font-weight:normal;
color:#2DC7E9;
margin-bottom: 15px;
}

h1.coach {
display:inline;
padding-right:5px;
padding-bottom: 15px;
}

h2.coach {
font-size: 14px;
font-weight:normal;
color:#777;
font-style:italic;
margin:5px 0px 0px 0px;
}

h2 {
font-size: 15px;
font-weight:normal;
color:#282d2f;
font-weight:bold;
}


h3 {
font-size: 14px;
font-weight:normal;
color:#777;
font-style:italic;
margin:5px 0px 0px 0px;
}

.red {
color:#CC0000;
}

.clear { /* clears any floats */
border:0;
margin:0;
height:1px;
clear:both;
}



/* ************************* header */



#header {
margin:40px 0 10px 20px;
height:53px;
}

#header h1 {
font-size:17px;
font-weight:bold;
margin-left:270px;
margin-top:-33px;
}

#infoButton{
width:192px;
height:54px;
margin-left:750px;
margin-top:-55px;

}
#infoButton a {
background-image:url("_images/more_info_btn.gif");
width:192px;
height:54px;	
}
#infoButton a:active {
background-image:url("_images/more_info_btn.gif");
width:192px;
height:54px;	
}
#infoButton a:hover {
background-image:url("_images/more_info_btn_rollover.gif");
width:192px;
height:54px;
}
/* ************************* main page container */



#main_container {
text-align:left;
margin-left: auto;
margin-right: auto;
width:984px;
}


/* ************************* main navigation */



#main_navigation_top {
background-image:url("_images/mn_top.jpg");
background-repeat:no-repeat;
height:25px;
}

#main_navigation {
float:left;
width:210px;
position:relative;
z-index:1; /* needed so content div can slide underneath */
}

#main_navigation ul {
font-size:13px;
font-weight:600;
list-style-type:none;
width:210px;
}
#main_navigation ul li { margin: 0; padding: 0; }
#main_navigation a, #main_navigation a:visited {
display:block;
width:190px;
height:52px;
line-height:4.3em;
color:#fff;
background-repeat:no-repeat;
padding-left:20px;
overflow: hidden;
}



/* ************************* the navigation items */



#mn_1 a, #mn_1 a:visited {
background-image:url("_images/mn_1.jpg");
}

#mn_2 a {
background-image:url("_images/mn_2.jpg");
}

#mn_3 a {
background-image:url("_images/mn_3.jpg");
}

#mn_4 a {
background-image:url("_images/mn_4.jpg");
}

#mn_5 a {
background-image:url("_images/mn_5.jpg");
}

#mn_6 a {
background-image:url("_images/mn_6.jpg");
}

#mn_7 a {
background-image:url("_images/mn_7.jpg");
}

#main_navigation ul li a:active, #home #mn_1 a, #why_join_vistage #mn_2 a, #bay_area_events #mn_6 a, #your_business_coaches #mn_3 a, #business_insider_information #mn_4 a, #success_stories #mn_5 a, #learn_more #mn_7 a {
color:#D06F19;
background-color: #fff;
background-image:none;
}

#main_navigation ul li a:hover {
color:#fff;
background-color: #2fc7e8;
background-image:none;
}



/* I think the following rule can be deleted (I don't have an internet connection to fully test at the moment */



#main_navigation ul #current a { 
color:#D06F19;
border-width:0px 0px 1px 0px;
background-image:none;
}



/* navigation base image */



#main_navigation_base {
background-image:url("_images/shared_content_mn_base.jpg");
background-repeat:no-repeat;
height:79px;
}



/* 

There are 3 levels of content containers (everything to the right of the navigation.)
outer_content_container, content_container, and on some pages, content. 

*/


#outer_content_container {
width: 756px;
float:left;
border-top:1px solid #E4E4E4;
background-image: url("_images/shared_content_shadow_l.jpg");
background-repeat: repeat-y;
position:relative;
margin-left:-8px;
margin-bottom:0px;
}


/* shrinks the width of the narrow content pages */


.narrow #content_container, .narrow #outer_content_container, .narrow #content_base_shadow {
width:600px;
}

#content_container {
width: 756px;
float: left;
margin-left:8px;
background-image: url("_images/shared_content_shadow_r.jpg");
background-repeat: repeat-y;
background-position:right;
}


#content {
margin: 22px 0 20px 35px; /* left used to be 30 */
width:500px;
}

#content_wide {
margin: 22px 0 20px 35px;
width:690px;
padding-bottom: 20px;
}

#content img {
margin:0 0 15px -7px;
}

#content .zeroed_out { /* just removes any margins and padding */
margin:0;
padding:0;
border:0;
}

#content p {
margin-bottom:20px;
margin-top:5px;
line-height: 1.4em;
font-size: 14px;
color: #282d2f;
}

#content ul, #content ol { 
margin-left:20px;
font-size: 14px;
color: #282d2f;
margin-bottom:20px;
padding-left:20px;
line-height: 1.2em;
}


/* A little padding on the bottom of content page images */


#business_insider_information #content img, #about_us #content img, #bay_area_events #content img {
padding-bottom:20px;
}

#content_shadow_top_right {
background-image: url("_images/shared_content_shadow_tr.jpg");
background-repeat: no-repeat;
height:25px;
width:22px;
margin: -1px 0 0 -1px;
position:relative;
z-index:1;
float:right;
}

#content_left_curve {
background-image: url("_images/shared_content_shadow_bl.jpg");
background-repeat: no-repeat;
height:26px;
width:31px;
left:-8px;
position:relative;
z-index:1;
}

#content_base_shadow {
background-image: url("_images/shared_content_shadow_b.jpg");
background-repeat: repeat-x;
background-position:bottom;
border: 0px solid pink;
position:relative;
top:26px;
height:8px;
width:756px;
margin:-1px 0 -26px -8px;
margin:0;
padding:0;
}

#content_shadow_bottom_right {
background-image: url("_images/shared_content_shadow_br.jpg");
background-repeat: no-repeat;
float: right;
height:26px;
width:27px;
margin:-26px 0 0 0;
position:relative;
z-index:1;
}



/* ************************* The footer */


#footer {
position:relative;
text-align:right;
clear:both;
margin: 0px 0 20px 0;
padding-top:10px;
height:20px;
width:944px;

}

.narrow #footer {
width:790px;
}

#footer a:link, #footer a:visited {
color: grey;
}

#footer a:hover, #footer a:active  {
color: #A59500;
}

#footer p {
font-size:11px;
}

/* I think the following rule can be deleted (I don't have an internet connection to fully test at the moment */

.pixel_divider {
clear:both;
margin:15px 11px 0 3px;
margin:0;
/*margin: 15px auto 15px 0; this will align it left for Mozilla*/
border: none 0; 
border-top: 1px solid #E4E4E4;
height: 1px;
padding:0;
width:745px;
margin-left:4px;
}



/* ************************ For the list pages */


.article_summary {
display:block;
height:159px;
margin-top:0px;
padding:20px 0 20px 20px;
width:720px;
border-bottom:1px solid #bbb;
margin-left:5px;
}

.article_summary a { display: block; cursor: pointer }

.article_summary img {
float:left;
border: solid 1px #cccccc;
}

.article_summary p {
width:450px;
float:left;
padding-left:20px;
}

.article_summary p img {
float:none;
padding:0;
border: none;
}

.article_summary h1, .article_summary h2 {
display:inline;
padding-right:5px;
padding-left:20px;
}

.article_summary h2 {
font-size: 12px;
display:inline;
font-weight:normal;
font-style:italic;
padding-right:5px;
padding-left:0px;
}

.article_summary h3 {
font-size: 15px;
font-weight:normal;
color:#282d2f;
display:inline;
padding-right:5px;
}

/* ************************** Specific to Home Page */



#home #main_navigation_base, #contact #main_navigation_base {
background-image:url("_images/mn_base.jpg");
background-repeat:no-repeat;
height:32px;
}

#home #outer_content_container {
width: 756px;
float:left;
border:0;
margin-left:0px;
margin:0 0 15px 0;
}

#home #content_container {
margin-left:0px;
}

#flash {
margin:0px;
}

/* I'm calling the short bar of content below the main slideshow "prefooter" */

#pre_footer {
clear:both;
padding:20px 0 0 20px;
height:139px;
background: url("_images/home_pre_footer_bg.jpg") no-repeat;
}

#pre_footer h1 {
font-size: 18px;
font-weight:normal;
color:#2DC7E9;
margin-bottom: 15px;
}


#pre_footer p {
line-height: 1.3em;
width: 550px;
margin-bottom: 15px;
}

#slideshow_home {
float:right;
}



/* *************************** Specic to the contact page */


form {
margin-top:0px;
text-align:left;
width:290px;
float:left;
}

#content #form_left { float: left; width: 320px; padding:40px 20px 0px 0px; height:100%; }
#content #form_right { float: left; padding: 0px 20px 0px 20px; width: 225px; height:650px; background-color:#dcf2f8; }
#content #form_top1 { float: left; padding:0px; width: 11px; height:12px; background: url("_images/formtop1.gif") no-repeat;}
#content #form_top2 { float: left; padding:0px; width: 243px; height:12px; background-color: #dbf2f7;}
#content #form_top3 { float: left; padding:0px; width: 11px; height:12px; background: url("_images/formtop2.gif") no-repeat;}

#content #form_right h1 {color:#11c0e5; margin-bottom:10px; display:block; padding:0px; }
#content #form_right h3 {color:#282D2F; font-weight:bold; margin-top:10px; padding:0px;}
#content #form_right p {font-size: 12px;}
#content #form_right img {padding: 0px; margin-left:0px;}

input {
border:1px solid #ccc;
background: #fff !important;
width: 140px;
}

label {
width: 120px;
padding-right: 20px;
float:left;
}

select {
border:1px solid #ccc;
background: #fff !important;
width:144px;
}

.button {
border:0;
width: 114px;
}

#learn_more #content h1 {
display:inline;
}

#learn_more p {
padding-top:5px;
}


#learn_more h2 {
margin-left:.5em;
font-weight:normal;
}

#learn_more form p {
margin-bottom:10px;
padding-top:0px;
}

#learn_more #content {
width:640px;
height:660px;
}

#learn_more #programs {
width:640px;
height:230px;
margin-left: 30px;
}

#learn_more #content img {
margin-top:20px;
margin-left:0px;
}

.theader {
color: #fff;
border-bottom:thin #AFDBE5 solid;
margin-bottom:10px;
background-color:#2dc7e9;
font-size:14px;
}


/* ************** Previous, Next and Back to Listing */



#previous_next {
margin-bottom:10px;
}

#previous_next img, #back_to_index img {
margin:0;
}

.previous {
margin-left:7px;
}

.next {
margin-left:385px;
}

#back_to_index {
text-align:right;
margin:10px 20px 0 0;
}



/* ************** Specific To The Landing Page */

#landing p {
margin:0px;
line-height: 1.4em;
font-size: 12px;
color: #282d2f;
}

#landing #left_bar  {
background-image:url("_images/lp_leftBG.jpg");
background-repeat:no-repeat;
height:430px;
float:left;
width:222px;

}

#landing #left_content {
margin:20px;
width:160px;
padding:10px;
}

#landing #right_bar  {
background-image:url("_images/lp_rightBG.jpg");
background-repeat:no-repeat;
height:430px;
width:276px;
float:left;
margin:0px;
}

#landing #content_container {
width: 471px;
height:430px;
float:left;
background-image: url("_images/lp_midBG.jpg");
background-repeat:no-repeat;
margin:0px;
}


#landing #left_content ul {
font-size:12px;
line-height:20px;
color:#FFFFFF;
margin:0px 0px 20px 0px;
}

#landing #left_content h1 {
font-size:16px;
margin:20px 0px 0px 0px;
color:#FFFFFF;
}


#landing #content h4 {
font-size:12px;
color:#282d2f;
line-height:2.3em;
}

#landing #content {
margin: 20px 0px 0px 35px; /* left used to be 30 */
width:400px;
}

#lp_testimonial {
margin:40px 0px 0px 50px;
width:200px;

}

#landing #right_bar img {
margin:0px 0px 20px 0px;
}



/*