/*
Theme name: Trapezio
Description: Custom Theme for Trapezio, based on sandbox theme
*/

/* Layout */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #2657ae;
	background: #fff;
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both;}

a img { border: 0; }
a { color: #2657ae; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.tc {text-align: center; display: block;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 1020px; border-left: 2px solid #2657ae; border-right: 2px solid #2657ae; padding-top: 17px; background: #2657ae;}

#home-button {padding-top: 0px; padding-left: 3px;}
a.home-button {background: url(images/home-button.gif) no-repeat 0 0; width: 13px; height: 12px; padding-bottom: 3px; display: block; margin-top:-15px;}
a.home-button:hover {text-decoration: none;}

#home-header {background: url(images/home-header.jpg) no-repeat 0 0; height: 386px;}

h1#logo {float: left; padding-left: 24px; padding-top: 10px;}
h1#logo a {background: url(images/logo2.gif) no-repeat 0 0; display: block; width: 370px; height: 98px;}
h1#logo-orig {float: left; padding-left: 47px; padding-top: 32px;}
h1#logo-orig a {background: url(images/logo.gif) no-repeat 0 0; display: block; width: 282px; height: 68px;}
h1#logo-internal {float: left; padding-left: 18px; padding-top: 13px; padding-bottom: 14px;}
h1#logo-internal a {background: url(images/logo-internal.gif) no-repeat 0 0; display: block; width: 195px; height: 67px;}

#home-header-cnt {padding-top: 155px; width: 390px; padding-left: 20px;}
#home-header-cnt-orig {padding-top: 163px; width: 390px; padding-left: 20px;}
#home-header-cnt p {font-weight: bold; padding-top: 8px; line-height: 18px;}

#internal {background: #fff url(images/internal-header.jpg) no-repeat 0 0; height: 100%;}

#navigation {list-style-type: none; height: 32px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;  background-image:url(images/nav-divider.jpg) }
#navigation ul {list-style-type: none; height: 32px;}
#navigation ul li {float: left; display: inline; height: 32px; padding-right: 2px; position: relative; z-index: 10;}
#navigation ul li.last {padding-right: 0px;}


#navigation ul li a {
	background-image:url(images/nav_back.jpg);
	width: 150px;
	background-repeat: repeat-x;
	text-transform: uppercase;
	display: block;
	font-size: 1.1em;
	text-align:center;
	line-height: 30px;
	ztext-indent: -4000px;
	height: 32px;
	color: #FFFFFF;
}
#navigation ul li a:hover, #navigation ul li a.active, #navigation ul li a.menu-active {background-image:url(images/nav_back.jpg); background-position: bottom; text-decoration: none;}

#navigation ul li a.home {width: 120px;}
#navigation ul li a.home active {background-image:url(images/nav_back.jpg); background-position: top;}
#navigation ul li a.about-us {width: 130px;}
#navigation ul li a.courses {width: 146px;}
#navigation ul li a.training-resources {width: 161px;}
#navigation ul li a.events {width: 100px;}

#navigation ul li ul {display: none; position: absolute; left: -1px; top: 32px; z-index: 1; width: auto;}
#navigation ul li ul li {
	padding-right: 0;
	background: #2657ad;
	width: auto;
	padding-left: 0;
	border-left: 1px solid #ccd7ec;
	border-right: 1px solid #ccd7ec;
	float: none;
	height: auto;
	display: list-item;
	white-space: nowrap;
}
#navigation ul li ul li a {
	color: #fff;
	font-size: 11px;
	background: #2657ad;
	text-indent: 0;
	display: block;
	border-bottom: 1px solid #5c81c2;
	text-transform: uppercase;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	width: 140px;
	line-height: 1.3;
	height: auto;
	padding-bottom: 4px;
}
#navigation ul li ul li a:hover {background: #2657ad; text-decoration: underline;}
#navigation ul li ul li a.last {border-bottom: 1px solid #ccd7ec;}

#news-ticker-bck { z-index:21; background-color:#fff; color:#A78A4F; padding-right: 5px; padding-left: 5px; width: 200px; height:115px; margin-top: 110px; float: right; 
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}
#news-ticker {
	z-index:20;
	color:#816A3C;
	margin-top: -115px;
	padding-right: 5px;
	padding-left: 5px;
	width: 200px;
	zheight:250px;
	float: right;
}
#news-ticker ul li {white-space: normal;}

.subscribe-box {background: url(images/subscribe-box.gif) no-repeat 0 0; width: 209px; height: 76px; float: right;}
.subscribe-box h3 {font-size: 12px; text-align: center; padding-bottom: 8px; padding-top: 5px;}
.subscribe-box a.email {background: url(images/email-address.gif) no-repeat 0 0; width: 145px; height: 19px; display: block; margin: 0 auto;}

.social-media-home { margin-top: 20px;}

#internal-header-cnt {padding-top: 20px; padding-left: 320px;}

a.button {background: url(images/button.png) no-repeat 0 0; width: 224px; height: 29px; font-size: 15px; color: #fff; font-weight: bold; text-align: center; padding-top: 8px; display: block; margin: 0 auto; text-transform: uppercase;}
a.button:hover {text-decoration: none;}

#main {}

#sidebar {width: 224px; float: left; padding-right: 18px;}

.sidebar-img img {margin: 0; padding: 0; float: left;}

.sidebar-nav {border-top: 1px solid #456db2; border-right: 1px solid #557abc; width: 223px;}
.sidebar-nav a {width: 223px; height: 56px; border-bottom: 1px solid #456db2; display: block; position: relative;}
.sidebar-nav a:hover {text-decoration: none;}
.sidebar-nav a span {position: absolute; width: 130px; top: 7px; left: 10px; font-size: 17px; font-weight:bold;text-transform: uppercase;display: block}
.sidebar-nav #clinical-retreats	{background: url(images/side-link-4.jpg) 0 0 no-repeat;}
.sidebar-nav #online-course		 {background: url(images/side-link-2.jpg) 0 0 no-repeat;}
.sidebar-nav #industry-spotlight {background: url(images/side-link-1.jpg) 0 0 no-repeat; }
.sidebar-nav #career-path {background: url(images/side-link-3.jpg) 0 0 no-repeat;}
.sidebar-nav a.active {display: none;}

/* #content {float: left; width: 682px; background: url(images/content-bg.png) repeat 0 0; margin-top: 15px; padding-right: 81px; padding-top: 4px; font-size: 1.1em; } */
#content {float: left; width: 960px; padding-left: 30px; background: url(images/content-bg.png) repeat 0 0; margin-top: 8px; padding-right: 21px; padding-top: 4px; font-size: 1.1em; }
#content h2 {oldfont-size: 23px; font-size: 2.5em; padding-bottom: 12px;}
#content h3 {oldfont-size: 22px; font-size: 1.5em; padding-bottom: 4px;}
#content h4 {font-size: 14px;}
#content p {color: #313133; padding-bottom: 10px; padding-top: 0px;}
#content p a {text-decoration: underline;}
#content p a:hover {text-decoration: none;}
#content p a.spaced-link {margin-right: 25px;}
#content p span.blue {color: #2657ae;}
/* #content img {border: 1px solid #4771ba;} */
#content a.right-spaced {float: right; margin-right: 62px; margin-left: 52px;}
#content ul {list-style-type: none; padding-bottom: 10px;}
#content ul li {background: url(images/bullet-black.png) no-repeat 0 5px; padding-left: 9px;}
#content ul li a {text-decoration: underline;}
#content ul li a:hover {text-decoration: none;}
#content hr {height:1px; border: none; background-color: #5179BD; margin-top: 10px; margin-bottom: 10px; clear: both;}


.article {padding-left: 3px; padding-right: 33px; padding-bottom: 12px;}

.divider {border-bottom: 1px solid #5179bd; margin-bottom: 15px;}
.divider h2 {
	font-variant: small-caps;
	margin-bottom: .75em;
}

.divider h3.post-title {margin-bottom: 12px; font-variant: small-caps;}
.divider .post-content h3 {margin-bottom: 8px; color:#A78A4F;}

#services {background: #1c3f7f url(images/services-bg.gif) repeat-x 0 bottom; padding-top: 25px; padding-left: 20px;}
#services .last {margin-right: 0;}


a.service {width: 222px; height: 176px; border: 1px solid #fff; position: relative; float: left; margin-right: 27px; display: block; color:#2657ad;}
a.service:hover {text-decoration: none; color:#06F;}
span.heading {display: block; font-size: 17px; position: absolute; top: 10px; left: 10px; width: 129px; font-weight: bold; text-transform: uppercase}

span.service-details {display: block; position: absolute; top: 123px; left: 0; width: 222px; height: 53px; background: url(images/service-details.png) no-repeat 0 0;}
.service-details strong {font-size: 11px; color: #fff; text-align: center; padding-top: 12px; position: relative; font-weight: normal; display: block;}

#footer {padding-top: 25px; background: #2657ae;}
.footer-logos {padding-left: 147px; padding-bottom: 12px;}
.footer-logos a {height: 46px; float: left;}
a.ada-logo {background: url(images/ada-logo.gif) no-repeat 0 0; width: 209px; margin-right: 69px;}
a.aao-logo {background: url(images/aao-logo.gif) no-repeat 0 0; width: 151px; height: 62px; margin-right: 110px;}
a.danb-logo {background: url(images/acc-logo.gif) no-repeat 0 0; width: 108px;}

.footer-details {width: 855px; margin: 0 auto; background: url(images/border.gif) no-repeat 0 0; padding-top: 9px; padding-bottom: 4px;}
.footer-details p.contact {color: #fff; font-size: 13px; text-align: center; padding-bottom: 5px;}
.footer-details p.contact a, visited {color: #fff;}
.footer-details p.copy {font-size: 9px; color: #a3b8dc; text-align: center;}
.footer-details p.copy a, visited {color: #a3b8dc; text-decoration: underline;}

#child-pages ul {list-style-type: none; }
#child-pages ul li {background: none; padding-left: 0; font-weight: bold;}
#child-pages ul li ul li { font-weight: normal; }