/* Advanced Gynecology Website */
/*Colors
Brown: #53301A				Pink: #F9C4CE
10%: #E2DAD5				10%: #FEF7F7
20%: #CDBFB5				20%: #FEF1F2
30%: #BAA799				30%: #FDECEE
40%: #A8917F				40%: #FDE5E8
50%: #987D69				50%: #FCE0E3
60%: #886B56				60%: #FCDADF
70%: #795A44				70%: #FBD5DB
80%: #6C4C34				80%: #FBD0D7
90%: #5F3E25				90%: #FACAD2

*/

body {
background-color: #ffffff;
background-image: url(images/body-bg.gif);
background-repeat: repeat;
margin: 0px
}

#container {
width: 750px;
margin-top: 20px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
border-color: #987D69;
border-style: solid;
border-width: thin;
}

#masthead {
width: 750px;
height: 90px;
position: relative;
background-image: url(images/header.gif);
background-repeat: no-repeat;
background-position: 35px 5px;
}

#mainnav {
width: 750px;
height: 20px;
position: relative;
background-color: #987D69;
}


#content {
width: 750px;
position: relative;
}

#subnav {
width: 230px;
float: left;
display: inline;
margin-top: 10px;
margin-left: 10px;
position: relative;
}

#office-info {
border: solid thin #E2DAD5; 
padding-left: 5px;}


#verticalrule {
float: left;
width: 1px;
display: inline;
height: 450px;
margin-top: 10px;
margin-left: 10px;
background-image: url(images/vertical-rule.png);
background-repeat: no-repeat;
position: relative;
}

#maincontent {
float: left;
width: 479px;
display: inline;
margin-top: 10px;
margin-left: 10px;
}

#maincontentheader {
width: 479px;
height: 195px;
border: solid thin #E2DAD5;
}

#footer {
position: relative;
margin-top: 10px;
width: 750px;
margin: auto;
}

.clear {
clear: both;
display: inline-block;
}

/* Holly Hack Targets IE Win only\*/
*html .clear {height: 1%;}
.clear {display: block;}
/* End Holly Hack */

/* mainNav text and links styles */

/* Fix IE. Hide from IE Mac \*/
* html #mainnavlinks ul li {
float: left;
display: inline-block;
}

* html #mainnavlinks ul li a {
height: 20px;
display: inline-block;
}

/* End Fix IE */

#mainnavlinks ul li {
float: left;
margin: 0px;
}

#mainnavlinks ul {
margin: 0px;
padding: 0px;
list-style: none;
width: 750px;
float: left;
}

#mainnavlinks ul a {
display: block;
height: 20px;
line-height: 20px;
border-right: #FFFFFF thin dotted;
text-decoration: none;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .65em;
padding: 0px 10px;
}

#mainnavlinks ul a:visited {
color: #FFFFFF;
}

#mainnavlinks ul a:hover {
font-size: .65em;
font-weight: 400;
color: #795A44;
background-image: url(images/links-hover.png);
background-repeat: repeat-x;
}

#mainnavlinks ul a:active {
font-size: .65em;
font-weight: 400;
color: #795A44;
background-image: url(images/links-hover.png);
background-repeat: repeat-x;
}

/* end mainNav text & links styles */

/* subNav text and links styles */

#subnav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
font-weight: normal;
}

#subnav ul a {
display: block;
width: 230px;
height: 30px;
line-height: 30px;
color: #886B56;
text-decoration: none;
border-bottom: solid #E2DAD5 thin;
text-indent: 5px;
}

#subnav li.first {
border-top: solid #E2DAD5 thin;
}

#subnav ul a:hover {
background-image: url(images/subnavhoverbg.png);
background-repeat: repeat-y;
font-weight: 300;
} 

/* end subNav text & links styles */

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
line-height: 1.65em;
color: #987D69;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
font-style: oblique;
line-height: 2em;
color: #53301A;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
font-weight: normal;
font-style: oblique;
line-height: 1.75em;
color: #53301A;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
font-weight: normal;
font-style: oblique;
line-height: 1.65em;
color: #53301A;
}

#office-info h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
font-weight: normal;
font-style: oblique;
line-height: .75em;
color: #53301A;
}

#office-info h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .55em;
font-weight: normal;
font-style: oblique;
color: #53301A;
}

#maincontent ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
line-height: 1.65em;
color: #987D69;
}

#maincontent ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
line-height: 1.65em;
color: #987D69;
}

#maincontent ul ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
line-height: 1.65em;
color: #987D69;
}

#maincontent a:link {
color: #795A44;
text-decoration: none;
font-style: italic;
border-bottom: dotted #795A44 thin;
}

#maincontent a:visited {
color: #795A44;
text-decoration: none;
font-style: italic;
border-bottom: dotted #795A44 thin;
}

#maincontent a:hover {
font-weight: bold;
}

#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
line-height: 1.5em;
color: #987D69;
text-align: right;
}

#footer a:link {
color: #987D69;
text-decoration: none;
border-bottom-color: #987D69;
border-bottom-style: dotted;
border-bottom-width: thin;
}

#footer a:hover {
border-bottom-style: solid;
border-bottom-width: thin;
font-weight: bold;
}

.space {
margin-top: 15px;
}