html,* { font-family: arial, helvetica, sans-serif; 
			margin: 0px;
			padding: 0xp;
			text-align: center; }

body {
background-color: #d5cdcd;
text-align: center;
}


div { height: auto; 
		/* border: 1px solid olive; */ }


#page_container {
		width: 100%;
		}

#holder {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		}

input, textarea, submit {
		text-align: left;
		}

#container {
		background-color:#E3E3E3;
		display:inline-block;
		width:958px;
		height: auto;
		}

#page {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

h1, h2, h3, h4, h5, h6 {
		text-align: left;
		margin-top: .5em;
		margin-bottom: .25em;
		}
		
h1		{
		font-size: 24px;
		}
h2		{
		font-size: 18px;
		margin-top: .75em;
		}
h3		{
		font-size: 14px;
		margin-top: 1em;
		}

p, td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-decoration: none;
		line-height : 1.5em;
		margin-bottom: 9px;
		text-align: left;
	}


ul, li {
		color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		font-size: 11px;
		margin-left: 12px;
		line-height : 1.5em;
	}
ul		{
		margin-bottom: 6px;
		}

/** HOME PAGE STYLES **/

#main	{	float: left;
			padding: 6px;
			width: 586px;
			background-color: white;
			text-align: left;
		}


#main p {	font-size: 12px;
			margin-top: 12px;
			margin-left: 9px;
			margin-right: 9px;
			text-align: left;
		}

#main p li, #main li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}


#main img {
	margin-top: 9px;
	text-align: left;
}
	
	th {
		font-family: Verdana, Arial;
		font-size: 14px;
	}

	H1 {
		font-family: Verdana, Arial;
		font-size: 20px;
		text-algn: left;
	}

	H3 {
		font-family: Verdana, Arial;
		font-size: 16px;
	}

#main #rotatingBannerAd {
		border-top: 4px solid #E3E3E3;
		padding-top: 9px;
		text-align: left;
	}

#leftbar {
		float: left;
		width: 180px;
		margin-top: 0px;
		}
#leftbar ul {
		margin: 0px;
		padding: 0px;
		margin-top: 20px;
		margin-right: 20px;
		list-style:	none;
		}
#leftbar ul li {
		margin-top: 20px;
		margin-left: 12px;
		width: 100%;
		border-left: silver 1px solid;
		border-bottom: silver 1px solid;
		height: 1.5em;
		
		}
#leftbar ul li a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: maroon;
		}
#leftbar li:hover {
		background-color: white;
		}	
		
		
/*** END HOME PAGE STYLES ***/		
		
/*** DIV based INSIDE PAGE STYLES */

#aia_menu {
	background-color: black;
	width: 960px;
	height: 2.0em;
    text-align: left;
	}
	
#aia_header {
	background-color: white;
	width: 960px;
    text-align: left;
	}
	  
#aia_leftbar {
	float: left;
	width: 160px;
	background-color: white;
	padding-bottom: 24px;
    text-align: left;
	}

#aia_leftbar ul {
	list-style: none;
	margin-left: 5px;
	margin-right: 15px;
	padding: 0px;
	margin-bottom: 15px;
	}
	
#aia_leftbar ul li {
	margin-top: 15px;
	padding: 0px;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	height: 1.7em;
	}

#aia_leftbar a {
	text-decoration: none;
	color: gray;
	margin-left: 3px;
	font-weight: bold;
	}
	
#aia_leftbar li:hover {
	background-color: silver;
	}
		
#aia_leftbar a:hover {
	color: maroon;
	}
	

#aia_container {
	height:auto;
	background-color:#e3e3e3;
	width: 960px;
    text-align: left;
	}

#aia_content_container {
	float: left;
	width: 590px; /*689 */
	height: auto;
    text-align: left;
	}

#aia_rightbar {
	float: right;
	width: 155px;
	height: auto;
    text-align: left;
	margin-top: 12px;
	margin-right: 3px;
	}
	

#aia_rightbar h1 {
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 3px;
	font-size: 12px;
	}
#aia_rightbar h2 {
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 1px;
	font-size: 11px;
	}
#aia_rightbar p, #aia_rightbar li, #aia_rightbar a {
	font-size: 10px;
	margin-bottom: 3px;
	}		
	
#aia_content_main {
	background-color: white;
	height: auto;
	clear: both;
	padding: 24px;
	width: 590px;
	#width: 642px;  /* IE 7 width setting */
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
    text-align: left;
	}
	
#aia_content_main a	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#733725;
		text-decoration: none;
		line-height : 1.5em;
		margin-bottom: 9px;
		text-align: left;
		}
#aia_content_main a:hover {
		color: maroon;
		text-decoration: underline;
		}
	
	  
#aia_content_footerTop {
	margin-top: 3px;
	background-color: white;
	height: auto;
	width: 640px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
	}

#aia_content_footerBot {
	margin-top: 0px;
	background-color: white;
	height: auto;
	width: 640px;
	text-align: center;
	}
#aia_content_footerBot p {
	text-align: center;
	}


#aia_datebar {
	float: left;
	width: 947px;
	#width: 960px;       /* BECAUSE IE */
	background-color: white;
	color: gray;
	font-size: 11px;
	text-align: right;
	padding-right: 12px;
	line-height: 1.5em;
	border-bottom: 1px silver solid;
	}




/* home page left nav bar styles */
p.leftItem { 
text-align: left; 
font-size: 11px; 
line-height: 2.2em;  
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
margin-left: 18px; 
margin-right: 18px; 
background-color: #9c1818;
/* background-image:url(/images/buttonBackground.gif); 
background-repeat:repeat-x;  */
margin-bottom: 20px; 
color: white;
text-decoration:none;}

p.leftItem a { 
text-decoration: none; 
color: white; 
margin-left: 8px;
}


/*** GOOGLE RSS FEED STYLES ***/


.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : left; /*center*/
  font-family: "Arial", sans-serif;
  font-size: 11px;
/*  border: 1px solid #BCCDF0; */
}

.gfg-title {
  font-size: 12px;
  font-weight : bold;
  color : maroon ; /* #3366cc; */
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : maroon ; /* #3366cc; */
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white; /*white */
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color: white; /*white*/
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 12px; /* 14px */
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
  text-align: left;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding : 5px;
 margin:10px 0 15px 0;
 text-align: left;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;

}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
  width: 515px; /*MB*/
  text-align: left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
/*  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 0px; /* 80ox */ 
  
  margin-right: -50px;
  display: none;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}


/*** END GOOGLE RSS FEED STYLES ***/


/******/
/* HOME PAGE EVENTS STYLES */

		div.HP_EventsEntry {
		font-family: verdana, helvetica, aria, sans-serif, "sans-serif";
		margin: 0px;
		padding: 0px;
		clear: both;
		text-align: center;
		}
		.HP_EventsTitle { font-family: Verdana, helvetica, aria, sans-serif, sans-serif; font-size: 14px; text-align: center; font-weight: bold; color: #333333; margin-top: 6px; margin-bottom: 3px; }

		.HP_EventsSubtitle { font-family: Verdana, helvetica, aria, sans-serif, sans-serif; font-size: 11px; text-align: center; font-weight: normal; color: #333333; font-style: italic; margin-top: 0; margin-bottom: 3px; padding-right: 4px; padding-left: 4px; border-top: 1px solid #f9ddbf; }
		.HP_EventsDate { font-size: 10px; margin-top: 12px; margin-bottom: 3px; text-align: center; font-weight: bold; }
		.HP_EventsLocation { font-size: 10px; margin-top: 12px; margin-bottom: 3px; text-align: center; font-weight: normal; }
		.HP_EventsCity { font-size: 10px; margin-top: 0; margin-bottom: 3px; text-align: center; font-weight: normal; }
		.HP_EventsMoreImage { font-size: 12px; margin-top: 12px; margin-bottom: 3px; text-align: center;}



/*** MENU STYLES ***/

/*SUPERFISH */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	border-left:	1px solid #fff;
/*	border-top:		1px solid #CFDEFF;   */
	padding: 		.75em 2em .75em 2em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;   /* #13a  */
	text-align:		left;
}
.sf-menu li {
	background:		black;   /* #BDD2FF */
}
.sf-menu li li {
	background:		gray;   /* #AABDE */
}
.sf-menu li li li {
	background:		#aa7070;   /* #9AAEDB */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CC0000;   /* #CFDEFF #6F8DB9 */
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://www.aia-nj.org/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://www.aia-nj.org/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#firstEntry {
border-left: hidden;
}

.dateStamp  {
	font-size: 10px;
	color: gray;
}

div.eventBox {
 	width: 200px;
	height: 200px;
	float: right;
	text-align: left;
	font-size: 10px;
	background-color: #ddcccc;
	margin-left: 10px;
	margin-right:10px;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	overflow: hidden;
	border: solid 1px gray;
 }