/**
 * Styles rules by the Family of the Americas' site
 * @author Luis Pirir <lpirir@solucionweb.com, luispirir@gmail.com>
 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
	body {
		margin: 0;
		padding: 0;
		border: 0;
		text-align: center;
		font-size: 62.5%;
		background: url(../pix/bg_faf.jpg) repeat-x;
	}
/** LAYOUT **/
#wrapper {
	width: 1000px;
	margin: auto;
	background-color: #fff;
}
	#header {
		height: 226px;
		border-bottom: 1px solid #e2e2e2;
		position: relative;
	}
		#header #topbar {			
			height: 44px;
			padding-top: 5px;
			text-align: right;
		}
		#header #languages {
			height: 44px;
			position: absolute;
			left: 5px;
			top: 5px;
		}
			#header #languages ul { overflow: hidden; }
				#header #languages ul li { 
					float: left;
					list-style: none;
					margin-right: 5px;
				}
					#header #languages ul li a {
						color: #727272;
						font: 1.1em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
					}
						#header #languages ul li a:hover { text-decoration: none; }
			#topbar form {
				display: inline;		
				position: relative;		
				margin: auto 5px;
			}
				#topbar form input.toggleval {
					background: transparent url(../pix/bg_input.jpg) no-repeat;
					width: 127px;
					height: 17px;
					font: 1.1em/19px Arial, Lucida Sans Unicode, Lucida Sans, sans-serif;
					padding-top: 2px;
					padding-left: 5px;
					padding-right: 5px;
					color: #727272;
					outline: none;
				}
			#topbar a {
				color: #727272;
				font: 1.1em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
			}
				#topbar a:hover {
					text-decoration: none;
				}
				#topbar a#active {
					text-decoration: none;
					font-weight: bold;
				}
		#header h1 {
			width: 255px;
			height: 134px;
			text-indent: -9999px;			
			margin: 1px auto 0;
			background: url(../pix/logo.jpg) no-repeat;
		}
			#header h1.es {
				background: url(../pix/logo.jpg) no-repeat;
			}
			#header h1.en {
				background: url(../pix/logoeng.jpg) no-repeat;
			}
		#header #menu {
			height: 29px;
			border-top: 1px solid #e2e2e2;
			width: 100%;
			margin-top: 20px;
		}
			#menu ul {
				list-style: none;
				overflow: hidden;
				width: 95%;
				margin: auto;
			}
				#menu ul li {
					float: left;
					margin-right: 3px;
				}
					#menu a {
						color: #17a9e6;
						text-decoration: none;
						text-transform: uppercase;
						font: 1.1em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
						border-top: 4px solid transparent;
						display: block;
						padding: 0 5px;
					}
						#menu #about-us {
							border-top-color: #e20934;
						}
						#menu #wishing-to-conceive {
							border-top-color: #ff9504;
						}
						#menu #wishing-to-postpone {
							border-top-color: #fdda00;
						}
						#menu #breastfeeding {
							border-top-color: #8dc73f;
						}
						#menu #discontinuing-artificial {
							border-top-color: #00a99d;
						}
						#menu #premenopause {
							border-top-color: #1685d0;
						}						
						#menu #anatomy {
							border-top-color: #163dd0;
						}
						#menu #download {
							border-top-color: #891fcc;
						}
						#menu #shopping-cart {
							border-top-color: #cd1dcb;
						}
						#menu a:hover, #menu .current {
							border-top-color: #f1f4f6 !important;
						}
		/** MIDDLE **/
		#middle {			
			padding: 1em 0;
			text-align: left;
			font: 1.2em/1.4 Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
			color: #333; 
		}	
			#middle #related {				
				width: 130px;				
				padding: 0 10px;
			}
				#related ul {
					list-style: none;
					width: 100%;
				}
					#related li {						
						border-bottom: 1px solid #747474;
					}
					#related a {
						color: #747474;
						text-decoration: none;
						display: block;
						padding: 5px 0;
					}
						*+html #related a {
							height: 1%;
						}
						* html #related a {
							height: 1%;
						}
						#related a:hover {
							background-color: #A9B9C3;
							color: #002d3f;
						}
			#sidebarright {
				float: left;
				width: 150px;
				margin-left: 5px;
				background-color: #f1f4f6;
				font-size: 0.9em;
				padding: 1em 0;
				margin-top: 0.5em;
			}
				#sidebarright ul.nav {
					list-style: none;
					margin-top: 1em;
					width: 130px;
					padding: 0 10px;
				}
					#sidebarright ul li {
						border-bottom: 1px solid #747474;
					}
						#sidebarright ul li a {
							text-decoration: none;
							color: #747474;
							display: block;
							padding: 5px 0;
						}
							*+html #sidebarright ul li a {
								height: 1%;
							}
							* html #sidebarright ul li a {
								height: 1%;
							}
							#sidebarright ul li a:hover {
								background-color: #a9b9c3;
								color: #002d3f;
							}
			#text {
                padding: 0 5px;
                float: left;
				width: 820px;
			}
				#text .internal-title {
					text-transform: uppercase;
					font-size: 1.2em;
				}
				.discontinuing-artificial, .abortion, .hiv, .mode-of-action-pill-norplan-patch-depo-provera, .spermicides, .sterilization, .diaphgragm {
					width: 700px !important;
				}
			.scm-sidebar {
				text-align: center;			
			}
			#text ul, #text ol {
				margin: 1em 2em;
			}
			#middle h3, #middle h2 {
				margin: 1em 0;
			}
			*+html #middle h3, *+html #middle h2 {
				font-size: 1.5em;
			}
			* html #middle h3, * html #middle h2 {
				font-size: 1.5em;
			}
			#middle form, #text form {
				margin: auto;
				width: 90%;
			}
				#middle .label {
					padding: 0 5px 5px;
				}
				#middle .field {
					padding: 0 5px 5px;
				}
					#middle .field input, #middle .field textarea, .search input, input {
						border: 1px solid #e2e2e2;					
						font: 1.1em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
						padding: 5px;
						color: #747474;
					}
				#middle .submit {
					padding: 5px 0;
				}
					#middle .submit input {
						padding: 5px;
						font: 1.1em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
					}
			#text a {
				color: #4c4f98;
			}
				#text a:active, #text a:visited {
					color: #B18A95;
				}
				#text a:hover {
					background-color: #e2e2e2;
					color: #e20934;  
				}
			#text .table-padding {
				padding: 0 10px;
			}
			
		/** FOOTER **/
		#footer {
			margin-top: 1em;
			padding: 1em 0;
            clear: both;
			font: normal normal 1.0em Lucida Sans Unicode, Lucida Sans, Arial, sans-serif;
			color: #7b7b7b;
		}
			#footer a {
				color: #4c4f98;
			}
				#footer a:active, #footer a:visited {
					color: #b18a95;
				}
				#footer a:hover {
					background-color: #e2e2e2;
					color: #e20934;
				}