@charset "utf-8";
/* CSS Document */


* {
margin:0;
padding:0;
}

html, div, map, dt, isindex, form {
display:block;
}

html { overflow-x: hidden; }

div {
text-align:left;
vertical-align:top;
}

img { border: none; }

body {
/*background-color: #FFCCFF;*/
background-color: #CCCCCC;
color: #424242;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.5em;
text-align: center;
text-align: center;
}

a { color: #660066; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
/*a:visited { color: #999999; }*/

ul { margin: 15px 2em 15px 2em; }
li { list-style-image: url(images/ball.gif); margin-bottom: 6px; }
ul ul li { list-style-image: url(images/ball-blue.gif); }

p { margin-bottom: .6em; }

hr {
border: 0;
width: 100%;
color: #999999;
background-color: #999999;
height: 1px;
}

#container {
background-color: #FFFFFF;
margin:0 auto;
text-align:left;
/*width:1004px;*/
width: 988px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 4px;
position: relative;
}

#header {
height: 200px;
margin-bottom: 10px;
}
/* using an image to replace text in a container. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#header h1, #header h1 a { 
background: url(images/forum-for-family-planning-logo.jpg) no-repeat top left;
width: 600px; 
height: 190px;
display: block;
text-indent: -5000px;
float: left;
}
#header h2 { display: none; }
/*#header .search_button {
width:33px;
height: 24px;
background: transparent url(images/go-button.jpg) 0 0 no-repeat;
}*/
#header form { padding: 10px; text-align: left; }
#header input { margin: 4px; }
#header input.text { width: 290px; }

#advertisement {
position: absolute;
top: 0;
right: 0;
margin: 10px 10px 0 0;
height: 190px;
z-index: -1;
}

#left_pane {
width: 160px;
float: left;
padding: 4px;
padding-top: 0;
}

#nav ul {
margin: 0;
padding: 0;
width: 100%;
}
#nav ul li {
position: relative;
background: #6f067d url(images/nav-bg.jpg) 0 0 repeat-x;
height: 25px;
text-indent: 10px;
line-height: 200%;
list-style-image: none;
list-style-type: none;
margin: 0;
width: 100%;
}
#nav li a {
font-weight: normal;
text-decoration: none;
color: #ffCCFF;
display: block;
height: 25px;
width: 100%;
/*min-width: 160px;*/
}
#nav li a:hover {
font-weight: bold;
background: #ffccff url(images/blue-bar-bg.jpg) 0 0 repeat-x;
}
/* Fix IE. Hide from IE Mac \*/
#nav ul li { float: left; height: 1%; }
#nav ul li a { height: 1%; }
/* End */
#nav li.sel { background: #ffccff url(images/blue-bar-bg.jpg) 0 0 repeat-x; }
#nav a.sel, #nav a:hover.sel {
font-weight: bold;
text-transform: uppercase;
}
#nav ul li ul {
position: absolute;
left: 160px;
top: 0;
display: none;
border-top: 1px solid #ffccff;
border-left: 1px solid #ffccff;
border-right: 1px solid #ffccff;
padding-right: 4px;
_padding-right: 0;
min-width: 190px;
}
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li ul li {
padding-right: 4px;
_padding-right: 0;
font-weight: bold;
background-color: #663399;
background-image: none;
border-bottom: 1px solid #ffccff;
width: 100%;
min-width: 190px;
}
#nav li ul li a {
padding-right: 4px;
background: #663399;
width: 100%;
_margin-right: -190px;
}
#nav li ul li a:hover {
color: #000;
font-weight: normal;
background: #ffccff url(images/blue-bar-bg.jpg) 0 0 repeat-x;
}




/*#medium_pane {
width: 408px;
float: left;
padding: 0 4px;
}*/



#footer {
text-align: center;
border-top: 1px solid #666699;
margin-top: 20px;
padding-bottom: 20px;
font-size: 11px;
}
#footer p { padding: 10px; }
#footer a { color: #660066; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .copyr { color: #003399; font-size: 12px; font-weight: bold; }
#footer .address { font-size: 10px; color: #666666; line-height: 100%; }
#footer img { border: 4px solid transparent; _border: 4px solid #fff; }
#footer a:hover img { border: 4px solid #999999; }


#content_container {
margin-left: 168px;
border: 0;
padding: 0;
}

#content_full {
width: 816px;
margin: 0;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
}

#content_half {
width: 406px;
/*width: 410px;*/
margin: 0 2px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
}
/*#content_half p { font-family: Georgia, "Times New Roman", Times, serif; }*/
#content li, #content_half li { margin-left: 30px; margin-right: 20px; }
#content div.indiv, #content_half div.indiv { margin: 20px 0 10px 0; }

#content_box_yellow {
padding: 10px;
padding-top: 2px;
background: #FFFFFF url(images/yellow-bar-bg.jpg) left top repeat-x;
border: 1px solid #999999;
margin-bottom: 10px;
}
#content_box_yellow h3 {
font-size: 13px;
margin-bottom: 4px;
font-weight: bold;
color: #333300;
font-family: Arial, Helvetica, sans-serif;
}
#content_box_yellow h2 {
font-size: 18px;
line-height: 200%;
font-weight: bold;
color: #003399;
font-family: Arial, Helvetica, sans-serif;
}
#content_box_yellow h2.i_list, #content_box_yellow h2.i_list a, #content_box_yellow h2.i_list a:hover {
font-size: 13px;
font-weight: bold;
line-height: 140%;
margin: 0;
font-style: italic;
color: #003399;
font-family: Arial, Helvetica, sans-serif;
}
#content_box_yellow h2.h2long { line-height: 150%; }



#content_box_blue {
padding: 10px;
padding-top: 2px;
background: #FFFFFF url(images/violet-bar-bg.gif) left top repeat-x;
border: 1px solid #999999;
margin-bottom: 10px;
}
#content_box_blue h3 {
font-size: 13px;
margin-bottom: 5px;
font-weight: bold;
color: #ffccff;
font-family: Arial, Helvetica, sans-serif;
}
#content_box_blue h2.i_list, #content_box_blue h2.i_list a, #content_box_blue h2.i_list a:hover {
font-size: 13px;
font-weight: bold;
line-height: 140%;
margin: 0;
/*margin-bottom: 12px;
margin-top: 20px;*/
font-style: italic;
color: #003399;
font-family: Arial, Helvetica, sans-serif;
}
#content_box_blue h2, #content_box_blue h2 a, #content_box_blue h2 a:hover {
font-size: 18px;
font-weight: bold;
line-height: 200%;
margin-top: 10px;
color: #003399;
font-family: Arial, Helvetica, sans-serif;
}








.indented { text-indent: 60px; }
.hidden { display: none; }
.larger_font { font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.i_thumb {
float: left;
margin: 0 8px 4px 0;
width: 165px;
}
*+html .i_thumb { display: none; } /* IE 7 HACK */
.violet_font_color { color: #EE82EE; }
.smaller_font { font-size: smaller; }
.quote { text-align: center; padding: 2em; margin: .1em; }
.img_logo { margin-right: 10px; margin-bottom: 150px; float: left; }
.aright { text-align: right; }
.clear { clear: both; }