.searchHeader
{
	width          : 100%;
	height         : 16px;
	border-top     : 1px solid #DEDEDE;
	border-bottom  : 1px solid #DEDEDE;
	color          : #6DA1C7;
	font-size      : 12px;
	padding        : 4px;
	margin-bottom  : 8px;
	margin-top     : 12px;
	line-height    : 16px;
}

.searchHeader a
{
	margin-left : 20px;
	color       : #5EA107;
}

.searchResultsHeader
{
	width          : 100%;
	height         : 16px;
	color          : #5EA107;
	font-size      : 14px;
	padding        : 4px;
	margin-bottom  : 8px;
	margin-top     : 8px;
}

.searchItem a:hover
{
	color           : #5EA107;
	text-decoration : underline;
}

.content-editable
{
	background : #FFFFE6;
}
.content-editable-over
{
	background : #FFFF80;
	cursor     : pointer;
}

blockquote
{
	margin-left : 20px;	
}

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #999; /* footer background-color */
	font		: 12px Arial, Helvetica, Verdana, sans-serif;
	color		: #333;
}
a img, img, table { border: 0; }
/* ------------------------------ General HTML Elements */
h1
{
	font-size	: 30px;
	line-height	: 27px;
	color		: #f6f8f1;
	font-weight	: normal;
	padding		: 15px 0;
}
h2 
{ 
	font-weight		: bold;
	color			: #333;
	font-size		: 20px;
	margin-bottom	: 20px;
}
h3
{
	font-size		: 14px;
	font-weight		: bold;
	margin-bottom	: 18px;
	color			: #333;
	text-transform	: uppercase;
}
a 
{ 
	text-decoration	: none;
	font-weight		: bold;
	color			: #4260b1;
}
a:hover 
{ 
	text-decoration	: underline;
	color			: #0046e1;
}
a:active { } 
a:visited { }

h1 { }
h2 { }
h3 { }
h4
{
	font-size	: 12px;
	font-weight	: bold;
}

p { margin: 15px 0; }

input.txt 
{ 
	padding		: 1px; 
	font-size	: 11px;
	color		: #939393;
}
input.txt.focused 
{ 
	color		: #2c4177; 
	font-weight	: bold;
}
input.btn 
{ 
	text-indent	: -9999px; /* doesn't work in IE... so much fo accessibility */
	border		: 0;
	display		: block;
	float		: left;
}
input.btn#login
{
	width		: 45px;
	height		: 19px;
	background	: url(images/btn_login.gif) center center no-repeat;	
}
a#logout
{
	display 	: block;
	width		: 53px;
	height		: 19px;
	margin-left	: 6px;
	background	: url(images/btn_logout.gif) center center no-repeat;	
	float		: left;
	text-indent	: -9999px;
}
input.btn#go
{
	width		: 45px;
	height		: 19px;
	background	: url(images/btn_go.gif) center center no-repeat;
}
/*
input.btn
{ 
	border			: #CCC 2px solid;
	background		: #999;
	color			: #FFF;
	font-size		: 11px;
	font-weight		: bold;
	text-transform	: uppercase;
}
*/

/* 
	this centers all major sections
	while allowing maximum structural flexibility
	and maintaining browser consistency
*/
#pageHead .content,
#mainNav .content,
#media .content,
#sectionBar .content, 
#base .content,
#footer .content
{
	width	: 770px;
	margin	: 0 auto;
	clear	: both;
}

/* ------------------------------ pageHead */
#pageHead
{
	background		: #FFF url(images/pageHead_bg.gif) bottom left repeat-x;
	border-top		: #4260b1 10px solid;
	/* removed in favor of a split logo over the PNG... mainly to please IE6
	border-bottom	: #4260b1 2px solid; */
}
#pageHead .content { height: 83px; }
#pageHead .content { position: relative; }
a#logo
{
	display		: block;
	width		: 132px;
	height		: 69px;
	background	: url(images/nasig_logo.gif) top left no-repeat;
	position	: absolute;
	left		: 10px;
	top			: 6px;
	text-indent	: -9999px;
}
#pageHead #member-login
{
	position		: absolute;
	left			: 195px;
	top				: 48px;
	background		: url(images/pageHead_member-login_bg.gif) center left no-repeat;
	padding-left	: 93px;
}
#pageHead #greeting
{ 
	position	: absolute;
	left		: 345px;
	top			: 21px;
	line-height	: 19px;
}
#pageHead #greeting p { float: left; }
#pageHead #member-login input, #pageHead #search input 
{ 
	float	: left; 
	margin	: 0 1px;
}
#pageHead #search
{
	position		: absolute;
	right			: 0px;
	top				: 48px;
	background		: url(images/pageHead_search_bg.gif) center left no-repeat;
	padding-left	: 50px;
}
#pageHead input.txt
{
	width	: 90px;
}

/* ------------------------------ mainNav */
#mainNav
{
	/* removed in favor of a split logo over the PNG... mainly to please IE6
	border-top		: #FFF 1px solid; */
	border-bottom	: #d9d9d9 1px solid;
	background		: #94ac46;
}
#mainNav .content
{
	height		: 34px;
	/* OLD logo:  background	: url(images/logo_bottom.gif) top left no-repeat; */
}
#mainNav ul
{
	list-style	: none;
	padding-left: 95px;
}
#mainNav ul li { display: inline; }
#mainNav ul li a
{
	display				: block;
	float				: left;
	height				: 34px;
	/*
	line-height			: 34px;
	font-size			: 11px;
	color				: #FFF;
	text-transform		: uppercase;
	text-decoration		: none;
	*/
	text-indent			: -9999px;
	/*background-color	: #94ac46;*/
	background-position	: center center;
	background-repeat	: no-repeat;
}
#mainNav ul li a:hover, #mainNav ul li a.selected
{
	background			: #4260b1;
	background-position	: center center;
	background-repeat	: no-repeat;
}
#mainNav ul li a.selected { background-color: #718923; }

/* HOME */
#mainNav #home
{
	width				: 51px;
	background-image	: url(images/mainNav_home.gif);
}
#mainNav a:hover#home, #mainNav a#home.selected { background-image: url(images/mainNav_home_over.gif); }
#mainNav a#home.selected { background-image: url(images/mainNav_home_selected.gif); }

/* ABOUT */
#mainNav #about
{
	width				: 95px;
	background-image	: url(images/mainNav_about.gif);
}
#mainNav a:hover#about { background-image: url(images/mainNav_about_over.gif); }
#mainNav a#about.selected { background-image: url(images/mainNav_about_selected.gif); }

/* MEMBERSHIP */
#mainNav #membership
{
	width				: 130px;
	background-image	: url(images/mainNav_membership.gif);
}
#mainNav a:hover#membership, #mainNav a#membership.selected { background-image: url(images/mainNav_membership_over.gif); }
#mainNav a#membership.selected { background-image: url(images/mainNav_membership_selected.gif); }

/* MY MEMBERSHIP */
#mainNav #my-membership
{
	width				: 115px;
	background-image	: url(images/mainNav_my-membership.gif);
}
#mainNav a:hover#my-membership, #mainNav a#my-membership.selected { background-image: url(images/mainNav_my-membership_over.gif); }
#mainNav a#my-membership.selected { background-image: url(images/mainNav_my-membership_selected.gif); }

/* CONFERENCE */
#mainNav #conference
{
	width				: 145px;
	background-image	: url(images/mainNav_conference.gif);
}
#mainNav a:hover#conference, #mainNav a#conference.selected { background-image: url(images/mainNav_conference_over.gif); }
#mainNav a#conference.selected { background-image: url(images/mainNav_conference_selected.gif); }

/* PUBLICATIONS */
#mainNav #publications
{
	width				: 100px;
	background-image	: url(images/mainNav_publications.gif);
}
#mainNav a:hover#publications, #mainNav a#publications.selected { background-image: url(images/mainNav_publications_over.gif); }
#mainNav a#publications.selected { background-image: url(images/mainNav_publications_selected.gif); }

/* RESOURCES */
#mainNav #resources
{
	width				: 87px;
	background-image	: url(images/mainNav_resources.gif);
}
#mainNav a:hover#resources, #mainNav a#resources.selected { background-image: url(images/mainNav_resources_over.gif); }
#mainNav a#resources.selected { background-image: url(images/mainNav_resources_selected.gif); }

/* CONTACT */
#mainNav #contact
{
	width				: 67px;
	background-image	: url(images/mainNav_contact.gif);
}
#mainNav a:hover#contact, #mainNav a#contact.selected { background-image: url(images/mainNav_contact_over.gif); }
#mainNav a#contact.selected { background-image: url(images/mainNav_contact_selected.gif); }


/* ------------------------------ media */
#media
{
	background		: #2c4075 url(images/media_bg.gif) top left repeat-x;
	margin-bottom	: 1px;
	min-height		: 182px;
	color			: #FFF;
	font-size		: 11px;
	line-height		: 16px;
	color 			: #f0f0f0;
}
#media .content div
{
	width	: 370px;
	float	: left;
}
#media img, #media blockquote { float: right; }
#media p { margin: 0; }

/* ------------------------------ sectionBar */
#sectionBar
{
	height			: 91px;
	margin-bottom	: 1px;
	background		: #4260b1 url(images/media_bg.gif) bottom left repeat-x;
}
#sectionBar img { float: left;}
#sectionBar h1 
{ 
	margin		: 0;
	padding		: 0 20px;
	float		: left;
	line-height	: 91px;
}

/* ------------------------------ base */
#base
{	
	border-top	: #333 7px solid;
	background	: #dedede url(images/base_bg.gif) top left repeat-x;
}
#base .content
{
	border-right	: #999 1px solid;
	border-left		: #999 1px solid;
	background		: #FFF url(images/base_content_bg.gif) top center repeat-y;
}
#page.home #base .content 
{ 
	background-image: url(images/home_base_content_bg.gif); 
	padding			: 30px 0;
}
#base .content.full { background-image: url(images/base_content_full_bg.gif); }


#base .content table td { vertical-align: top; }
#page.home #base .content table td { width: 253px; }
#news div, #events div { padding: 0 20px; }
#news p, #events p { margin: 6px 0 20px 0; }
#events span
{
	color			: #000;
	display			: block;
	text-transform	: uppercase;
}
#events em
{
	display		: block;
	padding-top	: 5px;
	color		: #767676;
}

a#join-nasig
{
	display			: block;
	width			: 243px;
	height			: 88px;
	margin-bottom	: 8px;
	background		: url(images/btn_join-nasig.gif) bottom left no-repeat;
	text-indent		: -9999px;
}
a:hover#join-nasig { background-position: top left; }
a#membership-directory
{
	display			: block;
	width			: 243px;
	height			: 88px;
	margin-bottom	: 8px;
	background		: url(images/btn_membership-directory.gif) bottom left no-repeat;
	text-indent		: -9999px;
}
a:hover#membership-directory { background-position: top left; }

#welcome
{
	width			: 243px;
	height			: 88px;
	/* This is set inline due to some very strange browser behavior...
	background		: #d9dfef url(images/welcome_bg.gif) top right no-repeat; */
	position		: relative;
	margin-bottom	: 8px;
}
#welcome p
{
	margin		: 0;
	position	: absolute;
	top			: 14px;
	left		: 14px;
}
a#welcome-logout 
{
	display		: block;
	width		: 68px;
	height		: 19px;
	background	: url(images/btn_welcome-logout.gif) bottom left no-repeat;
	position	: absolute;
	top			: 57px;
	left		: 14px;
	text-indent	: -9999px;
}
a:hover#welcome-logout { background-position: top left; }

#links div
{
	width		: 243px;
	background	: #d9dfef;
}
#links ul
{
	list-style	: none;
	margin		: 10px 0;
	padding		: 20px 14px;
}
#links ul li { margin-bottom: 12px; }
#links a#join-nasig, #membership-directory, #links div { margin-left: 10px; } 
/* this is done to avoid setting padding on #links, which has a width specified via #main .content table td */

/* ------------------------------ main */
#main { width: 410px; }
#main #output { padding: 20px; }

#main ul, #main ol
{
	padding-left	: 15px;
}


/* ------------------------------ subNav */
#subNav 
{ 
	width			: 180px; 
	padding-bottom	: 50px;
}
#subNav ul { list-style: none; width:180px; }
#subNav ul li { border-bottom: #b1bcdd 1px solid; }
#subNav ul li a 
{ 
	display	: block;
	padding	: 4px 15px; 
}
#subNav ul li a:hover
{
	background		: #FFF;
	text-decoration	: none;
}

/* ------------------------------ sideBar */
#sideBar { padding: 20px 10px; }
#sideBar ul { list-style: none; }
#sideBar ul li { margin-bottom: 8px; }
#sideBar img#map { margin: 45px 0 0 15px; }

/* ------------------------------ footer */
#footer
{
	padding		: 5px 0;
	text-align	: center;
	font-size	: 10px;
	color		: #FFF;
}