/*---------------------------------------------------------------------------------------
[Master Stylesheet]

Project:		WomenShare Learn. Connect. Thrive
Website:		www.womenshare.com, www.amswomenshare.com
Company:		American Medical Systems
Assigned to:	Mike Bateman (mb) mike.bateman@ammd.com
Copyright:  	2009 American Medical Systems, Inc. All rights reserved.
Version:		2.0
Last Change:	2009 May 9 [initial build v1, mb]

[Color codes]

Background:		#ffffff (white)
Content:		#333333 (dark gray)
Header h1:		#e51d9b (pms rhodamine red)
Header h2:		#e51d9b (pms rhodamine red)
Header h3:		#e51d9b (pms rhodamine red)

a (standard):	#333333 (medium gray)
a (visited):	#333333 (dark gray)
a (active):		none
a (hover):		#333333 (dark gray)	

Rhodamine Red:	#e51d9b (pink)
PMS 238:		#e85dbd (pink)	
PMS 230:		#f9a5d5 (blue)	
PMS 705:		#f3dbdf (pink)	
PMS 151:		#ff7900 (orange)
Black 6:		#373534 (black)	
PMS 265:		#8d6cd1 (purple)		
PMS 7455:		#00539f (blue)		


--------------------------------------------------------------------------------------- */

@import url("../css/resets.css");
/*@import url("../css/diagnostic.css");*/
/*@import url("/css/diagnostic-ie7.css");*/


html {
font-size:100.01%;
}

body {
background: #fff url("../images/background.png") repeat-x;
color: #333;
font: 13px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif; 
margin:0;
padding:0;
}

/* ----------------------------------------
	=links 
--------------------------------------- */
a, a:link, a:active {
background: url("../images/link.gif") repeat-x 0 100%;
color: #333;
font-weight: bold;
padding: 2px 2px 3px;
text-decoration: none;
}
	
a:focus {
outline: 1px dotted invert;
}

a:visited { /* same */ }

a:hover {
background: url("../images/hover.gif") repeat-x 0 100%;
}

/* ----------------------------------------
	=container to center the layout 
--------------------------------------- */
#container {
width: 960px;
margin: 0 auto;
/* */
/* background: url("../images/grid.gif"); utilized for diagnostic testing */
}

/* --------------section------------- */
#section {
margin: 0;
padding: 30px 0;
}
/* --------------content------------- */
#content {
margin: 0 300px;
padding: 0 30px;
}

#content h3 {
color: #00539f;
}

/* --------------left column------------- */
#left {
float: left;
width: 300px;
margin: 0;
padding: 0;
}

#left h3 {
color: #8d6cd1;
}

/* --------------right column------------- */
#right {
float: right;
width: 300px;
margin: 0;
padding: 0;
}

#right h3 {
color: #e51d9b;
}

/* ----------------------------------------
	=header 
--------------------------------------- */
#header {
height: 250px; /*height of header section */
overflow: hidden;
}

#footer {
height: 100px; /*height of footer section */
}

#header, #footer {
margin: 0;
padding: 0;
}

#footer a, #footer a:link, #footer a:active {
color: #333;
}

/* ----------------------------------------
	=footer 
--------------------------------------- */
#footer {
clear: both;
margin: 60px 0;
padding: 20px 0;
background: url("../images/hr-footer.gif") top left repeat-x;
width: 100%;
}

#footer p {
font: 10px/1.7em "Lucida Grande", Verdana, Arial, Helvetica, serif; 
padding: 0;
}

/* ----------------------------------------
	=headings 
--------------------------------------- */

h1 {
font-size: 2em; 
margin: 10px 0;
line-height: 1.2em;
}

h2 { 
font-size:1.75em; 
} 

h3 { 
margin: 10px 0 0;
font: bold 1.50em;
text-transform: uppercase;
} 

/* -------------- h1 ------------- */
h1.ho, h1.sui, h1.svp {
height: 50px;
margin: 0;
text-indent: -9999px;
}

h1.ho  {
background: url("../images/ho-h1.png") no-repeat;
}
h1.sui  {
background: url("../images/sui-h1.png") no-repeat;
}
h1.svp  {
background: url("../images/svp-h1.png") no-repeat;
}

/* ----------------------------------------
	=divs 
--------------------------------------- */
div.wsh {
display: block;
width: 370px;
height: 50px;
margin: 50px 0 20px;
padding: 0;
border: none;
border-width: 0;
}

div.ams_logo_lower {
float: right;
margin: 0;
padding: 0;
}

div.ams_logo_lower a {
background: none;
}

div.thumbnail img {
border: 10px solid #d5d5d5;
margin: 0 0 30px;
padding: 0;
}

div.thumbnail:hover {
background-color: transparent;
}

div.thumbnail:hover img{
border: 10px solid #f9a5d5;
}

div.thumbnail a {
background: none;
padding: 0;
}

div.tagline {
background: yellow;
height: 132px;
margin: 0;
padding: 30px 0 20px;
/* */
background: url("../images/hr-header.gif") top left repeat-x;
width: 100%;
}

div.tagline h1, div.tagline h2 {
text-indent: -9999px;
}

div.tagline h1  {
background: url("../images/today-h1.png") no-repeat;
height: 45px;
margin: 0;
padding: 0;
}

div.tagline h2  {
background: url("../images/today-h2.png") no-repeat;
height: 30px;
margin: 0;
padding: 0;
}

/* ----------------------------------------
	=miscellaneous 
--------------------------------------- */
p { 
line-height: 1.7em;
padding: 1em 0;
margin: 0;
}

sup {
vertical-align: super;
font-size: 0.85em;
}

/* ----------------------------------------
	=IE hacks 
--------------------------------------- */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
background: none;
border: 0; 
clear: both; 
display: block;
float: none; font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix, * html #wrap, * html #left, * html #content {
height: 1%;
margin-left: 0;
}
.clearfix {
display: block;
}

* html #content {
padding: 0 27px;
p\adding: 0 27px;
}

* html div.thumbnail:hover img{
border: 10px solid #f9a5d5;
}