/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* common, global formatting rules */

	body {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		background-color: #ffffff;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 70%;
		color: #404040;
	}

	/* hyperlinks */

		a,
		a:visited {
			color: #767676;
		}
		a:hover {
			color: #404040;
		}

	/* headings */

		h2 {
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 170%;
			font-weight: normal;
			color: #1A1818;
		}
		h3 {
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 140%;
			font-weight: normal;
			color: #1A1818;
		}
		h4 {
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 120%;
			font-weight: normal;
			color: #1A1818;
		}
		h3 strong, h4 strong {
			font-weight: normal;
		}

	/* can be used to add scrolling content to any div */

		div.panel {
			overflow-y: scroll;
		}

	/* changes text to a lighter grey */

		span.byline {
			color: #767676;
		}

	/* used for left-floated photos in content area */

		img.photo {
			display: inline;
			float: left;
			margin: 0 15px 10px 0px;
			/*border: 1px solid #DBDBDA;*/
		}
		img.photo-right {
			display: inline;
			float: right;
			margin: 0 0 10px 15px;
			/*border: 1px solid #DBDBDA;*/
		}

/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* general, global layout rules */

	form {
		margin: 0px;
		padding: 0px;
	}

	div#page {
		position: relative;
		margin: 0px auto 0px auto;
		padding-top: 1px;
		width: 989px;
	}

	h1#logo {
		margin: 15px 0px 0px 0px;
		width: 295px;
		height: 97px;
		font-size: 1px;
		text-indent: -9999px;
		background-image: url("../_images/logo.gif");
		background-repeat: no-repeat;
	}
		h1#logo a {
			display: block;
			height: 97px;
			width: 295px;
			text-decoration: none;
		}

	/* login box, top right:  before user has logged in */

		div#login-form {
			position: absolute;
			top: 23px;
			right: 0px;
			width: 242px;
			padding: 0px 0px 0px 10px;
			height: 89px;
			background-image: url("../_images/login_bg.jpg");
			background-repeat: repeat-x;
			color: #745E3F;
			font-size: 90%;
		}

			div#login-form h2 {
				position: absolute;
				margin: 0px;
				top: -23px;
				right: 0px;
				width: 100px;
				height: 23px;
				background-image: url("../_images/login_tab.gif");
				background-repeat: no-repeat;
				text-indent: -9999px;
			}

			div#login-form a {
				color: #745E3F;
				text-decoration: none;
			}
			div#login-form a:visited {
				color: #745E3F;
				text-decoration: none;
			}
			div#login-form a:hover {
				color: #A48E6F;
				text-decoration: none;
			}

			div#login-form p {
				position: relative;
				font-weight: bold;
				margin-top: 8px;
			}

			div#login-form label#login-username-label {
				position: absolute;
				display: block;
				top: 6px;
				left: 0px;
			}
			div#login-form input#user_login {
				position: absolute;
				top: 3px;
				left: 5em;
				width: 162px;
				border: 1px solid #745E3F;
			}

			div#login-form label#login-password-label {
				position: absolute;
				display: block;
				top: 30px;
				left: 0px;
			}
			div#login-form input#user_password {
				position: absolute;
				top: 27px;
				left: 5em;
				width: 115px;
				border: 1px solid #745E3F;
			}

			div#login-form input#login-submit {
				position: absolute;
				top: 28px;
				right: 12px;
			}

			div#login-form label#login-remember-label {
				position: absolute;
				display: block;
				top: 55px;
				left: 25px;
			}
			div#login-form input#remember_me {
				position: absolute;
				top: 52px;
				left: 0;
			}

			div#login-form span#login-forgot {
				position: absolute;
				display: block;
				top: 55px;
				right: 12px;
			}

	/* login box, top right:  after user has logged in */

		div#login-tools {
			position: absolute;
			top: 55px;
			right: 0px;
			width: 242px;
			padding: 0px 0px 0px 10px;
			height: 57px;
			background-image: url("../_images/login_bg.jpg");
			background-repeat: repeat-x;
			color: #745E3F;
			font-size: 90%;
		}

			div#login-tools h2  {
				position: absolute;
				margin: 0px;
				top: -23px;
				right: 0px;
				width: 100px;
				height: 23px;
				background-image: url("../_images/login_tab.gif");
				background-repeat: no-repeat;
				text-indent: -9999px;
			}

			div#login-tools a {
				color: #745E3F;
				text-decoration: none;
			}
			div#login-tools a:visited {
				color: #745E3F;
				text-decoration: none;
			}
			div#login-tools a:hover {
				color: #A48E6F;
				text-decoration: none;
			}

			div#login-tools p {
				position: relative;
				font-weight: bold;
				margin-top: 8px;
			}

			div#login-tools p.welcome {
				font-size: 130%;
			}

			div#login-tools p.myaccount {
				position: absolute;
				top: 0px;
				right: 10px;
			}

			div#login-tools p.wronglogin {
				position: absolute;
				bottom: 0px;
				right: 10px;
			}

	/* main menu:  horizontal first-level menu */

		ul#menu {
			position: relative;
			margin: 0px;
			padding: 0px;
			width: 990px;
			height: 36px;
			background-image: url("../_images/menu_bg.jpg");
			background-repeat: repeat-x;
			list-style-type: none;
		}

			ul#menu li {
				margin: 0px;
				padding: 0px;
				display: block;
				height: 36px;
				line-height: 36px;
				float: left;
			}
				/* silly hack used to target IE6 only */
				* html ul#menu li {
					width: 1em;
				}
				* html ul#menu a {
					white-space: nowrap;
				}
				/* end of silly IE6 hack */

			ul#menu li#education {
				background-image: url("../_images/menu_bg_left.jpg");
				background-repeat: no-repeat;
			}

			ul#menu a,
			ul#menu a:visited {
				display: block;
				height: 36px;
				padding: 0px 20px 0px 20px;
				color: #ffffff;
				text-decoration: none;
				text-transform: uppercase;
			}
			ul#menu a:hover,
			ul#menu a.lit:link,
			ul#menu a.lit:visited {
				color: #ffffff;
				color: #ffffff;
				background-image: url("../_images/menu_bg_lit.jpg");
				background-repeat: repeat-x;
			}
			ul#menu li#education a:hover,
			ul#menu li#education a.lit:link,
			ul#menu li#education a.lit:visited {
				background-image: url("../_images/menu_bg_left_lit.jpg");
			}

			ul#menu li#search {
				position: absolute;
				top: 0px;
				right: 0px;
				color: #ffffff;
				width: 242px;
				padding-left: 10px;
				background-image: url("../_images/menu_bg_lit.jpg");
				background-repeat: repeat-x;
			}
			ul#menu li#search label {
				position: relative;
				top: -2px;
				left: 4px;
				text-transform: uppercase;
			}
			ul#menu li#search input#search-keywords {
				width: 141px;
				margin-left: 10px;
				border: 1px solid #7B071D;
			}
			ul#menu li#search input#search-submit {
				position: relative;
				top: 4px;
			}

	/* sub-menus:  vertical second-level menus at left */

		ul#submenu {
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 0px;
			list-style-type: none;
			width: 163px;
			min-height: 478px;
			float: left;
			background-image: url("../_images/submenu_bg.jpg");
			background-repeat: repeat-x;
		}

			ul#submenu a,
			ul#submenu a:visited {
				display: block;
				padding: 9px 0px 9px 15px;
				text-decoration: none;
				color: #BC0033;
				font-weight: bold;
				wordBreak: break-all;
			}
			ul#submenu a:hover {
				color: #484848;
				background-color: #D8C9B8;
			}

			ul#submenu li.lit a,
			ul#submenu li.lit a:visited {
				display: block;
				padding: 9px 27px 9px 15px;
				text-decoration: none;
				color: #484848;
				font-weight: bold;
				background-color: #D8C9B8;
				background-image: url("../_images/submenu_arrow.gif");
				background-repeat: no-repeat;
				background-position: 145px 12px;
			}
			ul#submenu li.lit a:hover {
				color: #484848;
			}

			/* nested sub-menus:  third-level menus */

				ul#submenu ul {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					list-style-type: none;
				}

					ul#submenu ul a,
					ul#submenu li.lit ul a:link,
					ul#submenu li.lit ul a:visited {
						margin: 0px 0px 0px 0px;
						padding: 8px 0px 8px 30px;
						list-style-type: none;
						background-image: none;
						color: #BC0033;
						background-color: transparent;
					}
					ul#submenu li.lit ul li.lit a {
						color: #484848 !important;
						background-image: url("../_images/submenu_arrow.gif");
						background-repeat: no-repeat;
						background-position: 145px 12px;
						padding-right: 33px;
					}
					ul#submenu ul a:hover,
					ul#submenu li.lit ul a:hover {
						background-color: #D8C9B8 !important;
					}

	/* main content div:  middle column of three-column layout */

		div#main {
			font-size: 120%;
			line-height: 150%;
			margin-left: 18px;
			margin-top: 20px;
			width: 630px;
			float: left;
		}
			#homepage div#main {
				margin-top: 0;
			}

			div#main p {
				color: #1A1818;
			}

		/*
		One-column layout.
		*/
		div#page div.one-column-layout {
			width: 804px;
		}

	/* sidebar style rules */

		div#sidebar {
			position: relative;
			left: 10px;
			width: 174px;
			float: left;
			margin-top: 20px;
		}
			/*
			Feature images within this region should be block-level
			elemnents and spaced appropriately.
			*/
			div#sidebar img {
				border: 0;
				display: block;
				margin: 0 0 15px 0;
			}

	/* footer layout rules */

		div#footer {
			position: relative;
			clear: both;
			width: 1002px;
			height: 91px;
			background-image: url("../_images/footer_bg.jpg");
			background-repeat: no-repeat;
			margin-top: 20px;
			padding-bottom: 20px;
		}

			/* footer layout rules - links on left side */

				div#footer ul#footer-links {
					position: absolute;
					top: 40px;
					left: 20px;
					list-style-type: none;
					margin: 0px;
					padding: 0px;
				}

					div#footer ul#footer-links li {
						display: block;
						float: left;
					}

					div#footer ul#footer-links a,
					div#footer ul#footer-links a:visited {
						display: block;
						color: #404040;
						padding-left: 10px;
						padding-right: 10px;
						text-decoration: none;
					}
					div#footer ul#footer-links a:hover {
						color: #767676;
					}

			/* footer layout rules - contact info on right side */

				div#footer div#footer-info {
					position: absolute;
					top: 15px;
					right: 30px;
				}

					div#footer div#footer-info p {
						text-align: right;
					}

					div#footer div#footer-info a,
					div#footer div#footer-info a:visited {
						color: #404040;
						text-decoration: none;
					}
					div#footer div#footer-info a:hover {
						color: #767676;
					}

/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* rules specific to PCNA home page */

	/* main graphical masthead, left of center screen */

		div#masthead {
			overflow: hidden;
			position: relative;
			width: 738px;
			height: 274px;
			background-image: url("../_images/masthead.jpg");
			background-repeat: no-repeat;
			margin-bottom: 20px;
		}

			div#masthead div#photos {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 329px;
				height: 274px;
				text-indent: 0 !important;
			}

			div#masthead h2,
			div#masthead p {
				text-indent: -9999px;
			}

			div#masthead h2 {
				margin: 0px;
			}

			div#masthead a.more,
			div#masthead a.more:visited,
			div#masthead a.more:hover {
				position: absolute;
				top: 206px;
				left: 652px;
				display: block;
				width: 38px;
				height: 16px;
				text-decoration: none;
			}

	/* "late breaking news" area, right of center screen */

		div#breakingnews {
			position: absolute;
			top: 148px;
			left: 738px;
			height: 275px;
			width: 237px;
			padding: 0px 0px 0px 15px;
			background-color: #515151;
			color: #ffffff;
			background-image: url("../_images/breakingnews_bg.gif");
			background-repeat: no-repeat;
		}

			div#breakingnews h2 {
				position: relative;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 125%;
				font-weight: normal;
				margin: 11px 0px 20px 0px;
				color: #ffffff;
			}

			div#breakingnews h2 a.rss {
				position: absolute;
				top: 4px;
				left: 9.5em;
				display: block;
				height: 12px;
				width: 12px;
				background-image: url("../_images/rss_icon.gif");
				background-repeat: no-repeat;
				text-indent: -9999px;
			}

			div#breakingnews h3 {
				font-size: 100%;
				font-weight: normal;
				margin: 0px 0px 0px 0px;
			}

			div#breakingnews p {
				margin: 0px 0px 1em 0px;
				color: #C4C4C4;
			}

			div#breakingnews ul {
				color: #C4C4C4;
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				div#breakingnews ul li {
					color: #C4C4C4;
					margin: 0 0 1em 0;
					padding: 0;
				}

			div#breakingnews a,
			div#breakingnews a:visited {
				color: #C4C4C4;
				text-decoration: underline;
			}
			div#breakingnews a:hover {
				color: #ffffff;
			}

			div#breakingnews div.panel {
				position: absolute;
				top: 40px;
				left: 15px;
				width: 227px;
				padding-right: 10px;
				height: 224px;
				padding-top: 10px;
			}

	/* features along bottom of home page */

		body#homepage div#features {
			position: relative;
			height: 224px;
			width: 1002px;
		}

/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* rules for features:  seen in sidebars and on home page */

	/* ------------------------------ */
	/* generic rules for feature divs */

		div.feature {
			position: relative;
			height: 224px;
			width: 174px;
			background-repeat: no-repeat;
			overflow: hidden;
			margin-bottom: 12px;
		}

			div.feature * {
				text-indent: -9999px;
			}
			div.feature br {
				display: none;
			}

			div.feature a.more {
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				height: 224px;
				width: 174px;
				text-decoration: none;
				text-indent: 9999px;
			}

	/* -------------------------------------------- */
	/* specific rules for feature divs on home page */

		/* override some layout rules of feature divs (because they're not appearing in the sidebar here) */

			body#homepage div#features #feature-1 {
				height: 224px;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 174px;
			}

			body#homepage div#features #feature-2 {
				height: 224px;
				position: absolute;
				top: 0px;
				left: 174px;
				width: 174px;
			}

			body#homepage div#features #feature-3 {
				height: 224px;
				position: absolute;
				top: 0px;
				left: 348px;
				width: 174px;
			}

			body#homepage div#features #feature-1 img,
			body#homepage div#features #feature-2 img,
			body#homepage div#features #feature-3 img {
				border: 0;
				display: block;
			}

		/* layout rules for the wide feature divs, these ones found only on the home page */

			body#homepage div#features div#feature-4 {
				top: 0px;
				left: 522px;
			}

			body#homepage div#features div#feature-5 {
				top: 118px;
				left: 522px;
			}

	/* --------------------------------------------------------------------------- */
	/* generic rules for wide feature divs, these ones found only on the home page */

		body#homepage div#features div.feature-wide {
			position: absolute;
			left: 522px;
			height: 106px;
			width: 475px;
			background-image: url("../_images/feature_bg_wide.gif");
			background-repeat: no-repeat;
			background-position: bottom left;
		}

			body#homepage div#features div.feature-wide h2 {
				height: 31px;
				width: 475px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				margin: 0px 0px 0px 0px;
			}

			body#homepage div#features div.feature-wide p {
				margin-top: 10px;
				padding-right: 20px;
				padding-left: 20px;
			}

			body#homepage div#features div.feature-wide p.photo {
				padding-left: 90px;
				min-height: 50px;
				background-repeat: no-repeat;
				background-position: 17px 0px;
			}

			body#homepage div#features div.feature-wide a.more {
				position: absolute;
				bottom: 15px;
				right: 15px;
				height: 16px;
				width: 47px;
				background-repeat: no-repeat;
				text-indent: -9999px;
				text-decoration: none;
			}

	/* -------------------------------------------- */
	/* specific rules for wide feature divs, these ones found only on the home page */

		/* wide "Featured Clinical Tool:  Pocket Guide" feature */

			body#homepage div#features div.feature-pocket-wide h2 {
				background-image: url("../_images/feature_pocket_wide_hdr.jpg");
			}

				body#homepage div#features div.feature-pocket-wide p.photo {
					background-image: url("../_images/feature_pocket_wide_photo.jpg");
				}

				body#homepage div#features div.feature-pocket-wide a.more {
					background-image: url("../_images/button_order.gif");
				}

		/* wide "Annual Symposium" feature */

			body#homepage div#features div.feature-symposium-wide h2 {
				background-image: url("../_images/feature_symposium_wide_hdr.jpg");
			}

				body#homepage div#features div.feature-symposium-wide p.photo {
					background-image: url("../_images/feature_symposium_wide_photo.jpg");
				}

				body#homepage div#features div.feature-symposium-wide a.more {
					background-image: url("../_images/button_register.gif");
				}

/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/*  */


/*
Testimonial feature. Includes a short biography and thumbnail image. This feature
is displayed in the right-hand sidebar.
*/
div#page div.testimonial {
	background: transparent url(../_images/testimonial_layout_bg_bottom.gif) no-repeat left bottom;
	padding: 0 16px 10px 16px;
	position: relative;
	width: 173px;
	width: 141px;
	zoom: 1;
}
	div#page div.testimonial img {
		display: inline;
		float: left;
		margin: 0 9px 2px 0;
	}

/*
Late Breaking News
*/
dl.late-breaking-news dt {
	margin: 0 0 .5em 0;
}
dl.late-breaking-news dd {
	margin: 0 0 2em 0;
}
dl.late-breaking-news span.pubDate {
	display: block;
	font-size: 11px;
	font-style: italic;
	color: #666;
}
/*
dl.late-breaking-news span.tright {
	display: block;
	text-align: right;
}
*/


/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/*  */

:focus {
	outline: none;
}