/*
    -- -- -- -- -- -- -- -- -- -- -- -- 
    May 3, 2008
    Working copy.
    Remove comments for live.
    -- -- -- -- -- -- -- -- -- -- -- -- 

    Converting header to css.
    Converting footer to css.
    Converting left   menu to css.
    Converting right  menues to css.
    Converting middle column to css.
    Everything converted, modify gradually until complete.

*/
html { border:0 }

body { 
    text-align:center;      /* centers, see #wrap */
    margin:0px; padding:0px; border:0px;
    /* background:#f8f8f8; */
	 /* new */
	background:rgb(239, 236, 216); /* #ffc; */
	border-top:0px solid #000;
}

/* content wrapper */
div#content-wrap { width:757px; text-align:center; } /* was 754 */
div#content-wrap ul { list-style-type:none; }
div#content-wrap, div#content-wrap * { margin:0px; border:0px; padding:0px; font-size:1.0em; font-family:"Verdana",MS Sans Serif,"Georgia","Palatino Linotype","Verdana",san serif; }
div#content-wrap { margin-bottom:10px; margin-top:0px /* set to 15 when change doc-title */}
div#content-main { font-size:0.85em; width:630px; text-align:left; margin:0 auto /* centers for non-ie browsers */; }

a:link,a:visited,a:active { color:#000080; border-bottom:1px solid #000080; text-decoration:none; }
a:hover{ color:#660; border-bottom:1px solid #666666; }

a.ex:link, a.ex:visited { 
  /* img is 14 px wide 9 high */
  background: transparent url("/img/external.gif") no-repeat 100%; 
  padding-right: 19px;
  background-position: right center;
  /* white-space:nowrap; position:relative; *//* ie bug fix */
}
a.ex span { position:absolute; text-indent:-9999px; } /* hide external text */

.accessible, .hide { display:none; }


hr { display:none; }
hr.donthide { display:block; }

/* body wrapper */
#wrap { margin:0px; padding:0px; border:0px; }
#wrap {
    width: 754px;
    margin: 0 auto;         /* centers, see body */
    text-align:left;
    background:white;
    position:relative;
		/* new */
	  	border:1px solid #ccc; 
		border-top:hidden; 
		margin-bottom:10px;
}


/* header */
#header, #header * { margin:0px; padding:0px; border:0px; }
#header { text-align:center; }

/* banner */
#banner, #banner * { margin:0px; padding:0px; border:0px; }
#banner { padding-bottom:1px; }
#banner p { margin:0px; padding:0px; text-indent:0px; }
#banner div#phone { float:right; text-align:left; bottom:0px; right:0px; padding-right:10px; padding-left:10px; margin-top:5px; margin-right:3px; border:1px solid #ddd; color:#999;}

#banner img { border:0; vertical-align:middle; }
#banner span { display:inline; color: #000080; font-family:times; font-size:24pt; font-weight:bold; text-align:left; }
#banner {position:relative;}
#banner #gospan { position:absolute; right:0px; padding-right:5px; }
#banner #gospan a { color:#999; height:1em; text-decoration:none;  padding:2px; font-size:0.8em; }
#banner #gospan a:hover { color:black; border-bottom:1px solid gray; }



/* main menu (header and footer) */
.main_menu ul { list-style:none; display:inline; padding:0px; margin:0px; line-height:1em; }
.main_menu ul li { display:inline; font-weight:normal; }

/* header menu only */
#header_menu, #header_menu * { margin:0px; padding:0px; border:0px; }
#header_menu { padding-top:5px; padding-bottom:5px; margin-top:5px; border:0px solid #ccccff; text-align:center; background:#f4f4f4; }
#header_menu { padding:0px 0px; margin-top:5px; text-align:center; background:#f4f4f4; }
#header_menu { background:#eee; padding:4px 0px; }
#header_menu ul li { padding-left:10px; padding-right:10px; }
#header_menu ul li a { text-decoration:none; letter-spacing:0em; font-size:10pt; font-family:verdana, serif, ms sans-serif}
#header_menu ul li a:hover { color:#666600; border-bottom:1px solid #666666; }



/* title  */
#doc_title, #doc_title * { margin:0px; padding:0px; border:0px; font-size:1em;}
#doc_title { color: #000080; font-family:times; margin-top:17px; margin-bottom:15px; }
#doc_title h1 { font-size:1em; letter-spacing:0.2em; font-weight:normal; text-transform:uppercase; }
#doc_title h2 { font-size:0.8m; letter-spacing:0.15em; font-weight:normal; color:#669;}
#doc_title h1 { font-family:/*palatino times verdana serif */ ms sans-serif; font-size:1.53em; /* 0.85em;*/ color:#333; }
#doc_title h2 { font-family:times; font-size:1.3333em; /*0.75em;*/ color:#633; line-height:2em; }
#doc_title h1, #doc_title h2 { }

/* footer */
#footer, #footer * {
}
#footer { 
    font-size: 0.8em;
    position:relative; /* absolute positioned descendants will make this the containing block */
    margin-bottom:3px;
    font-family:ms sans serif; font-size:0.75em; letter-spacing:0.05em; }
}
    /* IE Hack: Without the border, the absolute below doesn't work */
#footer { 
    border:1px solid white; /* this is the Hack */
    /* padding:-1px;   *//* offset border to compensate for Hack */
    text-align:left;
}
#footer div,address { 
    padding-bottom:10px !important;
    padding-top:10px !important;
    border-bottom:2px solid #CCCCCC;
    text-align:center;
}
#footer #footer_top { text-align:right; margin-right:3px; }
#footer_menu ul li { padding-left:1px; padding-right:1px; font-weight:normal; }
#footer_menu ul li#footer_menu_left  { position:absolute; left:0px; }   /* see IE Hack */
#footer_menu ul li#footer_menu_right { position:absolute; right:2px; }  /* see IE Hack */
#footer address { font-style:normal; }



/* home page */
div.home#content-main { width:700px; font-size:0.8em; margin-left:35px;}
div.home#content-main h2 { margin-top:2em; color:#0033cc;}
div.home#content-main ul { line-height:1.75em; }
span.alateen, p#alateen { color:#cc3366; font-weight:bold; }

/* headers */
span.al-anon-h { color:#0033cc; }
span.alateen-h { color:#cc3366; }

div.home#content-main { position:relative; text-align:center; margin:0 auto; }
div.home#content-main div#sidebar { position:absolute; right:10px; top:25px; text-align:center; background:#f8f8FF; border:1px solid #CCCCCC;  padding:10px; margin-top:15px; }
div.home#content-main div#sidebar h2 { margin-top:0px; margin-bottom:5px;}
div.home#content-main div#sidebar p { margin-top:5px; }
div.home#content-main div#sidebar * .al   { color:"339"; }
div.home#content-main div#sidebar * .teen { color:"933"; }
div.home#content-main div#sidebar * .span { color:"393"; }
div.home#content-main #contents { text-align:left; }

/* content-wrap corrections -- change when entire site has standardized */
div#content-wrap a.ex:visited, div#content-wrap a.ex:link { 
  padding-right: 19px;
}

div#content-wrap a:link,
div#content-wrap a:visited,
div#content-wrap a:active { color:#000080; border-bottom:1px solid #000080; text-decoration:none; }
div#content-wrap a:hover{ color:#660; border-bottom:1px solid #666666; }

div#content-wrap #doc_title { margin-top:17px; }