/* css/layout.css for Priority Management
   site-wide layout for all pages */

@import url(basic.css);

/** containers **/
#container {
  margin: 0 auto;
  padding: 140px 0 1em 0;
  position: relative;
  text-align: left;  /* reset text-alignment after IE5.5 centering */
  width: 920px;
  }
#content {
  float: right;
  margin: 0 0 50px 0;
  position: relative;
  width: 685px;
  z-index: 9;
  }

/** header **/
#header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  }
#logo {
  float: left;
  margin: 0 0 0 30px;
  }

/** global nav **/
#navigation-main {
  background: url(/img/nav/bg.png) 0 0 repeat-x;
  float: right;
  margin: 108px 0 10px 0;
  }
#navigation-main li {
  float: left;
  height: 22px;
  padding: 0 1px 0 0;
  overflow: hidden;
  }
#navigation-main li.last {
  padding: 0;
  }
#navigation-main li a {
  display: block;
  padding: 22px 0 0 0;
  }
#navigation-main li a.nav-home {
  background: url(/img/nav/home.png) 0 0 no-repeat;
  width: 66px;
  }
#navigation-main li a.nav-training {
  background: url(/img/nav/training_programs.png) 0 0 no-repeat;
  width: 127px;
  }
#navigation-main li a.nav-clients {
  background: url(/img/nav/our_clients.png) 0 0 no-repeat;
  width: 90px;
  }
#navigation-main li a.nav-inside {
  background: url(/img/nav/inside_priority.png) 0 0 no-repeat;
  width: 101px;
  }
#navigation-main li a.nav-supplies {
  background: url(/img/nav/buy_supplies.png) 0 0 no-repeat;
  width: 97px;
  }
#navigation-main li a.nav-contact {
  background: url(/img/nav/contact_us.png) 0 0 no-repeat;
  width: 89px;
  }
#navigation-main li a.nav-find {
  background: url(/img/nav/find_an_office.png) 0 0 no-repeat;
  width: 108px;
  }
#navigation-main li a:hover {
  background-position: 0 -22px;
  }
#navigation-main li.current a {
  background-position: 0 -44px;
  }
  
/** side nav **/
#navigation-side {
  margin: 0 0 0 30px;
  padding: 0 0 200px 0;
  width: 186px;
  }
#navigation-side li {
  border-bottom: 1px solid #ccc;
  list-style: none;
  margin: 0;
  padding: 1px 0;
  }
#navigation-side li.last {}
#navigation-side li ul {
  margin: 0 4px;
  }
#navigation-side li.submenu-closed ul {
  display: none;
  }
#navigation-side li ul li {
  border-top: 1px dashed #ccc;
  border-bottom: 0 none;
  list-style: none;
  }
#navigation-side li ul li.last {}
#navigation-side li :link, #navigation-side li :visited {
  color: #666;
  display: block;
  padding: 4px 4px;
  }
#navigation-side li.current :link, #navigation-side li.current :visited {
  background-color: #edf1f6;
  }
#navigation-side li ul li.current :link, #navigation-side li ul li.current :visited {
  background-color: #edf1f6;
  }
#navigation-side li.current ul li :link, #navigation-side li.current ul li :visited {
  background-color: transparent;
  }
#navigation-side li :link:hover, #navigation-side li :visited:hover {
  background-color: #edf1f6;
  }
#navigation-side li.submenu-closed :link, #navigation-side li.submenu-closed :visited {
  background-image: url(/img/arrow_grey_right.png);
  background-position: 177px center;
  background-repeat: no-repeat;
  }
#navigation-side li.submenu-open :link, #navigation-side li.submenu-open :visited {
  background-image: url(/img/arrow_red_down.png);
  background-position: 174px center;
  background-repeat: no-repeat;
  }
#navigation-side li.submenu-open ul li :link, #navigation-side li.submenu-open ul li :visited {
  background-image: none;
  padding: 1px 20px 1px 10px;
  }
  
/** content area **/
.banner {
  margin: -15px 0 1em -15px;
  }

/** page topic area **/
#page-topic {
  float: left;
  padding: 15px;
  position: relative;
  width: 440px;
  \width: 470px;
  w\idth: 440px;
  z-index: 9;
  }
.content-block {
  border-bottom: 1px solid #ccc;
  padding: 1.5em 0;
  }
.content-block.last {
  border-bottom: 0 none;
  }
  
/* from training.css - needed for webex_online_meetings and trainer_certification */
.next-steps h3 {
  color: #2771ab;
  font-size: 1.2em;
  margin: .83em 0 0 0;
  }
.next-steps ul {
  list-style: url(/img/bullet_blue.png) circle;
  }
  
/** sidebar **/
.sidebar {
  background: #f9f8f3 url(/img/bg_sidebar.jpg) 0 0 repeat-x;
  color: #7a7a7a;
  float: left;
  font-size: 1.07em;
  line-height: 1.6em;
  margin: 0 0 20px 0;
  padding: 16px 20px 100px 20px;
  width: 175px;
  \width: 215px;
  w\idth: 175px;
  }
.sidebar h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 1em 0;
  }
.sidebar :link, .sidebar :visited {
  color: #7a7a7a;
  }
.sidebar :link:hover, .sidebar :visited:hover {
  text-decoration: underline;
  }
.sidebar dl {
  margin: 1em auto;
  width: 105px;
  }
.sidebar dt {
  float: none;
  margin: 0;
  text-align: center;
  width: 100%;
  }
.sidebar dd {
  border-bottom: 1px solid #ccc;
  margin-left: 0;
  padding-bottom: 0.5em;
  }
.sidebar .input-text {  /* input[type=text] */  
  width: 110px;
  }
.sidebar label {
  width: 40px;
  }
.sidebar form ul li.form-buttons {
  margin-right: 0;
  padding-top: 0;
  }
.sidebar .button {
  margin-right: 2px;
  }
.sidebar-short {
  padding-bottom: 10px;
  }
.sidebar-border {
  background: #fff none;
  border: #ccc solid 1px;
  padding: 16px 19px 16px 19px;
  }
.sidebar .logo {
  text-align: center;
  }
  
/** touts **/
.touts {
  clear: none;
  list-style: none;
  margin: 0;
  }
.touts.inline {
  clear: both;
  }
.touts.bottom {
  clear: both;
  position: relative;
  top: -185px;
  }
.touts li {
  background: url(/img/tout/bg.png) 0 0 no-repeat;
  height: 165px;
  margin: 0 20px 10px 0;
  padding: 5px 0 0 16px;
  position: relative;
  width: 199px;
  \width: 215px;
  w\idth: 199px;
  }
.touts li.double {
  width: 434px;
  \width: 450px;
  w\idth: 434px;
  }

.touts li .contact-us {
  background: url(/img/tout/bg_contact_us.jpg) 0 0 no-repeat;
  height: 165px;
  left: 0;
  position: absolute;
  top: 0;
  width: 215px;
  }
.touts li .corner-contact-us {
  background-image: url(/img/tout/bg_contact_us_2.jpg);
  }
.touts li.last {
  margin: 0 0 5px 0;
  }
.touts li p {
  color: #000;
  margin: 5px 16px 5px 0;  /* 16px right margin added here instead of padding to li because of IE6 bug */
  }
.touts li p.find-out-more {
  background: url(/img/arrow_red_right.png) right center no-repeat;
  display: inline;
  padding: 0 10px 0 0;
  }
.touts li :link, .touts li :visited {
  color: #333;
  text-decoration: underline;
  }
.touts li :link:hover, .touts li :visited:hover {
  color: #f00;
  }

/** footer **/
#footer {
  clear: both;
  margin: 0 0 185px 0;
  position: relative;
  }
#footer.has-footer-tout {
  margin-bottom: 0;
  top: -185px;
  }
#footer-content {
  border: 1px solid #e5e6e6;
  clear: both;
  height: 1%;
  font-size: 0.8em;
  overflow: auto; 
  padding: 1px;
  }
#copyright {
  background: #e5e6e6;
  float: right;
  margin: 0;
  padding: 1px 10px;
  width: 296px;
  \width: 316px;
  w\idth: 296px;
  }

/** footer nav **/
#navigation-footer {
  background: #e5e6e6;
  float: left;
  padding: 1px 20px;
  width: 560px;
  \width: 600px;
  w\idth: 560px;
  }
#navigation-footer li {
  padding: 0 30px 0 0;
  }
#navigation-footer li.last {
  padding: 0;
  }
#navigation-footer li :link, #navigation-footer li :visited {
  color: #666;
  }


/** social media **/
#social-media {
	float: right;
	margin: 14px 0;
	width: 450px;
}
#social-media p {
	display: inline;
	float: left;
	margin: 0;
	}
#social-media ul {
	display: inline;
	}
#social-media li {
	border-right: 2px solid #e7e8e9;
	padding: 0 15px;
	}
#social-media li.last {
	border-right: 0 none;
	}


/** trademark **/
#trademarks {
	border-top: 1px solid #ececec;
	clear: both;
	color: #aaa;
	font-size: 0.8em;
  padding: 0.2em 2em;
}


/** layout variations **/
/* no sidebar */
.no-sidebar #page-topic {
  width: 655px;
  \width: 695px;
  w\idth: 655px;
  }

/* full-width */
.full-width #content {
  float: none;
  margin-bottom: 10px;
  width: 100%;
  }