/* 	CSS for INDICARE
	Start working on it 2006-10-20
	by Carsten Orwat
	partly based on the Open Source design template
	andreas03.css by Andreas Viklund
	http://andreasviklund.com
	Released through OSWD.org

*/


/* General ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body{
margin:0;
padding:0;
font:normal 0.8em Verdana, Helvetica, "Lucida Grande", arial, sans-serif;
color:#222;
background-image:url(http://www.indicare.org/img/background.jpg);
background-repeat:repeat-x;
}

#thetop{
margin:0;
}

#container{
width:650px;
margin:0 auto;
padding:7px 0 0 0;
}

a{
text-decoration:none;
background-color:inherit;
color:#26c;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0px 0px 8px 0px;
line-height:1.5em;
}

.right{
text-align:right;
margin-bottom:5px;
}


#main p,#sidebar p{
padding:0 0 0 10px;
}

#main dl,dd,li{
line-height:1.5em;
margin: 0 0 0 8px;
}


#secondarymenu{
margin:4px 0 0 auto;
text-align:right;
color:#fff;
background-color:inherit;
line-height:1em;
}

#secondarymenu a{
text-decoration:none;
color:#fff;
background-color:inherit;

}

#secondarymenu a:hover{
text-decoration:underline;
color:#fff;
background-color:inherit;

}

#logo{
margin:0;
padding:0 0 38px 0;
}

#logo a img{
border: 1px solid #fff;
}

#logo a{
text-decoration:none;
}


#main{
background:inherit;
color:#222;
padding:0px;
}

h1,h2,h3,h4{
margin:0 0 10px 0;
padding:0;
font-family:Georgia, Times, "Times New Roman", serif;
font-weight:normal;
}

h1{
font-size:1.7em;
}

h2{
margin:30px 0 13px 9px;
font-size:1.5em;
color:#005761;
border-bottom: 1px solid #bbb;
padding-bottom: 6px;
}

h3{
margin:20px 0 8px 0;
font-size:1.2em;
}

h4{
margin:10px 0 5px 0;
font-size:1em;
}

.headerstyle{
display:block;
margin:30px 0 10px 0;
padding:5px 8px 5px 10px;
background:#eee;
color:#005761;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

blockquote{
background: #f6f6f6;
color:#222;
border:1px dotted #ccc;
padding-left:15px;
padding-right:15px;
padding-top:8px;
padding-bottom:9px;
margin-left:10px;
margin-right:0px;
margin-bottom:5px;
line-height:1.5em;
}

blockquote.highlighted{
background-image:url(http://www.indicare.org/img/background_highlighted.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#fff; /* old: #FFDDCC; */
color:#222;
border:1px solid #FFC1A4; /* old: #FF8951; */
padding-left:10px;
padding-right:10px;
padding-top:8px;
padding-bottom:9px;
margin-top:30px;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
}

/* Article-specific ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.articletitle{
display:block;
margin:30px 0 10px 0;
padding:5px 8px 5px 8px;
background:#eee;
color:#005761;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
line-height:1.8em;
}

.titlea{
font-family:Georgia, Times, "Times New Roman", serif;
font-size:1.7em;
line-height:1.2em;
}

.titleb{
font-size:1em;
}

.articleheading{
line-height:1.5em;
}

.articleheadingtext{
margin: 2px 0 20px 12px;
background:#fff;
}

.articletrailer{
visibility:hidden;
}

.articlebody{
padding:0 8px 0 8px;
line-height:1.5em;
}

.indented{
background:#eee;
border:1px solid #ccc;
margin-left:15px;
}

.articleicon{
float:left;
margin-right:10px;
margin-bottom:10px;
}

/* Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menubar{
line-height:1.3em;
}


.menulink{
margin:3px 0 2px 0;
padding:5px 8px 5px 8px;
font-weight:normal;
text-align:left;
background:#eee;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.menulink:hover,.menuheader{
background:#fff;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

/* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer{
margin:20px auto;
background:#fff;
padding:5px 0 5px 0;
color:#888;
font-size:0.9em;
text-align:left;
border-top: 1px solid #888;
}

.hide{
display:none;
}