/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* ----------------- */
/* GENERAL SELECTORS */
/* ----------------- */

body {
	min-width: 940px; /* IE 6 EDIT */
	color: #000;
	background: #fff url(../../images/backgrounds/gradient-white.png) bottom repeat-x;
	}
	a {
		color: #1f90c4;
		}
	a:hover {
		text-decoration: none;
		}
	h1 {
		color: #1f90c4;
		}
	h2 {
		color: #d36614;
		}
	h5 {
		font-weight: normal;
		font-style: italic;
		}
	span.copyright-date {
		display: block;
		}
		
	/* Dynamically added */
	div.hide { 
		display: none; 
		}		
		
	ul.links {
		list-style-type: none;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0;
		}
		ul.links li {
			margin: 0;
			padding: 0;
			}
			
	/* Features */
	div.feature {
		color: #999;
		margin-bottom: 32px;
		}
		div.feature h3 {
			margin-bottom: 1px;
			padding: 14px 11px;
			color: #fff;
			text-transform: uppercase;
			background: #d36614 url(../../images/backgrounds/gradient-red.png) repeat-x;
			}
			div.feature h3 a {
				color: #fff;
				text-decoration: none;
				}
		div.feature .feature-body {			
			padding: 18px 25px;
			background-color: #fff;
			border: 1px solid #d1d6d8;
			}
		div.feature .feature-body a {
			color: #0081be;
			text-transform: uppercase;
			text-decoration: none;
			font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
			font-size: 90%;
			font-weight: bold;					
			}
		div.feature a:hover {
			text-decoration: underline;
			}
		
	/* SPECIAL LINKS */
	/* Arrow following link */
	/* Use with JavaScript */
	a.special {
		padding-right: 22px;
		background: transparent url(../../images/arrow-orange-on-trans.png) right 4px no-repeat;
		}
		/* IE bug fix for special links - appended via JavaScript function on load */
		span.special { /* IE6 EDIT */
			display: inline-block;
			width: 15px;
			height: 9px;
			overflow: hidden;
			margin-top: 4px;
			margin-left: 5px;
			vertical-align: top;
			background-repeat: no-repeat;
			}	

/* ------------------ */
/* SPECIFIC SELECTORS */
/* ------------------ */

/* Outer container */
div#main { /* IE 6 EDIT */
	position: relative;
	width: 748px;
	overflow: visible;
	margin: 0 auto 0 auto;	
	border-top: 0px;
	}
	/* Header */
	div#header { /* IE 6 EDIT */
		position: relative;
		left: -1px;
		width: 750px;
		height: 101px;		
		/* REM - can't use with transparent header - background-color: #fff; */ /* Cover up border on parent element */
		/* REM - can't use with transparent header - border: 1px solid #dedede; */
		}
		div#header a {
			display: block;
			padding: 25px 13px;
			}
	/* Navigation */
	div#navigation {
		}
		ul.nav-primary {
			position: absolute;
			top: 340px;
			right: 0px;
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			ul.nav-primary li {
				float: left;	
				margin: 0;
				padding: 0;
				border-right: 1px solid #bcbcbc;
				background-repeat: none;
				}		
			div#navigation li.last {
				border: none;
				}	
				ul.nav-primary a {
					display: block;
					height: 26px;
					}
				ul.nav-primary a:hover {
					text-indent: -10000px;
					}
			/* Specific Nav Items */
			li#nav-calendar-of-events {
				width: 116px;
				background-image: url(../../images/navigation/calendar-of-events-blue.gif);
				}
			li#nav-alliance-members {
				width: 110px;
				background-image: url(../../images/navigation/alliance-members-blue.gif);
				}
			li#nav-relationship-manager {
				width: 143px;
				background-image: url(../../images/navigation/relationship-manager-blue.gif);
				}
		form#search {
			position: absolute;
			top: 44px;
			right: -6px;
			}
			form#search input {
				float: left;
				min-height: 23px; /* IE 7 EDIT */
				margin-right: 8px;
				}
		div#logout {
			position: absolute;
			top: 5px;
			right: 3px;
			}
			div#logout a {
				font-size: 90%;
				text-transform: uppercase;
				text-decoration: none;
				}
			div#logout a:hover {
				text-decoration: underline;
				}
	/* Billboard */
	div#billboard {
		height: 238px; /* 239 with border */
		background: #c6c6c6 url(../../images/backgrounds/gradient-black.png) bottom no-repeat;
		border-top: 1px solid #dedede;		
		}
	/* Content */
	div#content {	
		padding: 0 37px 37px 32px;
		background: #d7d7d7 url(../../images/backgrounds/gradient-gray.png) repeat-x;
		border-top: 1px solid #dedede;	
		}
		div#content h1 {
			display: block;
			position: relative;
			top: -20px;
			left: -19px;
			width: 343px; /* Total 363 - IE 5.5 EDIT */
			margin-bottom: 40px;
			padding: 19px 0 0 20px;			
			background-color: #fff;					
			}
		div#content h2.subhead {
			width: 437px;
			}
		div#features {
			float: right;
			width: 244px;
			margin-left: 55px;
			}			
/* Footer */
div#footer {
	width: 718px; /* 940 total - IE 5.5 EDIT */
	height: 89px; /* 114 total - IE 5.5 EDIT */
	padding: 25px 111px 0 111px;
	margin: 0 auto 0 auto;
	font-size: 80%;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #fff;
	background: transparent url(../../images/backgrounds/shadow-page.png) bottom no-repeat; /* IE 6 EDIT */
	}
	
/* ------- */
/* MODULES */
/* ------- */
	
/* PSEUDO-SELECT MENU version 2 GML */
/* Use with JavaScript */
div.pseudo-select {
	width: 300px;
	height: auto;
	overflow: hidden;		
	margin-bottom: 20px;
	color: #000;	
	background-color: #fff;	
	border: 1px solid #7f9db9;		
	}
	div.pseudo-select h6 {
		min-height: 17px;
		padding-top: 2px;
		padding-left: 3px;
		overflow: visible;
		color: #000;
		font-weight: normal;
		background: #fff url(../../images/pseudoselect-arrow.gif) right top no-repeat;														
		}
	div.pseudo-select ul {	
		display: block;	
		list-style-type: none;
		width: 300px;
		height: 100px;
		margin: 0;				
		overflow: auto;	
		overflow-x: hidden;
		overflow-y: auto;									
		}
		div.pseudo-select ul a {
			display: block;
			width: 280px;					
			padding-left: 3px;
			color: #000;
			text-decoration: none;
			}
			div.pseudo-select ul a:hover {
				background-color: #b2b4bf;
				}