/*----------------------------------------
Affiniscape ACEC-WI Stylesheet
Last Updated: August 1, 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
----------------------------------------*/

@import url(/global/css/960_24_col.css);
@import url(/global/css/global-styles.css);

body {
	background: #E5EBEE url(../imgs/bak-body.png) repeat-x left top;
	margin: 0;
}

#structuraltable {
	background: url(../imgs/bak-structuraltable.png) repeat-y center top;
}

body#nobackground { background: #fff none; }

body,
td,
p {
	color: #333;
	font-size: 12px;
	line-height: 1.75em;
}

h1 {
	border-bottom: 1px solid #BDCAD7;
	color: #00375C;
	font: normal 36px/1.1em Trebuchet MS, Arial, sans-serif;
	margin: 10px 0 15px;
	padding: 0 0 10px;
}

h2 {
	color: #4C738D;
	font: normal 24px/1.1em Trebuchet MS, Arial, sans-serif;
	margin: 15px 0 10px;
}

h3 {
	color: #00375C;
	font: normal 18px/1.1em Trebuchet MS, Arial, sans-serif;
	margin: 15px 0 10px;
}

h4 {
	color: #333;
	font: bold 16px/1.1em Helvetica, Arial, sans-serif;
	margin: 15px 0 10px;
}

h5 {
	color: #333;
	font: normal 16px/1.1em Trebuchet MS, Arial, sans-serif;
	margin: 15px 0 10px;
}

h6 {
	color: #00375C;
	font: bold 13px/1em Helvetica, Arial, sans-serif;
	margin: 15px 0 10px;
}

a:link, 
a:active, 
a:visited,
#maincontentcell a:link, 
#maincontentcell a:active, 
#maincontentcell a:visited,
#rightnavcell a:link, 
#rightnavcell a:active, 
#rightnavcell a:visited {
	color: #03C;
	text-decoration: none;
}

a:hover,
#maincontentcell a:hover,
#rightnavcell a:hover {
	color: #03C;
	text-decoration: underline;
}

hr {

}


/* Global Navigation
----------------------------------------*/
#navtop1list, #navtop2list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Navtop1 */
#navtop1cell {
	background: url(../imgs/bak-navtop1.png) no-repeat center bottom;
	padding-top: 5px;
}
#navtop1list {
	float: right;
	height: 38px;
	padding: 0 20px;
}
#navtop1list li {
	font: 12px/1em Trebuchet MS, Arial, sans-serif;
	padding: 6px 0 0;
}
#navtop1list li.navtop1divider {
	padding: 16px 0 10px;
}
#navtop1list li a {
	color: #333;
	display: block;
	font: 12px/1em Trebuchet MS, Arial, sans-serif;
	padding: 10px 6px;
	text-decoration: none;
}
#navtop1list li.current a {
	text-decoration: underline;
}
#navtop1list li a.hover,
#navtop1list li a:hover {
	text-decoration: underline;
}

/* Navtop2 */
#navtop2list {
	background: url(../imgs/bak-navtop2.png) no-repeat center top;
	height: 40px;
	padding: 0 9px;
}
#navtop2list li {
	/*width: 160px;*/
	z-index: 26;
}
#navtop2list li a {
	color: #FFF;
	display: block;
	font: 16px/1em Trebuchet MS, Arial, sans-serif;
	padding: 0;
	padding-right: 8px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 #003;
	white-space: nowrap;
}
#navtop2list li.current a {
	background: url(../imgs/bak-navtop2link-current.png) no-repeat 50% 50%;
}
#navtop2list li a span {
	display: block;
	padding: 12px 21px 12px 29px;
}
#navtop2list li a.hover,
#navtop2list li a:hover {
	background: url(../imgs/bak-navtop2link-hover.png) no-repeat 100% -40px;
	text-shadow: 0 -1px 0 #960;
}
#navtop2list li a.hover span,
#navtop2list li a:hover span {
	background: url(../imgs/bak-navtop2link-hover.png) no-repeat 0% 0px;
}

/* Flyout Menus */
#navtop1list li ul, 
#navtop2list li ul {
	background: url(../imgs/bak-flyout.png) no-repeat right bottom;
	border: none;
	margin: 0;
	padding: 0 5px 10px 1px;
	width: 200px;
	z-index: 999;
}
#navtop1list li ul {
	left: -5px;
}
#navtop2list li ul.last {
	right: -4px;
}
#navtop1list li ul li, 
#navtop2list li ul li {
	border: none;
	margin: 0;
	padding: 0;
}
#navtop1list li li a, 
#navtop1list li li a:hover, 
#navtop1list li li a:link, 
#navtop1list li li a:visited,
#navtop2list li li a, 
#navtop2list li li a:hover, 
#navtop2list li li a:link, 
#navtop2list li li a:visited {
	background: none;
	border: none;
	border-bottom: 1px solid #CDA22A;
	border-top: 1px solid #EBD082;
	margin: 0;
	padding: 7px 10px;
	text-align: left;
	text-decoration: none;
	text-shadow: none;
	width: 180px;
}
#navtop1list li li a:hover, 
#navtop2list li li a:hover {
	background-color: #00375C;
	border-bottom: 1px solid #002137;
	border-top: 1px solid #66879D;
	color: #FFF;
}
#navtop1list li li.first a, 
#navtop2list li li.first a {
	border-top: none;
}
#navtop1list li li.last a, 
#navtop2list li li.last a {
	border-bottom: none;
}

#navtop1list li ul {
	top: 100%;
}

#navtop1 li ul li,
#navtop2 li ul li, 
#navleft li ul li { border: none; }

* html ul#navtop1 li li a,
* html ul#navtop1 li li a:hover,
* html ul#navtop2 li li a,
* html ul#navtop2 li li a:hover
* html ul#navleft li li a,
* html ul#navleft li li a:hover { width: 175px; }

/* Global Nav - Below Banner */
#navtop1 li { margin-bottom: 0; }
#navtop1 li li { margin: 0; }


/* System Messages
----------------------------------------*/
#assnbanner2div {
	position: relative;	
}

#returnlinktable,
.infomessage,
.errormessage,
.loginmessage {
	
}

#pageheadertable {
	
}


/* Main Content
----------------------------------------*/
#contentwrappersubtable, #maincontenttable {
	background: url(../imgs/bak-maincontenttable.png) repeat-y 50% 0%;	
}

#maincontentcell {
	background: url(../imgs/bak-maincontentcell.png) no-repeat 50% 0%;
	padding: 10px 35px;
}


/* Sub Content
----------------------------------------*/
#maincontentsubtable {
	
}

#maincontentcell p {
	margin: 10px 0;
}

#maincontentsubcell {
	width: auto !important;
}

#maincontentsubcell img.borders {
	background-color: #FFF;
	border: 4px solid #E1B842;
	margin: 10px;
	padding: 1px;
}
#maincontentcell ul {
	list-style: none;
	margin: 1em 0.5em;
	padding: 0;
}
#maincontentcell ul li {
	background: url(../imgs/li-bullet.png) no-repeat 0 10px;
	margin: 0;
	padding: 2px 0 2px 15px;
}

#maincontentsubcell blockquote {
	border-bottom: 1px solid #CCD7DE;
	border-top: 1px solid #CCD7DE;
	margin: 15px 20px;
	padding: 1px 20px;
}
#maincontentsubcell blockquote, #maincontentsubcell blockquote p {
	color: #00375C;
	font: normal 13px/1.5em Trebuchet MS, Arial, sans-serif;
	font-style: italic;
}


/* Client-side Right Navigation
----------------------------------------*/
#rightnavcell {
	
}

#rightnavcell ul li {
	
}


/* Client-side Left Navigation
----------------------------------------*/
#leftnavcell {
	background: url(../imgs/bak-leftnav.png) repeat-y 100% 0%;
	border-right: 24px solid #F5F7F9;
	padding-right: 4px;
	width: 235px;
}
#leftnavcell p, #leftnavcell ul {
	margin-left: 25px;
	margin-right: 15px;
}
#leftnavcell ul li {
	background: none;
	margin: 0;
	padding: 0;
}

#leftnavcell h5 {
	font: normal 20px/1.1em Trebuchet MS, Arial, sans-serif;
	margin: 10px 0 15px;
}
#leftnavcell h6 {
	background: url(../imgs/bak-leftnav-h6.png) no-repeat 0% 0%;
	font: bold 13px/1em Helvetica, Arial, sans-serif;
	margin: 20px 0 5px;
	padding: 7px 25px;
}
#leftnavcell h6 a {
	color: #00375C;
	text-decoration: none;
}
#leftnavcell h6 a:hover {
	color: #03C;
	text-decoration: none;
}

/* Footer
----------------------------------------*/
#footertable {
	
}
#footertablecell {
	
}
#assnfooter {
	background-color: #194B6C;
	border-top: 1px solid #143C56;
	color: #FFF;
	padding: 10px 0;
}
#assnfooter * {
	color: #FFF;
	font-size: 11px;
	line-height: 1.2em;
}
#assnfooter p {
	margin: 5px 0;
}
#assnfooter h3 {
	color: #8FA5BA;
	font: normal 16px/1.1em Arial, sans-serif;
	margin: 0 0 10px;
}
#assnfooter a {
	color: #DEB02E;
	text-decoration: none;
}
#assnfooter a:hover {
	color: #DEB02E;
	text-decoration: underline;
}
#assnfooter span {
	display: inline-block;
	font-weight: bold;
	text-align: right;
	width: 40px;
}
#assnfooter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* Clickable Logo
----------------------------------------*/
#logo-click {
	border: none;
	margin-left: -480px;
	top: 43px;
	width: 160px;
}

#logo-click h1 {
	height: 94px;
}


/* Search
----------------------------------------*/
#search-widget {
	position: absolute;
	right: 25px;
	top: 20px;
}
#search-widget #search-field {
	background: url(../imgs/bak-search-field.png) no-repeat 50% 50%;
	border: none;
	height: 14px;
	margin-right: 7px;
	padding: 5px 3px;
	vertical-align: middle;
	width: 148px;
}


/* Login
----------------------------------------*/
#navtop1list li a#navtop1link_4.hover, 
#navtop1list li a#navtop1link_4:hover {
	background: url(../imgs/bak-login.png) no-repeat 50% 6px;
	color: #FFF;
	text-decoration: none;
}
#navtop1div {
	overflow: visible;
	position: relative;
	zoom: 1;
	z-index: 999;
}
#login-menu {
	background: url(../imgs/bak-flyout.png) no-repeat scroll 100% 100%;
	overflow: hidden;
	position: absolute;
	right: 16px;
	top: 38px;
	z-index: 999;
	width: 206px;
}
#login-widget {
	padding: 0 5px 10px 1px;
}
#login-widget div#quick_login {
	margin: 10px 10px 5px;
}
#login-widget label {
	color: #FFF;
	font: bold 12px Trebuchet MS, Arial, sans-serif;
}
#login-widget a.forgotpass {
	color: #053B60;
	font-family: Trebuchet MS, Arial, sans-serif;
	text-decoration: none;
}
#login-widget a.forgotpass:hover {
	text-decoration: underline;
}
#login-widget div input#loginbutton {
	margin:  3px;
}


#login-widget div#login_welcome {
	margin: 0;	
}
#login-widget div#login_welcome h6 {
	border-bottom: 1px solid #CDA22A;
	margin: 0;
	padding: 10px;
	text-align: center;
}
#login-widget #login_welcome ul, #login-widget #login_welcome ul li {
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#login-widget #login_welcome li a, 
#login-widget #login_welcome li a:hover, 
#login-widget #login_welcome li a:link, 
#login-widget #login_welcome li a:visited {
	background: none;
	border: none;
	border-bottom: 1px solid #CDA22A;
	border-top: 1px solid #EBD082;
	color: #FFF;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	text-shadow: none;
	width: 180px;
}
#login-widget #login_welcome li a:hover {
	background-color: #00375C;
	border-bottom: 1px solid #002137;
	border-top: 1px solid #66879D;
	color: #FFF;
}
#login-widget #login_welcome li.first a {
	border-top: none;
}
#login-widget #login_welcome li.last a {
	border-bottom: none;
}