@import url("/associations/9508/css/portal/portal-right.css");

/*----------------------------------------
AFLA Stylesheet
Last Updated: May 2, 2010
(c) 2010 Affiniscape, Inc.
All Rights Reserved. This style sheet must not be reproduced without the express written permission of Affiniscape, Inc.
For questions regarding licensing or setup please contact Affiniscape, projects @ affiniscape dot com
----------------------------------------*/
body {
	margin: 11px 0 0 0;
	background: #87c5e1 url(../imgs/bak-body.png) repeat-x 0 0;
}

body#nobackground { background: #fff none; }

body,
td,
p {
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	border-bottom: 1px solid #d5d5d5;
	color: #be6f1f;
	font: normal 26px/1em Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 .6em 0;
	padding-bottom: .4em;
}

h2 {
	color: #004666;
	font: normal 20px/1em Georgia, "Times New Roman", Times, serif;
	margin: 1.2em 0 .6em 0;
}

h3 {
	color: #004666;
	font: normal 18px/1em Georgia, "Times New Roman", Times, serif;
	margin: 1.4em 0 .6em 0;
}

a:link, 
a:active, 
a:visited {
	color: #060;
	text-decoration: underline;
}

a:hover {
	color: #be6f1f;
	text-decoration: none;
}

hr {
	color: #d5d5d5;
	background-color: #d5d5d5;
}

p {
	line-height: 1.6em;
	margin: 1em 0;
}

blockquote {
	background: #f0f0f0;
	clear: left;
	margin: 1.2em .5em;
	padding: .7em 24px .7em 16px;
}

blockquote,
blockquote p {
	color: #7f8081;
	font: normal 16px/1.8em Georgia, "Times New Roman", Times, serif;
}

blockquote p { margin: auto 0; }


/* Global Header
----------------------------------------*/
#assnbanner2cell { text-align: center; }

#assnbanner2cell embed,
#assnbanner2cell object {
	height: 135px !important;
	width: 960px !important;
}


/* Global Navigation
----------------------------------------*/
/* Navtop1 */
#navtop1cell {
	background: url(../imgs/bak-navtop1cell.png) no-repeat 0 bottom;
	height: 31px;
	text-align: right;
}

#navtop1list {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#navtop1list a {
	color: #fff;
	display: block;
	font: 14px/14px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 10px 16px 7px 16px;
	text-align: center;
	text-decoration: none;
}

#navtop1list a:hover { text-decoration: underline; }

/* Navtop2 */
#navtop2cell {
	background: #004666 url(../imgs/bak-navtop2cell.png) no-repeat 0 0;
	height: 40px;
	text-align: center;
}

#navtop2list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: auto;
}

#navtop2list li {
	background: url(../imgs/bak-navtop2cell-li.png) no-repeat 0 0;
	display: inline-block;
	float: none;
	margin: 0 10px;
	padding: 0 0 0 6px;
	/* hasLayout fix */
	zoom:1;
	*display: inline;
	_height: 40px;
}

#navtop2list a {
	background: url(../imgs/bak-navtop2cell-a.png) no-repeat right 0;
	color: #fff;
	display: block;
	font: 16px/16px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 12px 26px 12px 20px;
	text-align: center;
	text-decoration: none;
}

#navtop2list li:hover { background-position: 0 -70px; }
#navtop2list li:hover a { background-position: right -70px; }


/* Drop-down menus
----------------------------------------*/
/* Navtop1 */
#navtop1list li { z-index: 100; }

#navtop1list li ul {
	background: none;
	border: none;
	border-top: none;
	margin: 0 0 0 -3px;
	padding: 0;
	width: 211px;
}

/* Set nav drop-shadows */
#navtop1list.sf-shadow ul {
	background: url(../imgs/bak-navtop2cell-ul-ul.png) no-repeat right bottom;
	padding: 0 3px 18px 3px;
}

#navtop1list.sf-shadow ul.sf-shadow-off { background: #1d761d none; }
/* End shadows */

#navtop1list li ul li {
	background: none;
	border: none;
	margin: 0;
	padding: 0 10px;
	width: 191px;
}

#navtop1list li ul li.first {
	background: url(../imgs/bak-navtop1cell-li-first.png) no-repeat -6px 0;
	border-top: none !important;
	padding-top: 10px;
}

#navtop1list li li a:link,
#navtop1list li li a:active,
#navtop1list li li a:visited,
#navtop1list li li a:hover {
	background: transparent none;
	border-radius: 6px;
	color: #ccdbee;
	font: normal 13px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 999;
	padding: .7em 10px;
	text-align: left;
	width: 171px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#navtop1list li li a:hover {
	background: #014767;
	color: #fff;
}

/* Navtop2 */
#navtop2list li ul {
	background: none;
	border: none;
	border-top: none;
	margin: 0 0 0 -7px;
	padding: 0;
	width: 191px;
}

/* Set nav drop-shadows */
#navtop2list.sf-shadow ul {
	background: url(../imgs/bak-navtop2cell-ul-ul.png) no-repeat right bottom;
	padding: 0 13px 18px 13px;
}

#navtop2list.sf-shadow ul.sf-shadow-off { background: #1d761d none; }
/* End shadows */

#navtop2list li ul li {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navtop2list li ul li.first {
	background: url(../imgs/bak-navtop2cell-li-first.png) no-repeat -6px 0;
	border-top: none !important;
	padding-top: 10px;
}

#navtop2list li li a:link,
#navtop2list li li a:active,
#navtop2list li li a:visited,
#navtop2list li li a:hover {
	background: transparent none;
	border-radius: 6px;
	color: #ccdbee;
	font: normal 13px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 999;
	padding: .7em 10px;
	text-align: left;
	width: 171px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#navtop2list li li a:hover {
	background: #014767;
	color: #fff;
}


/* System Messages
----------------------------------------*/



/* Main Content
----------------------------------------*/
#maincontentcell {
	background: #fff url(../imgs/bak-maincontentcell.png) no-repeat;
	border: 1px solid #343434;
	border-top: none;
	padding: 0;
}

#maincontentcell ul {
	list-style: none;
	line-height: 1.4em;
	margin: .6em 0;
	padding: 0;
}

#maincontentcell li {
	background: url(../imgs/li-arrow.png) no-repeat 1px .6em;
	padding: .4em 0 .4em 16px;
}

#maincontentcell h1,
#maincontentcell h2,
#maincontentcell h3,
#maincontentcell h4,
#maincontentcell h5,
#maincontentcell h6,
#maincontentcell p,
#maincontentcell ol,
#maincontentcell blockquote,
#maincontentcell ul,
#maincontentcell div,
#maincontentcell address,
#maincontentcell hr {
	margin-left: 25px;
	margin-right: 25px;
}


/* Sub Content
----------------------------------------*/
#maincontentsubtable { margin: 0 !important; }
#maincontentsubcell { padding: .5em 0 2em 0; }

#maincontentsubcell img {
	background: #fff;
	border: 1px solid #d5d5d5;
	float: right;
	margin: 2px 2px 16px 16px;
	padding: 3px;
}


/* Client-side Right Navigation
----------------------------------------*/
#rightnavcell {
	background: #f0f0f0 url(../imgs/bak-rightnavcell.png) no-repeat right 0;
	padding: .6em 0 2em 0;
	width: 224px !important;
}

#rightnavcell h1,
#rightnavcell h2,
#rightnavcell h3,
#rightnavcell h4,
#rightnavcell h5,
#rightnavcell h6,
#rightnavcell p,
#rightnavcell ol,
#rightnavcell blockquote,
#rightnavcell ul,
#rightnavcell div,
#rightnavcell address,
#rightnavcell hr {
	margin-left: 18px;
	margin-right: 18px;
}


/* Footer
----------------------------------------*/
#assnfootercell,
#footertablecell {
	background: url(../imgs/bak-assnfootercell.png) no-repeat;
	padding: 12px 8px;
}

#assnfootercell,
#assnfootercell p,
#footertablecell,
#footertablecell p,
#assnfootercell #powered_by {
	color: #424e53;
	font-size: 11px;
	margin: 0;
}

#assnfootercell ul,
#footertablecell ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#assnfootercell li,
#footertablecell li {
	float: left;
	padding: 0 0 0 .7em;
	margin: 0 0 0 .7em;
}

#assnfootercell li + li,
#footertablecell li + li {
	border-left: 1px solid #424e53;
}

#assnfootercell a,
#footertablecell a,
#assnfootercell #powered_by a {
	color: #424e53;
	text-decoration: none;
}

#assnfootercell a:hover,
#footertablecell a:hover,
#assnfootercell #powered_by a:hover {
	color: #333;
	text-decoration: underline;
}

#powered_by {
	clear: both;
	margin: .2em 0 0 0 !important;
	text-align: left;
}


/* 360 Portal
----------------------------------------*/
div#content {
	margin: 0;
	padding: 25px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ol,
#content blockquote,
#content ul,
#content div,
#content address,
#content hr {
	margin-left: 0;
	margin-right: 0;
}

h2.branded_login { width: 350px; }
div#login_form { width: 330px; }

div#nav_links { margin-top: 20px; }
div#nav_links a {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
