/*............... foundations ................*/

* { margin: 0; padding: 0; }

body {
 background: #58a url(/images/6.gif) top center no-repeat;
 color: #000;
 font: 13px/1.6 Verdana,Helvetica,Arial,sans-serif;
 text-align: center; /* centering hack part 1 of 2 */
 padding: 25px 0;
}
#accessibility {
 position: absolute;
 top: -10000px;
}
#wrap {
 width: 750px;
 margin: 0 auto;
 text-align: left; /* centering hack part 2 of 2 */
 background: #fff;
}


/*.................. type ...................*/

p, ul, ol, blockquote { 
 font-size: 1em;
 margin-bottom: 0.6em; 
}
li {
 margin: 0 0 0.3em 3em;
 padding: 0;
 list-style: url(/images/12.gif) circle outside;
}
ol li { list-style: decimal outside; }
blockquote {
 padding: 0 6em 0 3em;
 font-size: 90%;
}

del { text-decoration: strike-through; }
ins { background: #fdd; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { 
 font: bold 1.75em/1.2 Helvetica,Arial,sans-serif;
 color: #58a;
 margin: 1.2em 0 0.3em 0; 
}
h1 { margin-top: 0; }
h2 { margin-top: 0.5em; }
h3 { font-size: 1.4em; }
h4, h5, h6 { font-family: Verdana, Helvetica, Arial, sans-serif; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; color: #000; }

a { color: #f51; text-decoration: none; font-weight: bold; }
a:visited { color: #58a; }
a:hover, a:active { text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: #58a; }

hr { display: none; }

.byline {
 font-size: 80%;
 color: #999;
 margin: 0 0 0.2em 0;
}
.first { margin-top: 0; }
.blank { clear: both; }


/*.................. head ...................*/
#head {
 float: left;
 width: 100%;
 background: #6ef url(/images/11.gif) center -25px no-repeat;
 margin-bottom: 25px;
}
#head a { 
 color: #000; 
 font-weight: normal;
}
#head h1 { 
 margin: 0; 
 float: left;
 padding-bottom: 15px;
}
#head h1 img {
 float: left;
 display: inline;
 margin: 20px 0 0 30px;
 border: 0;
}

/*.................. appointment bubble ...................*/
#head #appt {
 background: transparent url(/images/10.gif) left bottom no-repeat;
 float: right;
 display: inline;
 text-align: right;
 padding: 10px 20px 20px 40px;
 display: block;
}
#appt li { 
 list-style: url(/images/13.gif) circle; 
 margin-bottom: 0;
 font-size: 88.5%;
}
#appt li#appt_call {
 font: normal 1.5em/1.2 Helvetica,Arial,sans-serif;
 list-style: none none outside;
 margin-left: 0;
 margin-bottom: 0.3em;
}
#appt_hours {
 margin-left: 50px;
}


/*.................. main menu ...................*/
#m_menu { 
 clear: both;
 width: 100%;
 font-size: 88.5%;
}
#m_menu ul {
 float: right;
 width: 100%;
 margin: 0;
 background: #ce4;
}
#m_menu li {
 display: block;
 float: left;
 width: 114px;
 margin: 0;
}
#m_menu li a {
 display: block;
 text-align: center;
 color: #000;
 background: #ce4;
 text-decoration: none;
 padding: 5px;
}
#m_menu li a:hover,
#m_menu li a:active {
 background: #2de;
 color: #000;
}

#m_menu #mm_res { float: right; }

#m_menu #mm_bc, 
#m_menu #mm_ec, 
#m_menu #mm_sti, 
#m_menu #mm_preg {
 width: 102px;
}


/*.................. U R here ...................*/
#b_birthcontrol #mm_bc a,
#b_ec #mm_ec a,
#b_infections #mm_sti a,
#b_pregnancy #mm_preg a,
#b_exams #mm_exam a,
#b_education #mm_edu a,
#b_resources #mm_res a,
#b_body #mm_res a,
#b_parents #mm_res a,
#b_sex-safety #mm_res a,
#b_sexual-identity #mm_res a
 {
 font-weight: bold;
}



/*.................. sub menu ...................*/
#subnav {
 float: left;
 clear: both;
 width: 190px;
 padding-bottom: 50px;
 margin-bottom: 25px;
 font-size: 88.5%;
 background: url(/images/14.gif) bottom center no-repeat;
}
#subnav ul { margin: 0 20px; }
#subnav li {
 list-style: none none outside;
 margin: 0;
 background: #2de;
}
#subnav li a {
 display: block;
 color: #000;
 text-decoration: none;
 padding: 3px 10px;
 margin: 0;
 font-weight: normal;
}
#subnav .stripe a,
#subnav .stripe {
 background: #6ef;
}
#subnav li a:active,
#subnav li a:hover { 
 background: #ccf9ff; 
 color: #000;
}

#subnav .heading a {
 padding: 3px;
 font-style: italic;
}
#subnav #sn_74 a {
 padding: 3px 10px;
 font-style: normal;
}


/*.................. search form ...................*/
form#search {
 margin: 0 20px 0 20px;
 background: #6ef;
 padding: 5px 10px;
 color: #000;
 font-size: 90%;
}
#search input { margin: 0 0 0.2em 0; }



/*.................. content ...................*/
#content {
 clear: right;
 margin-left: 190px;
 padding: 0 20px 1em 0;
}
#content h2 { margin-top: 0; }
#content img {
 display: block;
 float: right;
 border: 1px solid #6ef;
 margin: 0 0 10px 10px;
}
#content img.logo {
 float: none;
 border: 0;
 margin: 1.5em 0 1em 0;
}

#photocap {
 width: 322px;
 float: right;
 margin: 0 0 10px 10px;
 padding-bottom: 10px;
 background: #ccf9ff;
}
#photocap img { 
 margin: 10px auto 0.2em auto; 
 float: none;
 border: 1px solid #6ef;
}
#photocap p {
 font-size: 88.5%;
 margin: 0 10px 0.6em 10px;
}



/*.................. main page ...................*/
#b_default #content {
 margin: 0 362px 0 20px;
 clear: left;
}
#content .slug img {
 display: block;
 float: left;
 border: 1px solid #6ef;
 margin: 0 10px 10px 0;
}

#introbox {
 width: 322px;
 float: right;
 margin: 0 20px 10px 20px;
 padding: 0 0 75px 0;
 background: #6ef url(/images/110.gif) bottom center no-repeat;
}
#introbox p { 
 padding: 10px 10px 0.6em 10px; 
 margin: 0;
}
#introbox form#search { 
 margin: 0; 
 background: #2de;
}
#introbox h3 {
 margin-top: 0.3em; 
 margin-left: 10px;
 color: #000;
 font-size: 1.1em; 
}
#introbox h3 a { color: #000; }

#introbox ul { margin: 0; }
#introbox li {
 list-style: none none outside;
 margin: 0;
 background: #2de;
}
#introbox li a {
 display: block;
 color: #000;
 text-decoration: none;
 padding: 3px 10px;
 margin: 0;
 font-weight: normal;
}
#introbox .stripe a,
#introbox .stripe {
 background: #6ef;
}
#introbox li a:active,
#introbox li a:hover { 
 background: #ccf9ff; 
 color: #000;
}


/*.................. condom instructions ...................*/
#condom-instructions h4 {
 clear: right;
}

/*.................. anatomy diagrams ...................*/
#anatomy img,
#anatomy table,
#anatomy td {
 border: 0;
 margin: 0;
}

/*.................. blog ...................*/
.blogged { margin-bottom: 2em; }
.blogged h2 { margin-bottom: 0; }


/*.................. foot ...................*/
#foot {
 clear: both;
 padding: 10px 15px;;
 text-align: center;
 font-size: 88.5%;
 border-top: 1px solid #000;
}


#credit { 
 width: 750px;
 margin: 0 auto;
 background: transparent; 
 color: #c1d4e0;
 font-size: 85%;
 text-align: right;
}
#credit a, 
#credit:visited { 
color:#c1d4e0; 
}