/* --------------------------------------------------------------------------
American Academy of Dermatology
----------------------------------------------------------------------------- */

/*
-----------------------------------------------------------------------------
LAYOUT
-----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; font-size: 1em;  color: #444; outline: 0; vertical-align: baseline; }
html, body { margin: 0; padding: 0; line-height: 2em; }
body { background: #e6e4cb url(../_img/background.gif) repeat-x; font: normal 12px/1.7em arial; }

#wrapper { width: 912px; margin: 0 auto 0 auto; padding: 32px 32px 32px 32px; background: #fff;border:1px solid #dedbd1; }
.col.whole {margin-top: 21px; padding: 12px 21px 12px 0px;}
.col.left { float: left; width: 575px; margin-top: 21px; padding: 12px 21px 12px 0px;  border-right: 1px solid #eaeaea; }
.col.right { float: right; width: 278px; min-height:400px; margin-top: 35px; padding: 30px 12px 12px 21px;}
.section { margin-bottom: 3.7em; }

#site_message { width: 370px; position: absolute; top: 12px; left: 50%; margin-left: -185px; padding: 21px; background: #54a32e; text-align: center; }
#site_message h3 { margin-bottom: .5em; font: bold 1.8em/1em Tahoma, Verdana, sans-serif; letter-spacing: -1px; text-transform: uppercase; color: #fff; }
#site_message p { margin: 0; font-size: 1.2em; line-height: 1.2em; color: #ddd; }

/*
-----------------------------------------------------------------------------
GUIDE - The Upper Block of Links
-----------------------------------------------------------------------------*/

#guide { width: 965px; margin: 0 auto 5px auto; font-size: .9em; color: #333; padding: 42px 0 0 0; text-align:right;}
#guide a { margin-left: 20px; border: none !important; color:#999 !important; }
#guide a:hover{ color:#000; border-bottom: 1px dashed #000 !important;}

/*
-----------------------------------------------------------------------------
HEADER - Header Styles & Main Navigation
-----------------------------------------------------------------------------*/

#header { position: relative; height: 2px; background: #e8eff2; margin-bottom:8px;border-top: 1px solid #0f5573; }
#header h1 a { position: absolute; display: block; top: 12px; left: 18px; width: 203px; height: 48px; text-indent: -5000px; border-bottom: none !important; }

#nav { margin: 10px 0 0 0;padding:0;background: url(../images/Nav_BACK.gif) no-repeat;  width:912px;float:left;}
#nav li {display:inline;padding:0;margin:0; background-image:none;}
#nav a{color:#fff !important;padding:20px 20px 0 20px;  height: 28px !important; background: url(../images/Nav_BACK.gif) 0 0 no-repeat; float:left;border-bottom:none;width:auto;text-decoration:none;font:bold 1em/1em Arial, Helvetica, sans-serif;text-transform:uppercase;}
	#nav li#home a {background-position: 0 0; }
	#nav li#attendee a {background-position: 110px 0; }
	#nav li#exhibitor a{background-position:190px 0;}
	#nav li#media a{background-position: 280px  0;}
	#nav li#abstracts a {background-position: 380px 0; }
	#nav li#faculty a {background-position: 380px 0; }
#nav a:hover {color:#fff;}
	#nav li#home a:hover {background-position: 0 -48px; }
	#nav li#attendee a:hover {background-position: -110px -48px; }
	#nav li#exhibitor a:hover {background-position: -190px -48px;}
		#nav li#media a:hover {background-position: -280px -48px}
	#nav li#abstracts a:hover {background-position: -380px -48px;}
	#nav li#faculty a:hover{background-position: -380px -48px; }
#nav a:active, #nav a.current {color:#fff;}
	#nav li#home a:active, #nav li#home a.current {background-position: 0 -96px; }
	#nav li#attendee a:active, #nav li#attendee a.current {background-position: -110px -96px;}
	#nav li#exhibitor a:active, #nav li#exhibitor a.current  {background-position: -190px -96px;}
	#nav li#meida a:active, #nav li#media a.current{background-position: -280px -96px;}
	#nav li#abstracts a:active, #nav li#abstracts a.current{background-position: -380px -96px;}
	#nav li#faculty a:active, #nav li#faculty a.current {background-position: -380px -96px; }

/*
-----------------------------------------------------------------------------
PROMO - The Main Graphic Across the Page
-----------------------------------------------------------------------------*/
#promo { margin-top: 1px;  }
.promo { height: 90px;padding: 32px 0 28px 15px; display:block; background: #fff url(../images/Header4.gif) bottom left repeat-x; border-bottom:none;}

/*
-----------------------------------------------------------------------------
MENUES - Side and Block Navigation on Index Pages
-----------------------------------------------------------------------------*/

.sidenav ul.menu a {
	display: block;
	width: 236px;
	text-decoration: none;
	color: #333 !important;
}
.sidenav ul.menu li { border-bottom: 1px solid #bed2dc; background-image:none; margin: 0; padding: 0; }
.sidenav ul.menu li a { color: #fff; padding: 1em 1em; background: #e8eff2; border: none; font-weight:bold; }
.sidenav ul.menu li.more a {background: #e8eff2 url(../_img/Menu_Arrow.gif) center right no-repeat; }
.sidenav ul.menu li.more ul li a {background-color: #fff; background-image: none;}
.sidenav ul.menu li a:hover,.sidenav ul.menu li ul li a:hover { color: #fff !important; background: #486582; }
.sidenav ul.menu li ul li a { padding-left: 20px; width: 246px; background: #e8eff !important; font-weight:normal; }
.sidenav ul.menu a em { font-color: #999; font-size: .9em; font-style: normal; font-weight: bold !important;}

.blocknav {width: 567px; }
.blocknav ul.menu li { background: #e9f0f3 url(../_img/blocknav_regular.gif) no-repeat bottom left; float:left; height: 75px; font: normal 1.4em/1em Georgia, serif;  margin: 20px 10px 0 0 ; padding: 10px;}
.blocknav ul.menu li a{ cursor: default; color: #333 !important; border:none;  border-bottom: 1px solid #bed2dc; width: 243px; display: block; }
.blocknav ul.menu li ul {  width: 240px; display:block; margin-top:10px;  }
.blocknav ul.menu li ul li { background:transparent !Important; float: left;height: 19px;  font: normal 12px Arial; padding: 0 5px 0 0; margin: 0 5px 0 0 ; border:none;  }
.blocknav ul.menu li.more ul li { margin: 0px 3px 5px 0px; border-right: 1px solid #ccc; }
.blocknav ul.menu li.extended  { background: #e9f0f3 url(../_img/blocknav_extended.gif) no-repeat bottom left;  height: 120px; }
.blocknav ul.menu li.extended2  { background: #e9f0f3 url(../_img/blocknav_extended.gif) no-repeat bottom left;  height: 120px; }
.blocknav ul.menu li ul li.last { border-right: none; } /*removes right border */
.blocknav ul.menu li ul li.linebreak { float: left; clear:left;  width: 90% !important; } /*forces link to new line */
.blocknav ul.menu li ul li a{  width: auto; float:left; color: #333  !important; font-weight: normal; cursor:pointer;  border-bottom: 1px solid #bbd3e7;  text-decoration: none;}
.blocknav ul.menu li ul li a:hover {; border-bottom: 1px solid #3c72b1; }
.blocknav ul.menu li ul li.soon a, .blocknav ul.menu li ul li.soon a:hover { color: #999  !important; border-bottom: none; cursor: default; }
.blocknav ul.menu li.welcome, .blocknav ul.menu li em { display:none;}

.hide {display: none;}
/*
-----------------------------------------------------------------------------
SPECIAL SECTIONS
-----------------------------------------------------------------------------*/

.sidebar_text ul {margin: 0; padding: 0; }
.sidebar_text li {background-image: none; margin: 0; padding: 1em 0 1em 0; border-bottom:1px solid #d4e8f5;}

/*
-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/

#footer { width: 980px; margin: 0 auto; padding: 8px 0 40px 0; font-size: .9em;  }
#footer a { color: #888 !important; border-bottom: 1px dashed #ccc !important; padding-bottom: 1px !important;}
#footer p { float: left; width: 725px; padding: 2px 0 0 3px; color: #888; }
#footer #notes { float: left; width: 250px; height: 22px; }
#footer #notes a { float: left; margin:0 0 0 20px; }
#footer a:hover {border-bottom: 1px dashed #000 !important;}

/*
-----------------------------------------------------------------------------
TABLE
-----------------------------------------------------------------------------*/

table,td,th { border-collapse:collapse; margin:0; padding:0; }
table { border: none; }
td,th { vertical-align:top; font-weight:normal; }
th { background: #ddd; color: #000; font-size: 11px; text-transform:uppercase; text-align:left; padding: 5px 10px; border-bottom: 5px solid #ccc; border-right:  1px solid #ddd; border-left: 1px solid #ddd; }
tbody tr td { font-size: 110%; padding: 1em .5em 1em .7em; border: 1px solid #fff; }
tbody tr.odd td { background-color: #f5f5f5; border: 1px solid #f5f5f5 !important;}

table.noborder, table.noborder tr, table.noborder tr td, table.noborder tr th {border:none !important; background: none !important;}

.dates * {margin: 0; padding: 0; }
.dates table {margin-top: 1em; padding:  1em 0 1em 0; border-bottom:1px solid #d4e8f5; font-size: .9em; background: none !important; }
.dates tbody tr td {  border: none; padding: 10px 0; border-top:1px solid #d4e8f5; background: none !important;}
.dates tbody tr.odd td {   }
.dates table a:link,table a:visited,table a:active { color:#444F66; background-color: transparent; text-decoration: underline; }


/*
-----------------------------------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------------------------------*/

p { margin-bottom: 1.4em;  }
a, a:visited { color: #132755 !important; border-bottom: 1px solid #bbd3e7; text-decoration: none !important; }
a img { border: none !important; padding: 0; margin: 0;}
a:hover { color: #3c72b1 !important; border-color: #3c72b1; }
a:hover img { border-color: #4788bd; }
a.read_more { padding-left: 3px; text-transform: lowercase; border: none !important; }

h1 { margin-bottom: .5em; font: normal normal 2.8em/1.1em Georgia, serif; }
h1 span { font-size: 1.1em; }
h1 strong { font-weight: normal; }
h2 { margin: 2em 0 1em 0; font: bold 1.4em/1em Goergia, serif; letter-spacing: 3px; text-transform: uppercase; color: #4788bd;    }
h3, h4 { font: bold 1.2em/1em Goergia, serif; margin: 0em 0 1em 0; text-transform: uppercase; color: #5a2049; }

p strong, li strong{ padding: 1px 2px; font-weight: normal; background: #ffffcc; }
.box { padding: 1em; border: 1px solid #eaeaea;}
em { }
code { padding: 0 2px; font: normal 1em Courier, monospace; color: #656259; }
abbr { font: inherit; }
span.itunes { font: normal bold 1em Myriad, "Myriad Pro", Arial, sans-serif; color: inherit; }
small {font-size: 11px;}

ul {margin: .3em 0 1.6em 1.5em;list-style:none;}
ul ul {margin: 0;list-style:none;}
ul li { padding-left: 20px; margin-bottom: 15px;background: url("http://www.aad.org/_css/images/bullets/ico-main.gif")  0 6px no-repeat;}
ul li ul li{padding-left: 15px;background: url("http://www.aad.org/_css/images/bullets/ico-secondary.gif")  0 6px no-repeat; }

ol {margin: .3em 0 1.6em 3em;}
ol li { padding-left: 10px; margin-bottom: 15px; }

blockquote {margin: .3em 0 1.6em 1.5em;}

/*
-----------------------------------------------------------------------------
MISC
----------------------------------------------------------------------------- */

:focus { outline: none; }
table, td, form, fieldset { border: none; border-collapse: collapse; border-spacing: 0; }
hr { background: transparent; border-collapse: collapse; border-spacing: 0; border: none; border-bottom: 1px solid #eaeaea; }

img {background: #fff;}
.clear { clear:both; }
.right { float: right; }
img.right { width: auto; height: auto; margin: 0 0 8px 8px; padding:0;  }
.left {float: left;  }

img.left { width: auto; height: auto; margin: 0 8px 0 0; padding:0; }
.current { cursor: default !important; }

.btn, .btn a {border:none !important;}

.box_alert { background: #68b37a; padding: 5px; color: #fff; margin: 10px 0;}