/* International Male Contraception Coalition 
   http://www.IMCCoalition.org 
   External CSS, site-wide formatting          
   Copyright 2006, KMJT/IMCC                  */

/*** Tag modifications ***/

body{ font-family: Arial, Helvetica, sans-serif;
	  color: #000000;
	  font-size: 12px;
	  background-color: #FFFFFF;
	  margin-left: 0px;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;}

h1{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #3c7099;
	margin: 0px;
	padding: 0px;
	text-align:left}

h2{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #3c7099;
	margin: 0px;
	padding: 0px;
	text-align:left}

h3{ font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#495e8e;
	margin:0px;
	padding:0px;
	text-align:left}

ul{ list-style-type: disc;
	text-align:left}

img{ border: 0}

/*** <DIV> classes ***/

.page_title{
	position:absolute;
	top:145px;
	left:225px;
	font-size:120%;
	color:white;
	font-weight:bold}

.searchbox{
	position:absolute;
	top:5px;
	right:300px;
	width:174px;
	background-color:#3c7099;
	font-size:110%;
	padding:7px;
	color:white;
	font-weight:bold}

.header{ background: #3b4b70 url(../images/header_stripe.gif);
		 height:169px;
		 vertical-align:bottom}

/*** for expandable menus ***/

.trigger{
	cursor:pointer}
			
.trigger:hover{
	cursor:pointer;
	background:#ddf}
			
.expanded{
	background:#ccf;
	cursor:pointer}

.expanded:hover{
	background:#eef;
	cursor:pointer}

.show{
     position:static;
     display: table}
	 
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden}

/*** Content and exceptions ***/

.contitle{ padding: 30px 0px 10px 0px}	

.content{ margin-left:50px;
		  margin-right:50px;
		  text-align:justify}

.content a{ color:#3b4b70;
			text-decoration: none}

.content a:visited{ color:#663366;
					text-decoration:underline}

.content a:hover{ color:#3e6f98;
				  text-decoration: underline}

.content a:active{ color:#3b4b70}

.footer{ text-align:center;
		 vertical-align:bottom;
		 font:Arial, Helvetica, sans-serif;
		 font-size:11px;
		 color:#000000}

.footer a{ color:#000000;
		   text-decoration:none}

.footer a:visited{ color:#000000;
		   		   text-decoration:none}

.footer a:hover{ color:#000000;
				 text-decoration:underline}
				 

/*** Navigation menus & submenus ***/

.navbar{
	background-color:#32334e;
	font-size:100%;
	padding:0px;
	color:white;
	font-weight:bold;
	text-align:left}

.navbar_1{
	margin:0px 0px 5px 15px;
	padding:5px}

.navbar_1_at{
	background-color:white;
	margin:0px 0px 5px 15px;
	padding:5px}

.navbar_2{
	margin:0px 0px 0px 40px;
	padding:5px}

.navbar_2_at{	
	background-color:white;
	margin:0px 0px 0px 40px;
	padding:5px}

.navbar_1 a, .navbar_2 a{
	color:white;
	text-decoration:none}

.navbar_1_at a, .navbar_2_at a{
	color:#394b70;
	text-decoration:none}

div.navbar_1:hover, div.navbar_2:hover{
	background-color:#4b8ba7}

.sub{ visibility:hidden;
	  display:block}		 

/*** Login box ***/

.loginbox{
	position:absolute;
	top:5px;
	right:20px;
	width:250px;
	background-color:#3c7099;
	font-size:110%;
	padding:7px;
	color:white;
	font-weight:bold}

.login_text{
	font-size:90%;
	color:white;
	font-weight:normal;
	padding-top:5px}
	
.login_text a, .login_text a:hover, .login_text a:visited{
	color:white} 

.login{ width:150px;
		text-align:left;
		background-color:#FFFFFF;
		border:4px solid #495e8e}
		
.login span{ display:block;
			 padding:1px;
			 background-color:#495e8e}

.login p{ font-family:Arial, Helvetica, sans-serif;
		  color:#000000;
		  padding:0px 5px 0px 5px;
		  font-size: 11px}

.login a{ color:#32334e;
		  text-decoration:underline}

.login a:visited{ color:#32334e;
				  text-decoration:underline}

.login a:hover{ color:#3b4b70;
				text-decoration:underline}

.login a:active{ color:#32334e}

		  
/*** Logged in as... box ***/

.logged{ width:150px;
		 text-align:left;
		 font-size: 11px;
		 background-color:#FFFFFF;
		 border:3px solid #3e6f98}

.logged span{ display:block;
			  background-color:#3e6f98}

.logged p{ padding:0px 7px 0px 7px}

.logged a{ color:#32334e;
		   text-decoration:none}

.logged a:visited{ color:#32334e;
				   text-decoration:underline}

.logged a:hover{ color:#3b4b70;
				 text-decoration:underline}

.logged a:active{ color:#32334e}