/* AIGA|NY MAIN Style Sheet */

body { background-image: url(images/back.gif); font-family: Verdana,Arial,sans-serif; font-size: 10px; line-height: 12px; color: #333; font-weight: normal; }
td, .body { font-family: Verdana,Arial,sans-serif; font-size: 10px; line-height: 12px; color: #333; font-weight: normal; }

a img { border: 0; }
img a { border: 0; }

.flash-message {
	margin : 0 0 10px 5px;
	background : #009900;
	color : white;
	padding : 5px 8px;
	width : 354px;	
}
.flash-error {
	margin : 0 0 10px 5px;
	background : #990000;
	color : white;
	padding : 5px 8px;
	width : 354px;		
}
.flash-error a {
  color : white !important;
  font-weight : bold;
  text-decoration : underline  !important;
}
.flash-error a:hover {
  color : #900 !important;
  background : #fff !important;
  font-weight : bold;
  text-decoration : underline !important;
}
.flash-message a {
  color : white !important;
  font-weight : bold;
  text-decoration : underline  !important;
}
.flash-message a:hover {
  color : #090 !important;
  background : #fff !important;
  font-weight : bold;
  text-decoration : underline !important;
}
.flash-subject {
	margin:5px 0 10px 0;
	text-transform:uppercase;
}
.notice {
	margin : 0 0 5px 0;
	background : #ff3;
	color : #222;
	padding : 6px 8px;
	width : 350px;	
	font-weight: bold;
}

/*                */
.flash-note {
  margin : 0 0 10px 0;
	background : #e3e3e3;
	padding : 5px 8px;
	width : 354px;
}
.flash-note h3 {
  size: 10px;
  margin:5px 0 10px 0;
}



body.popup { margin:0; border:0 padding:0; background:#ccc; color:#333; }
#popuphead { border:5px solid #fff; padding:5px 5px 0 5px; font-weight:bold; background:#9fc; }
.popupbody { border-top:0; border-right:5px solid #fff; border-bottom:5px solid #fff; background:#efefef; padding:0; }
	.popuperror,.popupok { padding:5px; border-top:0; border-right:5px solid #fff; border-left:5px solid #fff; border-bottom:5px solid #fff; }
	.popuperror { background:#fff; }
	.popupok { height:250px; background:#efefef; }
					
h4 { font-weight:bold; font-size:10px; padding:0; margin:0 0 5px 0; color:#333; }


ul, ul li, ol, ol li { margin-top:0; margin-bottom:3px; margin-left:8px; padding-left:0; border:0; }
	ul li { list-style:square; }

/*
ol { margin-left:29px; padding:0; }
ol.short { margin-bottom:0; margin-left:18px; }
	ol li { font-weight:bold; }
	.li { font-weight:normal ! important; }
*/
			
small { font-size:9px; line-height:11px; }
hr { margin:10px 0 10px 0; height:1px; color:#000; }

.disabled { color:#ccc; font-weight:bold; }			
.failed { color:red; }

.header { 
font-style: normal; 
font-size: 12px; 
line-height: 16px; 
font-weight: bold; 
color: #333333;
}

.sidelight { 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
color: #666666;

}

.headerquote  {
font-family: Times New Roman, Times, serif;
font-size: 18px;
line-height: 16px;
font-weight: bold;
color: #333333

}

.caption{
color: #666666; 
font-style: normal; 
font-size: 10px; 
line-height: 12px; 
font-family: Verdana, Arial, sans-serif;
}

			
.side { 
color: #333333; 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
font-family: Verdana, Arial, sans-serif; 
}

.news { 
color: #556600; 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
font-family: Verdana, Arial, sans-serif; 
font-weight: bold
}

.pull { 
color: #333333; 
font-style: normal; 
font-weight: bold; 
font-size: 12px; 
line-height: 16px; 
font-family: Verdana, Arial, sans-serif 
}


.news_white { 
color: #FFFFFF; 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
}

.event { 
color: #556600; 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
font-family: Verdana, Arial, sans-serif; 
font-weight: normal;
}


.sub { 
 color: #333333;
font-style: normal; 
font-size: 12px; 
line-height: 16px; 
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
}

.preview { 
color: #333333; 
font-style: normal; 
font-weight: normal;
font-size: 9px; 
line-height: 11px; 
font-family: Verdana, Arial, sans-serif;
}

.calendar,table.calendar td { 
color: #333333; 
font-style: normal; 
font-size: 9px; 
line-height: 13px; 
font-family: Verdana, Arial, sans-serif;  
}

.chapter { 
color: #333333; 
font-style: normal; 
font-weight: normal; 
font-size: 12px; 
line-height: 16px; 
font-family: Andale Mono, Monaco, Courier New, Courier; 
}

.chapternote { 
color: #333333; 
font-style: normal; 
font-weight: normal; 
font-size: 9px; 
line-height: 14px; 
font-family: Verdana, Arial, sans-serif;
 }
 
.deadlink {
 text-decoration: none; 
 font-weight: bold;
 color: #009900; 
 }
	
	
	.date { 
	font-style: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana, Arial, sans-serif ; 
	font-weight: bold; color: #333333
	}
	
	
.location {
	font-style: normal;
	font-size: 10px;
	line-height: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333333;
}




/* LINKS */
a:hover img { color:#fff ! important; background:#fff ! important; }

a:link {
text-decoration: none; 
font-weight: bold;
color: #009900; 
}		
						
a:active {	
text-decoration: none; 
font-weight: bold;
color: #009900; 
}

a:visited {	
text-decoration: none; 
font-weight: bold;
color: #009900; 
}

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

.body a {	
text-decoration: none; 
font-weight: bold; 
color: #009900; 
}

.body a:active {	
text-decoration: none; 
font-weight: bold; 
color: #009900; 
}

.body a:visited {	
text-decoration: none; 
font-weight: bold; 
color: #009900; 
}

.body a:hover{
color: #FFFFFF; 
background-color:#009900;	
text-decoration: none;
}
			
.calendar a { 
color: #009900; 
text-decoration: none; 
font-weight: bold; 
}

.calendar a:visited { 
color: #009900; 
text-decoration: none; 
font-weight: bold; 
} 

.calendar a:active { 
color: #009900; 
text-decoration: none; 
font-weight: bold; 
} 

.calendar a:hover {
color: #FFFFFF; 
background-color: #009900;
text-decoration: none;
}

.side a {	
text-decoration: none; 
font-weight: bold;
color: #009900; 
}

.side a:active {
text-decoration: none; 
font-weight: bold;
color: #009900; 
}

.side a:visited {	
text-decoration: none; 
font-weight: bold; 
color: #009900; 
}

.side a:hover{
color: #FFFFFF;
background-color: #009900;
text-decoration: none;
}

.header a:link { 
color: #333333; 
text-decoration: none; 
font-weight: bold 
}

.header a:visited { 
color: #333333; 
text-decoration: none; 
font-weight: bold 
} 

.header a:active { 
color: #333333; 
text-decoration: none; 
font-weight: bold; 
} 

.header a:hover {
color: #333333;
text-decoration: none;
}



/* Event Image Gallery */


#galleryheader 	{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px 5px 0px 5px;
padding: 0px 0px 5px 0px;
color: #242424;
}

#gallery {
text-align: left;
margin: 0px auto;
width: 700px;
}

#navitems	 {
background-color: #FFF;
width: 246px;
margin: 2px;
padding:0px;
}



#navitems td{
margin: 0px;
padding: 5px;
background-color: #EFEFEF;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}

#navitems td a{
display: block;
}

#navitems td a:hover{
padding: -5px;
background-color: 000000;
color:#000000;
}



#nav {
width: 250px; 
height:333px;
margin: 5px 0px 0px 0px;
padding: 0px;
float: left;
}

#content {
width: 420px; 
height:333px;
margin: 5px 0px 0px 0px;
padding: 0px;
float: right;
}


.item {
color: #242424;
background-color: #CCCCCC;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
}


/* Book Image Gallery */

#gallery2 {
text-align: left;
margin: 0px auto;
width: 545px;
}

#nav2 {
width: 100px; 
height:333px;
margin: 5px 0px 0px 0px;
padding: 0px;
float: left;
}

#navitems2	 {
background-color: #FFF;
width: 96px;
margin: 2px;
padding:0px;
}



#navitems2 td{
margin: 0px;
padding: 5px;
background-color: #EFEFEF;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}

#navitems2 td a{
display: block;
}

#navitems2 td a:hover{
padding: -5px;
background-color: 000000;
color:#000000;
}

/* ===================        */
/* EVENTS PREVIEW             */
/* used on /events/index.html */
/* ===================        */


.events-preview {
  
}
.events-preview h2 { 
  border-top: 1px solid #aaa;
  font-size : 10px;
  margin : 0 0 25px 0; 
  padding-top: 10px;
}
.events-preview div {
  margin: 0 0 15px 0
}
.events-preview div h3 { 
  font-size : 12px;
  margin : 0 0 2px 0; 
}
.events-preview div p { 
  margin : 0; 
  font-style: italic;
}


/* ================= */
/* = EVENT DETAILS = */
/* ================= */
#event-details {
  margin:0;
  padding:0;
  width:445px;
}
#event-details h1 {
  margin-left: 5px;
  line-height: 1.3em;
  font-size: 14px;
}
#event-details .dates,
#event-details .venue,
#event-details .address,
#event-details .schedule
{
  margin-left: 5px;
  font-weight: bold;
}
#event-details .dates { margin-bottom: 10px }

#event-details img.detailsimg {
  margin-left: 5px;
}

#event-details p {
  margin: 10px 10px 0 5px;
  line-height: 1.3em;
}

/*   */
.eventlinks { 
  float:right; 
  margin-top:10px; 
}
.eventlinks a { 
  display:block; 
  width:95px;
  padding: 2px 0 2px 5px;
  margin: 0 0 5px 0; 
  background:#e3e3e3; 
}
.eventlinks a.reg { background:#cf6;margin-bottom:20px; }
.eventlinks a:hover { display:block; background:#090; }

#event-details .admissioninfo {
	margin : 10px 0 0 5px;
	background : #ddd;
	color : #222;
	padding : 10px;
	width : 320px;
}
#event-details .extra {
  margin: 15px 0 0 5px;
}
#event-details .extra h2 {
  margin: 0 0 5px 0;
  font-size: 10px;
}
#event-details ul {
  list-style:square;
  margin: 0px 10px 0 5px;
  padding-left:0; 
}
#event-details ul li {
  margin: 10px 0 0 15px;
}
#event-details ul.small-list {
  list-style:square;
  margin: 0px 10px 0 5px;
  padding-left:0; 
}
#event-details ul.small-list li {
  margin: 1px 0 0 15px;
}