/* everything that has CHANGE written next to it has been changed from the standard css file */

body 
{ 
  text-align: center;
  margin: 0;
  background-image: url(../images/greydot.gif);
  background-repeat: repeat;
}

#wrap
{
  width: 750px;
  padding: 0px 5px;
  background-color: #fff;
  border-width: thin;
  _border: 1px; /* IE hack */
  border-color: #f36;
  border-left-style: solid;
  border-right-style: solid;
  color: #000;
  font-size: 1.0em; /* CHANGE */
  line-height: 1.3em; /* CHANGE */
  word-spacing: 0.1em; /* CHANGE */
  font-family: Arial,Helvetica,Tahoma,Verdana,Geneva,sans-serif;
  margin: 0px auto;
}


/* MASTHEAD */


#masthead
{
  padding: 1px;
}

#logo
{
  float: left;
  padding: 1px;
}

h1.masthead
/* formats Womens Health West text */
{
  margin-top: -1px; /* CHANGE */
  margin-left: 81px; /* CHANGE */
  font-size: 1.6em; 
  line-height: 1em; 
  word-spacing: 0.1em;
  color: #f36;
  text-align: left;
}

#features
/* formats sub-menu at very top of page */
{
  vertical-align: top;
  float: right;
  font-size: 0.9em; 
  line-height: 2em; 
}

#strapline
/* formats the green 'motto' text */
{
  color: #038585;
  font-weight: bold;
  font-size: 1.0em; 
  font-family: Verdana,Arial,Helvetica,Tahoma,Geneva,sans-serif;
  text-align: left;
}

.greyline
{
  padding: 5px 0px;
}


/* NAVIGATION */


#navbar
/* navigation bar */
{
  margin: 0;
  float: left;
  width: 200px;  
  line-height: 2em; 
  font-family: Verdana,Arial,Helvetica,Tahoma,Geneva,sans-serif;
  font-size: 0.9em;
}

#navbar ul
/* no bullets on navbar, padding between items */
{
  list-style-type: none;
  padding: 13px 2px 0px 2px;
  margin: 0;
}

#navbar a
/* pink navigation box outline */
{
  background: url(/images/navbutton.gif) no-repeat -2px;
  padding: 2px 5px;
  width: 190px;
  text-align: left;
  text-decoration: none;
  display: block; /* ensures rollovers work for blank space in the button */
}

#navbar a:hover, #navbar a:focus
/* pink navigation box filled in */
{
  color: #000;
  background: url(/images/navbutton_over.gif) no-repeat -2px;
}

/* MAIN BODY FORMATTING */

p, td
{
  text-align: left;
}

h1
{
  font-size: 1.6em; 
  line-height: 1.0em; 
  word-spacing: 0.1em;
  text-align: left;
}

h2
{
  font-size: 1.2em; 
  line-height: 1.0em; 
  word-spacing: 0.1em;
  text-align: left;
}

h2.rightcolumn
/* with pink background */
{
  background-color: #f36;
  padding: 4px;
  margin: -5px;
  color: #fff;
}

h3
{
  font-size: 1.1em; 
  line-height: 1.0em; 
  word-spacing: 0.1em;
  text-align: left;
}

h3.rightcolumn
/* green */
{
  font-size: 1.1em; 
  line-height: 1.4em; 
  word-spacing: 0.1em;
  text-align: left;
  color: #038585;
  text-transform: uppercase;
  text-decoration: none;
}

h4
{
  font-size: 1.0em; 
  line-height: 1.0em; 
  word-spacing: 0.1em;
  text-align: left;
}

#leftgreenbox h4
{
  font-size: 1.0em;
  line-height: 1.1em;
  text-align: left;
  margin: 0;
}

#rightgreenbox h4
{
  font-size: 1.0em;
  line-height: 1.1em;
  text-align: left;
  margin: 0;
}

a:link, a:visited
{
  color: #000;
}

a:hover, a:focus, a:active
{
  color: #f36;
}

#singlecolumn
/* only use this when 1 column is required */
{
  margin: 0px 0px 0px 205px;
  text-align: left;  
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #singlecolumn {
  margin: 0px 0px 0px 205px;
}

#bearright
/* floats body right */
{
  float: right;
  width: 550px;
}

#leftcolumn
/* only use this for left columns when 2 columns are required */
{
  float: left;
  width: 310px;
  margin: 0px 5px;
  _margin-top: 10px; /* IE hack */
}

#rightcolumn
/* only use this for right columns when 2 columns are required, includes pink box */
{
  float: right;
  width: 210px;
  padding: 5px;
  margin-top: 10px;
  line-height: 1.3em;
  background:#fff;
  border-width: thin;
  _border: 1px; /* IE hack */
  border-color: #f36;
  border-style: solid;  
}

#leftgreenbox
/* the left box with a green box around it */
{
  width: 245px;
  height: 170px !important; /* height of the box */ /* CHANGE */
  margin: 10px;
  padding: 3px;
  border: 1px solid #038585;
}

#rightgreenbox
/* the right box with a green box around it */
{
  float: right;  
  width: 245px;
  height: 170px !important; /* height of the box */ /* CHANGE */
  margin-top: -188px; /* change this to change the distance from the top, if height goes up, increase this by the same amount */ /* CHANGE */
  margin-right: 10px;
  padding: 3px;
  border: 1px solid #038585;
}


/* IMAGES */


.leftphoto
/* background for images */
{
  float: left;
  background-color: #6cc;
  border: 1px solid #099;
  width: 193px;
  padding: 1px;
  line-height: 0.8em;
  margin: 3px;
}

.rightphoto
/* background for images */
{
  float: right;
  background-color: #6cc;
  border: 1px solid #099;
  width: 193px;
  padding: 1px;
  line-height: 0.8em;
  margin: 3px;
}

.lrgleftphoto
/* background for images */
{
  float: left;
  background-color: #6cc;
  border: 1px solid #099;
  width: 236px;
  padding: 1px;
  line-height: 0.8em;
  margin: 3px;
}

.lrgrightphoto
/* background for images */
{
  float: right;
  background-color: #6cc;
  border: 1px solid #099;
  width: 236px;
  padding: 1px;
  line-height: 0.8em;
  margin: 3px;
}

.leftfloat
/* float an icon left */
{
  float: left;
  padding: 1px 5px 0px 0px;
  margin: 0;
}

.rightfloat
/* float an icon right */
{
  float: right;
  padding: 1px 0px 0px 5px;
  margin: 0;
}


/* FORMS */


form
{
  background-color: #c9e2e2;
  padding: 4px 10px;
}

.search
/* button on forms */
{
  border: 2px solid outset;
  font-size: 1.1em; 
  line-height: 1.2em; 
}

.textarea
/* text area */
{
  border: #038585 1px solid;
  vertical-align: text-top;
  height: 18px; 
  width: 400px;
  display: block;
}

.message
/* message area in forms */
{
  border: #038585 1px solid;
  width: 400px;
  display: block;
  font-family: Arial,Helvetica,Tahoma,Verdana,Geneva,sans-serif;
}

.radio
{
  vertical-align: text-top;
}


/* FOOTER */


#footer
/* copyright notice */
{
  clear: both;
  font-size: 0.8em; 
  line-height: 1.6em; 
  text-align: center;
}

#bottomline
/* pink line that sits at the bottom of page */
{
  border-width: thin;
  _border: 1px; /* IE hack */
  border-color: #f36;
  border-bottom-style: solid;
  margin: 0px -5px;
}