﻿/*
	CSS of ASPET | Version 1.0 | Layout
	American Society for Pharmacology and Experimental Therapeutics
	---------------------------------------------------------------
	American Technology Services
*/

body {
    font-family: Arial;
    font-size: 11px;
	color: #333;
	text-align: center;
	background: url(../images/bg-pattern.gif) #232323 no-repeat top center;
	overflow-y: auto;
	overflow-x: auto;
	}
	
div.msg {
	background: #e1dfdb;
	padding: 8px;
	border-bottom: 2px solid #131313;
	}
div.msg p {
	width: 960px;
	margin: auto;
	}	

a.print-btn {
	position: absolute;
	z-index: 2;
	background: url(../images/print.gif) no-repeat 0 0;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	margin: 0 0 0 465px;
	}
	
div.no-right-column a.print-btn {
	margin: 0 0 0 660px;
	}
	
ul#fontsize {
	position: absolute;
	z-index: 2;
	width: 55px;
	height: 22px;
	margin: 0 0 0 405px;
	padding: 0 0 0 0;
	background: url(../images/fontsize-bg.gif) no-repeat 0 0;
	}
	
ul#fontsize li {
	float: left;
	list-style: none;
	padding: 0 2px;
	}
	
ul#fontsize li a.fs-normal {
	font-size: 70%;
	}
ul#fontsize li a.fs-medium {
	font-size: 100%;
	}
ul#fontsize li a.fs-large {
	font-size: 120%;
	}
ul#fontsize li a.fs-larger {
	font-size: 150%;
	}
	

	
/*  -------------- Begin Default Headings, Paragraph, Links --------------  */
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h1 {
	font-size: 160%;
	color: #c63a29; 
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}	
h2 {
	font-size: 140%;
	}
h3 {
	font-size: 120%;
	color: #4F4424;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}

p {
	line-height: 15px;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
	
blockquote {
	margin: 0 0 0 30px;
	}

a:link, a:visited {
	color: #968a58;
	text-decoration: none;
	}
a:hover {
	color: #bab18a;
	}

img {
	border: 0;
	}
hr  {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	margin-bottom:20px;
	margin-top:4px;
	height: 1px;
	width: 100%;
	}
/*  -------------- End Default Headings, Paragraph, Links --------------  */


#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/banners/secondary.aspx) #fff no-repeat center 105px;
	border-left: 5px solid #7b7b7b;
	border-right: 5px solid #7b7b7b;
	}


/*  -------------- Begin Header --------------  */
#header {
	height: 110px;
	}

#header img.logo {
	float: left;
	margin: 25px 0 0 25px;
	}

#header #menu {
	float: right;
	text-align: right;
	padding: 15px 20px 0 0;
	}
#header #menu ul.menu-list {
	}
#header #menu ul.menu-list li {
	display: inline;
	list-style: none;
	background: url(../images/menu-item-divider.gif) no-repeat left 4px;
	padding: 0 5px 0 8px;
	}
#header #menu ul.menu-list a:link,
#header #menu ul.menu-list a:visited {
	color: #898989;
	font-size: 90%;
	text-transform: uppercase;
	}
#header #menu ul.menu-list a:hover {
	color: #232323;
	}

#header #search {
	float: right;
	width: 50%;
	text-align: right;
	padding: 45px 20px 0 0;
	}
#header #search input {
	width: 150px;
	background: #fff;
	border: 1px solid #d2d2d2;
	}
#header #search input.txtSearch, .txtsearch {
	font-size: 90%;
	padding: 3px;
	color: #888;
	text-transform: uppercase;
	}
#header #search input.submit-btn {
	width: 20px;
	border-left: none;
	border-right: none;
	background: url(../images/arrow-red.gif) #fff no-repeat center center;
	margin: 0 0 0 12px;
	cursor: pointer;
	}
#search-iframe {
	width: 100%;
	height: 1600px;
	}
/*  -------------- End Header --------------  */


/*  -------------- Begin Main Menu --------------  */
#main-menu {
	}
#main-menu ul.menu-list {
	float: right;
	text-align: right;
	background: url(../images/main-menu-line.gif) no-repeat  bottom;
	}
#main-menu ul.menu-list li {
	float: left;
	list-style: none;
	/*background: url(../images/menu-item-divider.gif) no-repeat left 2px;*/
	}
#main-menu ul.menu-list li a:link,
#main-menu ul.menu-list li a:visited {
	color: #968a58;
	padding: 0 7px 7px 7px;
	margin: 0 0 0 0px;
	display: block;
	white-space: nowrap;
	border-bottom: 6px solid #968a58;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	}
#main-menu ul.menu-list li a:hover,
#main-menu ul.menu-list li.selected a:hover {
	color: #c83a2a;
	border-bottom: 6px solid #c83a2a;
	}
#main-menu ul.menu-list li.selected a {
	color: #d55d4f;
	border-bottom: 6px solid #c83a2a;
	}
#main-menu ul.menu-list li ul {
	z-index: 1000000;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/brown-trans-bg.png) repeat 0 0;
	}
#main-menu ul.menu-list li ul.last {
	margin: 0 0 0 -129px;
	}
#main-menu ul.menu-list li ul.second-to-last {
	margin: 0 0 0 -133px;
	}
#main-menu ul.menu-list li ul li ul {
	display: none !important;
	}
#main-menu ul.menu-list li ul li {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
	background: none;
	}
#main-menu ul.menu-list li ul li a:link,
#main-menu ul.menu-list li ul li a:visited {
	text-transform: none;
	width: auto;
	margin: 0;
	padding: 5px 10px;
	border: none;
	color: #fff !important;
	border-bottom: 1px solid #887c4e;
	font-size: 11px;
	font-weight: normal;
	}
#main-menu ul.menu-list li ul li a:hover {
	background: #c83a2a;
	}
/*  -------------- End Main Menu --------------  */


/*  -------------- Begin Banner Content Message --------------  */
#banner-content {
	display: none;
	}
/*  -------------- End Banner Content Message --------------  */


/*  -------------- Begin Banner Menu --------------  */	
#banner-menu {
	width: 100%;
	}
#banner-menu ul.menu-list {
	width: 585px;
	float: right;
	margin: 102px 10px 0 0;
	}
#banner-menu ul.menu-list li {
	width: 24%;
	float: left;
	list-style-type: none;
	line-height: 28px;
	text-align: center;
	}
#banner-menu ul.menu-list li.leftSide {
	background: url(../images/banner-menu-left.png) no-repeat left top;
	}
#banner-menu ul.menu-list li.leftSide:hover,
#banner-menu ul.menu-list li.leftSide a.selected {
	background: url(../images/banner-menu-left.png) no-repeat left bottom;
	}
#banner-menu ul.menu-list li.center {
	border-left: 1px solid #fff;
	background: #504624;
	}
#banner-menu ul.menu-list li.centerMember {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url(../images/findMember.gif) #504624 no-repeat 10px -8px;
	}
#banner-menu ul.menu-list li.center:hover,
#banner-menu ul.menu-list li.center a.selected  {
	background: #c73a2a;
	}
#banner-menu ul.menu-list li.centerMember:hover,
#banner-menu ul.menu-list li.centerMember a.selected  {
	background: url(../images/findMember.gif) #c73a2a no-repeat 10px -47px
	}
#banner-menu ul.menu-list li.rightSide {
	background: url(../images/banner-menu-right.png) no-repeat right top;
	}
#banner-menu ul.menu-list li.rightSide:hover,
#banner-menu ul.menu-list li.rightSide a.selected {
	background: url(../images/banner-menu-right.png) no-repeat right bottom;
	}
#banner-menu ul.menu-list li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	}
/*  -------------- End Banner Menu --------------  */	


#container {
	clear: both;
	padding: 30px 0;
	}

/*  -------------- Begin Left Column --------------  */
#left-column {
	width: 215px;
	float: left;
	padding: 48px 0 0 30px;
	}
	
#left-column #sub-menu {
	padding: 25px;
	margin: 0 0 25px 0;
	border: 1px solid #d2d2d2;
	border-right: none;
	background: #fff;
	}

/*  ------ Begin Menu Link Properties ------  */
#left-column #sub-menu ul.menu-list li.selected a,
#left-column #sub-menu ul.cv-menu li.selected {
	color: #c83a2a;
	font-weight: bold;
	display: block;
	margin: 0 0 15px 0;
	}
#left-column #sub-menu ul.menu-list li li.selected a,
#left-column #sub-menu ul.menu-list li li.selected li.selected a {
	color: #968a58 !important;
	}
#left-column #sub-menu ul.menu-list li li a {
	color: #333 !important;
	font-weight: normal !important;
	margin: 0 !important;
	}
#left-column #sub-menu ul.menu-list li li.selected li a {
	color: #333 !important;
	}
#left-column #sub-menu ul.menu-list li li a:hover,
#left-column #sub-menu ul.menu-list li li li a:hover {
	color: #968a58 !important;
	}
/*  ------ End Menu Link Properties ------  */

	
/*  ------ Begin Menu Item Hide/Show ------  */
#left-column #sub-menu ul.menu-list li {
	display: none;
	}
#left-column #sub-menu ul.menu-list li.selected,
#left-column #sub-menu ul.menu-list li.selected li {
	display: block !important;
	}
#left-column #sub-menu ul.menu-list li.selected li {
	margin: 6px 0 0 0;
	}
#left-column #sub-menu ul.menu-list li.selected li ul {
	margin: 6px 0 0 15px;
	}
/*  ------ End Menu Item Hide/Show ------  */

	
#left-column #login-box {
	background: #504624;
	border: 5px solid #968a58;
	margin: 0 25px 0 0;
	padding: 10px 15px;
	}
#left-column #login-box h3 {
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
	}
#left-column #login-box span.welcome-user {
	display: block;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
	color: #968a58;
	margin: 0 0 10px 0;
	padding: 3px 0;
	border-top: 1px dotted #968a58;
	border-bottom: 1px dotted #968a58;
	overflow: hidden;
	}
#left-column #login-box span.login-error {
	display: block;
	font-size: x-small;
	font-weight: bold;
	text-transform: uppercase;
	color: #968a58;
	margin: 0 0 10px 0;
	}	
#left-column #login-box span.login-messg {	
	font-size: x-small;
	color: #fff;
	text-transform:none;
	margin: 0 0 10px 0;
	}
#left-column #login-box input {
	width: 145px;
	background: #fff;
	margin: 0 auto 5px auto;
	border: 1px solid #d9d9d9;
	font-size: 90%;
	padding: 3px;
	color: #777;
	}
#left-column #login-box p a {
	display: block;
	font-size: xx-small;
	color: #fff;
	/*text-align: center;*/
	}
#left-column #login-box input.submitBtn {
	width: 50px;
	border-left: none;
	border-right: none;
	margin: 10px 0 0 45px;
	background: url(../images/login-btn.gif) no-repeat center center;
	cursor: pointer;
	}
	
#left-column #social-network {
	margin: 20px 0 0 0;
	}
#left-column #social-network h3 {
	color: #958957;
	font-weight: bold;
	margin: 0 0 2px 0;
	line-height: 17px;
	}
#left-column #social-network p {
	font-size: 90%;
	color: #958957;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
#left-column #social-network a.facebook {
	float: left;
	display: block;
	width: 80px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/icon-facebook.gif) no-repeat center center;
	}
#left-column #social-network a.facebook:hover {
	background: url(../images/icon-facebook-hover.gif) no-repeat center center;
	}
#left-column #social-network a.twitter {
	float: left;
	display: block;
	width: 93px;
	height: 25px;
	text-indent: -9999px;
	margin: 0 0 0 12px;
	background: url(../images/icon-twitter.gif) no-repeat center center;
	}
#left-column #social-network a.twitter:hover {
	background: url(../images/icon-twitter-hover.gif) no-repeat center center;
	}
#left-column #social-network a.linkedin {
	float: left;
	display: block;
	width: 93px;
	height: 25px;
	text-indent: -9999px;
	margin: 10px 0 0 40px;
	background: url(../images/icon-linkedin.gif) no-repeat center center;
	}
#left-column #social-network a.linkedin:hover {
	background: url(../images/icon-linkedin-hover.gif) no-repeat center center;
	}
	
/*  -------------- End Left Column --------------  */


/*  -------------- Begin No Right Column --------------  */
#container div.no-right-column {
	width: 690px;
	}
#container div.no-right-column {
	}
/*  -------------- End No Right Column --------------  */


/*  -------------- Begin Blog Wrapper --------------  */
#container div.blog-wrapper {
	width: 690px;
	border: none;
	}
#container div.blog-wrapper a.print-btn {
	display: none;
	}
#container div.blog-wrapper #content {
	margin: 0;
	padding: 0;
	border: none;
	}
#container div.blog-wrapper	a.print-btn {
	display: none;
	}
div.blog-wrapper .blogSidebar {
	margin: 30px 0 0 0;
	}
div.blog-wrapper #search {
	float: right;
	width: 216px;
	margin: 0 0 -50px 0;
	}
div.blog-wrapper #search input {
	width: 150px;
	background: #fff;
	border: 1px solid #d2d2d2;
	}
div.blog-wrapper #search input.txtSearch, .txtsearch {
	font-size: 90%;
	padding: 3px;
	color: #888;
	text-transform: uppercase;
	}
div.blog-wrapper #search input.submit-btn {
	width: 20px;
	border-left: none;
	border-right: none;
	background: url(../images/arrow-red.gif) #fff no-repeat center center;
	margin: 0 0 0 12px;
	cursor: pointer;
	}
/*  -------------- End Blog Wrapper --------------  */



/*  -------------- Begin Content --------------  */
#content-wrapper {
	width: 500px;
	float: left;
	border: 1px solid #d2d2d2;
	background: #fff;
	}
#content {
	min-height: 500px;
	margin: 4px;
	padding: 25px;
	border: 1px solid #d2d2d2;
	}
	
#content h1 {
	font-size: 170%;
	color: #c63a29;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}	
#content h2 {
	font-size: 140%;
	font-weight: bold;
	color: #7b7b7b;
	margin: 0 0 8px 0;
	}
#content h3 {
	font-size: 120%;
	font-weight: bold;
	color: #504624;
	margin: 0 0 8px 0;
	text-transform: none;
	}
#content h4 {
	font-size: 110%;
	font-weight: bold;
	color: #c63a29;
	margin: 0 0 8px 0;
	text-transform: none;
	}
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a  {
	font-weight: normal;
	}
	
#content p {
	line-height: 15px;
	margin: 0 0 15px 0;
	}
	
#content a {
	text-decoration: underline;
	}
	
#content img {
	margin: 0 10px 2px 0;
	}
	
#content ul {
	margin: 0 0 20px 30px;
	}
#content ul li {
	list-style: disc !important;
	line-height: 15px;
	}

#content .dropzone  ul {
	margin: 0 0 0 0;
	}
#content .dropzone ul li {
	list-style: none !important;
	line-height: normal;
	}	
#content .dropzone ul li .buttons span {
	width: 70%;
	}
	
#content ol {
	margin: 0 0 20px 30px;
	}
#content ol li {
	list-style: decimal !important;
	line-height: 15px;
	}
	
table.tbl {
	width: 99%;
	margin: 10px 0 20px 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	}
table.tbl th {
	font-weight: bold;
	text-align: left;
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	}
table.tbl th, table.tbl td {
	padding: 5px 7px;
	vertical-align: top;
	border: 1px solid #ccc;
	}
table.tbl th:hover {
	background: #d2d2d2;
	}
tfoot td {
	text-align: right;
	font-size: .75em;
	}
table tr td {
	vertical-align: top;
	top: 0;
	}
#content table p {
	line-height: normal;
	}

#form table {}
#form .note {}
#form .label {}
#form #memberchoice	{
	padding: 10px; 
	border: #ccc 1px dotted; 
	background-color: #f2f2f2
	}

.three-column-tbl {
	width: 440px;
	overflow: hidden;
	}
td.three-column-img {
	overflow: hidden;
	height: 180px;
	}
td.three-column-img a {
	position: absolute;
	z-index: 999;
	color: #fff;
	display: block;
	margin: 60px 0 0 20px;
	font-size: 395%;
	text-decoration: none !important;
	}
td.three-column-img img {
	position: absolute;
	z-index: 2;
	}
.three-column-tbl h2 {
	color: #c8392b !important;
	font-size: 120% !important;
	font-weight: bold !important;
	text-transform: none !important;
	height: 40px;
	}
.three-column-tbl td {
	vertical-align: top;
	}
.three-column-tbl td.column-one {
	border-right: 1px solid #ccc;
	padding: 0 10px 0 0;
	width: 33%
	}
.three-column-tbl td.column-two {
	border-right: 1px solid #ccc;
	padding: 0 10px 0 10px;
	width: 33%
	}
.three-column-tbl td.column-three {
	padding: 0 0 0 10px;
	}

.img-left-float img {
	float: left !important;
	margin: 0 10px 5px 0;
	}
.img-left-float div.clear {
	clear:  both;
	border-top: 1px dotted #ccc;
	margin:  20px 0;
	}
	sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	
	}
sup { 
	 bottom: .5ex;
	}
sub {
	 top: .5ex;
	}
/*
sub {	
	font: inherit;
	margin-left: 1px;
	vertical-align: sub;	
	}
sup {	
	font: inherit;
	margin-left: 1px;
	vertical-align: super;	
	}
*/	
/*  -------------- End Content --------------  */


/*  -------------- Begin Right Column --------------  */
#right-column {
	width: 175px;
	float: right;
	padding: 0 20px 0 0;
	}
#right-column #info-box, .infoBox,
#right-column #become-a-member {
	border: 1px solid #d2d2d2;
	margin: 0 0 20px 0;
	padding: 70px 25px 25px 25px;
	background: url(../images/info-box-bg.gif) #fff no-repeat top left;
	}
#right-column #become-a-member {
	background: url(../images/become-a-member-bg.gif) #fff no-repeat top left !important;
	}
#right-column #info-box h3, .infoBox h3,
#right-column #become-a-member h3,
#right-column .partners h3 {
	color: #958957;
	font-weight: bold;
	margin: 0 0 15px 0;
	line-height: 17px;
	}
#right-column #info-box a, .infoBox a,
#right-column #become-a-member a {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	}
#left-column .partners h3 {
	color: #958957;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	line-height: 17px;
	}
#ctl00_rightColContent_CBpartners {
	clear: both;
	margin: 0 0 0 -20px;
	}
/*  -------------- End Right Column --------------  */


/*  -------------- Begin Footer --------------  */
#footer {
	color: #6c6c66;
	background: #d8d9cd;
	padding: 15px 25px;
	}
#footer p.copyright {
	float: left;
	width: 60%;
	font-size: 90%;
	}
#footer p.compatibility {
	color:#929292;
	float: left;
	width: 60%;
	font-size: 90%;
	}
#footer #menu {
	float: right;
	text-align: right;
	}
#footer #menu ul.menu-list {
	}
#footer #menu ul.menu-list li {
	display: inline;
	list-style: none;
	background: url(../images/main-menu-divider.gif) no-repeat left 4px;
	padding: 0 5px 0 8px;
	}
#footer #menu ul.menu-list a:link,
#footer #menu ul.menu-list a:visited {
	color: #6c6c66;
	}
#footer #menu ul.menu-list a:hover {
	color: #7a7b74;
	}
/*  -------------- End Footer --------------  */


/*  -------------- Begin CV Pages --------------  */

.cv-body input.btn,
.cv-body input[type="submit"],
.cv-body input[type="reset"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background: #d2d2d2;
	padding: 1px 10px;
	border: 1px solid #c2c2c2;
	}

.cv-form-tbl {
	width: 99%;
	margin: 10px 0 20px 0;
	border-collapse: collapse;
	}
.cv-form-tbl th {
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	}
.cv-form-tbl th, .cv-form-tbl td {
	padding: 5px 7px;
	vertical-align: top;
	}

.cv-data-tbl {
	width: 99%;
	margin: 10px 0 20px 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	}
.cv-data-tbl th {
	font-weight: bold;
	text-align: left;
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	}
.cv-data-tbl th, .cv-data-tbl td {
	padding: 5px 7px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

.member-dir-tbl {}

.member-search-tbl {}
.member-search-tbl td.label-column {width: 90px;}

.reset-pwd-tbl {}

.update-my-info-tbl {}

.member-profile-tbl {}
.member-profile-tbl td.label-column {width: 90px;}

.update-my-info-tbl {}
.update-my-info-tbl td.highlight { font-size: 110%;}

.make-donation-tbl {}
/*  -------------- End CV Pages --------------  */


/*  -------------- Begin Sitemap --------------  */
#site-map ul {
	margin-left: 0px;
	}
#site-map ul li {
	list-style-type: none !important;
	font-weight: bold;
	}
#site-map ul li ul {
	margin-left: 25px;
	}
#site-map ul li ul li  {
	list-style-type: disc !important;
	font-weight: normal;
	}
/*  -------------- End Sitemap --------------  */



/*  -------------- Begin Forms --------------  */
table.form td {
	border:0 #ccc dotted;
	line-height:18px;
	padding:4px 4px 4px 0;
	}

table.form td.label {
	font-weight:700;
	color:#515151;
	text-align:right;
	width:150px;
	font-style:italic;
	vertical-align:top;
	}

.form input,.form textarea,.form select {
	border-right:#d2d7d2 2px solid;
	border-top:#d2d7d2 2px solid;
	border-left:#d2d7d2 2px solid;
	border-bottom:#d2d7d2 2px solid;
	width:210px;
	color:#515151;
	font-size:90%;
	}

.form img {
	border:0 solid red;
	margin:-15px 0 0 120px;
	}

.form select {
	font-weight:bolder;
	}

.form textarea {
	width:310px;
	}

.form input.button {
	color:#0067a6;
	width:120px;
	}

.button {
	margin-top:3px;
	background-color:#f2f2f2;
	color:#515151;
	font-size:80%;
	font-weight:700;
	}
/*  -------------- End Forms --------------  */



/*  -------------- Begin Recent Journal Articles --------------  */
#recent-articles-rss td {
	padding-bottom: 5px;
	}
#recent-articles-rss td p {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	}
#recent-articles-rss td a {
	font-size: 130%;
	text-decoration: none;
	}
#recent-articles-rss td p a {
	font-size: 100%;
	text-decoration: underline;
	font-weight: bold;
	}
/*  -------------- End Recent Journal Articles --------------  */


