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

* { margin: 0; padding: 0; }

body {
 background: #fff;
 color: #000;
 font: 10pt/1.6 Georgia,Palatino,"Times New Roman",serif;
}
#accessibility {
 display: none;
}

/*.................. 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 { font-size: 1.1em; }
h5, h6 { font-size: 1em; color: #000; }

a { color: #f51; }

h1 a, h2 a, h3 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; }



/*............... print link URLs ..............*/
#content a:link:after, 
#content a:visited:after {
 content: " (" attr(href) ") ";
 font-size: 85%;
}
#content a[href^="/"]:after {
 content: " (http://islandsexualhealth.org" attr(href) ") ";
}
#content a[href^="#"]:after {
 content: "";
}
#content a[href^="#"] {
 color: #000;
 text-decoration: none;
}


/*.................. head ...................*/
#head { 
 float: left;
 width: 100%;
}
#head h1, #head img { 
 border: 0; 
 float: left;
}
#head a { 
 color: #000; 
 text-decoration: none;
}

#head #appt {
 float: right;
 display: inline;
 text-align: right;
}
#appt li { 
 list-style: url(/images/13.gif) circle; 
 margin-bottom: 0;
 font-size: 85%;
}
#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;
}

/*.................. main menu ...................*/
#m_menu { 
 clear: both;
 width: 100%;
 float: left;
 font-size: 85%;
 border-top: 1px solid #58a;
 border-bottom: 1px solid #58a;
 margin-bottom: 1.5em;
}
#m_menu ul {
 float: right;
 width: 100%;
 margin: 0;
}
#m_menu li {
 display: block;
 float: left;
 width: 14.2%;
 margin: 0;
}
#m_menu li a {
 display: block;
 text-align: center;
}
#m_menu #mm_res { width: 14.4%; float: right; }


/*.................. sub menu ...................*/
#subnav { display: none; }


/*.................. content ...................*/
#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 1em 1em;
 padding-bottom: 1em;
}
#photocap img { 
 margin: 0.5em auto 0.2em auto; 
 float: none;
 border: 1px solid #000;
}
#photocap p {
 font-size: 85%;
 margin: 0 10px 0.6em 10px;
}

#blognav { display: none; }




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


/*.................. foot ...................*/
#foot {
 clear: both;
 margin-top: 1.5em;
 text-align: center;
 font-size: 85%;
 border-top: 1px solid #58a;
}