@import url(reset.css);

body, h1 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.beige {
background: #FBF6F3;
}

body.blue {
background: #E2ECFB;
}

body.grey {
background: #eee;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.6em;
color: #fff;
padding: 10px;
font-weight: bold;
overflow: hidden;
}

body.beige h1 {
background: #3C0D07 url(http://www.plasticsurgery.org/images/brochures/banner-beige.jpg) repeat-x 0 0;
}

body.blue h1 {
background: #1B6BA7 url(http://www.plasticsurgery.org/images/brochures/banner-blue.jpg) repeat-x 0 0;
}

body.grey h1 {
background: #333 url(http://www.plasticsurgery.org/images/brochures/banner-grey.jpg) repeat-x 0 0;
}

h1 a {
font-size: .5em;
color: #fff;
float: right;
padding-right: 20px;
width: 120px;
text-align: right;
margin-top: 10px;
}

div#container {
width: 100%;
height: 100%;
min-height: 45.2em;
*min-height: 45em;
float: left;
}

*html div#container {
height: 45.2em;
}

body.beige div#container {
background: url(http://www.plasticsurgery.org/images/brochures/sidebar-beige.jpg) 100% 100% no-repeat;
}

body.blue div#container {
background: url(http://www.plasticsurgery.org/images/brochures/sidebar-blue.jpg) 100% 100% no-repeat;
}

body.grey div#container {
background: url(http://www.plasticsurgery.org/images/brochures/sidebar-grey.jpg) 100% 100% no-repeat;
}

body.beige img {
border: 1px solid #3C0D07;
}

body.blue img {
border: 1px solid #011E3B;
}

body.grey img {
border: 1px solid #333;
}

div#floatLeft {
padding: 10px 10px 10px 15px;
margin-right: 180px;
}

body.beige div#floatLeft, body.beige div#floatRight, body.beige div#floatLeft a, body.beige div#floatRight a {
color: #3C0D07;
}

body.blue div#floatLeft, body.blue div#floatRight, body.blue div#floatLeft a, body.blue div#floatRight a  {
color: #011E3B;
}

body.grey div#floatLeft, body.grey div#floatRight, body.grey div#floatLeft a, body.grey div#floatRight a  {
color: #333;
}

div#floatLeft p {
font-size: .8em;
padding: 0 0 5px 0;
line-height: 1.6em;
}

div#floatLeft ul {
font-size: .8em;
padding: 0 0 5px 20px;
line-height: 1.6em;
list-style-type: disc;
}

div#floatLeft ul ul {
font-size: .9em;
}

div#floatLeft h3 {
font-size: 1.1em;
padding: 10px 0 7px 0;
}

div#floatLeft h4 {
font-size: 1em;
padding: 5px 0;
line-height: 1.3em;
}

div#floatLeft img.floatRight {
float: right;
margin: 10px 0 10px 10px;
}

div#floatLeft a {
text-decoration: none;
}

div#floatRight {
float: right;
width: 180px;
margin-left: 20px;
}

div#floatRight h2 {
font-weight: bold;
}

div#floatLeft p.errorMsg {
display: none;
}

body.beige div#floatRight h2 a:hover, body.beige div#floatRight ul#subItems li a:hover, body.beige div#floatRight ul li a.selected, body.beige div#floatRight ul#selectBox ul li a:hover {
background: #CFB8B3;
}

body.blue div#floatRight h2 a:hover, body.blue div#floatRight ul#subItems li a:hover, body.blue div#floatRight ul li a.selected, body.blue div#floatRight ul#selectBox ul li a:hover {
background: #9CBED7;
}

body.grey div#floatRight h2 a:hover, body.grey div#floatRight ul#subItems li a:hover, body.grey div#floatRight ul li a.selected, body.grey div#floatRight ul#selectBox ul li a:hover {
background: #bbb;
}

div#floatRight img {
display: block;
margin: 0 auto 5px auto;
}

div#floatRight a {
display: block;
line-height: 1.2em;
}

div#floatRight a.selected {
font-weight: bold;
text-decoration: none;
}

div#floatRight h2 a {
padding: 13px 10px;
text-align: center;
}

div#floatRight ul#subItems {
font-size: .7em;
}

div#floatRight ul#subItems li a {
padding: 5px 10px;
}

*html div#floatRight ul#subItems {
width: 170px;
}

div#floatRight ul#selectBox {
position: relative;
font-size: .75em;
padding: 5px 20px 5px 8px;
margin: 10px auto;
font-weight: bold;
width: 140px;
cursor:pointer;
}

body.beige div#floatRight ul#selectBox {
border: 1px dotted #3C0D07;
background: #EEE0D3 url(http://www.plasticsurgery.org/images/brochures/beige-arrow.gif) no-repeat 99% 50%;
}

body.beige div#floatRight ul#selectBox ul {
border: 1px dotted #3C0D07;
background: #EEE0D3;
}

body.blue div#floatRight ul#selectBox {
border: 1px dotted #3C0D07;
background: #CCDDEF url(http://www.plasticsurgery.org/images/brochures/blue-arrow.gif) no-repeat 99% 50%;
}

body.blue div#floatRight ul#selectBox ul {
border: 1px dotted #011E3B;
background: #CCDDEF;
}

body.grey div#floatRight ul#selectBox {
border: 1px dotted #3C0D07;
background: #ddd url(http://www.plasticsurgery.org/images/brochures/grey-arrow.gif) no-repeat 99% 50%;
}

body.grey div#floatRight ul#selectBox ul {
border: 1px dotted #333;
background: #ddd;
}

div#floatRight ul#selectBox ul {
position: absolute;
width: 100%;
display: none;
font-size: .9em;
top: 21px;
left: -1px;
}

div#floatRight ul#selectBox ul li a {
padding: 5px 8px;
}

div#floatRight ul#selectBox:hover ul {
display: block;
}

*html div#floatRight ul#selectBox.hoverThis ul {
display: block;
width: 168px;
}