td, tr { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h1 {FONT-FAMILY: arial; COLOR: #627EB7; FONT-SIZE: 14px; TEXT-DECORATION: none; font-weight: bold; margin: 0; padding:0}
h2 {COLOR: #C6010A; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold; margin: 5px; padding:0}
.default { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
vli  { color: black; text-indent: -15px; list-style-type: square; list-style-position: inside; clear: left; margin-left: 0px; padding-right: 6px; padding-left: 4px }
p  { margin-right: 6px; margin-left: 6px }
p.title   { color: #708090; font-variant: small-caps; font-weight: bold; font-size: 11px; line-height: 12px; text-decoration: none; text-indent: 10px }
body{ background: #D6DADD url(http://www.albanypoets.com/images/background4.gif); scrollbar-face-color:#627EB7; scrollbar-shadow-color:#EFF2F7; scrollbar-highlight-color:#EFF2F7; scrollbar-3dlight-color:#EFF2F7; scrollbar-darkshadow-color:#EFF2F7; scrollbar-track-color:#EFF2F7; scrollbar-arrow-color:#EFF2F7;}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
input, textarea, select, radio 
		{		color : #C6010A;
		font: normal 10px Arial, Verdana, Helvetica, sans-serif;
		border-color : #7482A2; border-style: solid; border-width: 1px;
		text-indent : 2px;
		background-color: #EFF2F7;
		scrollbar-face-color:#7482A2; 
		scrollbar-shadow-color:#D6DADD; 
		scrollbar-highlight-color:#D6DADD; 
		scrollbar-3dlight-color:#D6DADD; 
		scrollbar-darkshadow-color:#D6DADD; 
		scrollbar-track-color:#D6DADD; 
		scrollbar-arrow-color:#EFF2F7;
	}

.contenttable {border-bottom: 5px solid #627EB7; border-top: 0px solid #627EB7; border-left: 5px solid #627EB7; border-right: 5px solid #627EB7;
}

.audiotable {width:300px; border-bottom: 5px solid #627EB7; border-top: 5px solid #627EB7; border-left: 5px solid #627EB7; border-right: 5px solid #627EB7; background-color:#eeeeee;}
.videotable {width:320px; border-bottom: 5px solid #627EB7; border-top: 5px solid #627EB7; border-left: 5px solid #627EB7; border-right: 5px solid #627EB7; background-color:#eeeeee;}
.caltable {border-bottom: 5px solid #627EB7; border-top: 5px solid #627EB7; border-left: 5px solid #627EB7; border-right: 5px solid #627EB7; background-color:#EFF2F7}

#navcontainer ul{float: left;margin: 0;padding: 0;background-color: #7482A2;border-bottom: 1px solid #ccc;font-family: Verdana, Arial, Helvetica, sans-serif;; font-size: 9px; text-transform: uppercase; font-weight: bold}
#navcontainer ul li { display: inline; line-height: 16px}
#navcontainer ul li a {padding: 0.2em 1em;background-color: ffffff;color: #7482A2;text-decoration: none;float: left;border-right: 1px solid #ccc;display: inline;}
#navcontainer ul li a:hover {background-color: #C6010A;color: #ffffff;}


.APbox2text           {FONT-FAMILY: arial; FONT-SIZE: 12px}
.APbox2text A:link    {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline}
.APbox2text A:visited {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline}
.APbox2text A:hover   {COLOR: #C6010A; FONT-SIZE: 12px; TEXT-DECORATION: underline}

.print           {background: #ffffff; FONT-FAMILY: arial; color:#000000; FONT-SIZE: 12px; padding: 10px 10px 10px 10px; border-bottom: 3px solid #627EB7; border-top: 3px solid #627EB7; border-left: 3px solid #627EB7; border-right: 3px solid #627EB7;}
.print A:link    {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline}
.print A:visited {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline}
.print A:hover   {COLOR: #C6010A; FONT-SIZE: 12px; TEXT-DECORATION: underline}

.tools           {FONT-FAMILY: arial; color:#627EB7; FONT-SIZE: 10px}
.tools A:link    {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.tools A:visited {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.tools A:hover   {COLOR: #C6010A; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.APboxrssX           {FONT-FAMILY: arial; FONT-SIZE: 12px}
.APboxrssX A:link    {COLOR: #627EB7; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: underline}
.APboxrssX A:visited {COLOR: #627EB7; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: underline}
.APboxrssX A:hover   {COLOR: #C6010A; FONT-SIZE: 14px; font-weight: bold; TEXT-DECORATION: underline}

.APboxrss {FONT-FAMILY: arial; FONT-SIZE: 12px}
.APboxrss a:link {FONT-FAMILY: arial; FONT-SIZE: 14px; COLOR: #627EB7; font-weight: bold; text-transform: uppercase; text-decoration:none;}
.APboxrss a:visited{FONT-FAMILY: arial; FONT-SIZE: 14px; COLOR: #627EB7; font-weight: bold; text-transform: uppercase; text-decoration:none;}
.APboxrss a:hover {FONT-FAMILY: arial; FONT-SIZE: 14px; COLOR: #627EB7; font-weight: bold; text-transform: uppercase; text-decoration:none;}


.top           {FONT-FAMILY: arial; color:#FFFFFF; FONT-SIZE: 10px}
.top A:link    {COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none}
.top A:visited {COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none}
.top A:hover   {COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.here           {FONT-FAMILY: arial; color:#000000; FONT-SIZE: 10px}
.here A:link    {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.here A:visited {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.here A:hover   {COLOR: #C6010A; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.footer           {FONT-FAMILY: arial; color:#7482A2; FONT-SIZE: 10px}
.footer A:link    {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: none}
.footer A:visited {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: none}
.footer A:hover   {COLOR: #C6010A; FONT-SIZE: 10px; TEXT-DECORATION: none}

.footer2           {background-color: #ffffff; FONT-FAMILY: arial; color:#627EB7; FONT-SIZE: 12px;  padding:15px 25px 15px 25px; }
.footer2 A:link    {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.footer2 A:visited {COLOR: #627EB7; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.footer2 A:hover   {COLOR: #C6010A; FONT-SIZE: 10px; TEXT-DECORATION: underline}

.footer3           {background-color: #ffffff; FONT-FAMILY: arial; color:#627EB7; FONT-SIZE: 10px;}


a.xmlLink,
  a.xmlLink:visited, a.xmlLink:hover {
	background-color: #f60;
	color: #fff;
	padding: 1px 3px 1px 4px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica;
	FONT-SIZE: 9px;
	border:1px outset ;
	}

.cal            {BACKGROUND-COLOR: #EFF2F7; FONT-FAMILY: arial; COLOR: #7482A2; FONT-SIZE: 12px; }
.cal A:link    {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight: bold}
.cal A:visited {COLOR: #627EB7; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight: bold}
.cal A:hover   {COLOR: #C6010A; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-weight: bold}

.Nattell2pic         {BACKGROUND-COLOR: #FFA53F; PADDING: 0px; FONT-FAMILY: arial; FONT-SIZE: 10px}
.Nattell2pic A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.Nattell2pic A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.Nattell2pic A:hover   {COLOR: #f5f5f5; FONT-SIZE: 10px; TEXT-DECORATION: none; background-color: #443837}

.NattellBack         {BACKGROUND-COLOR: #FFA53F; PADDING: 0px; FONT-FAMILY: arial; FONT-SIZE: 10px; }

.Nattelltext           {BACKGROUND-COLOR: #E77A2B;  background-repeat: no-repeat; FONT-FAMILY: arial; FONT-SIZE: 12px; }
.Nattelltext A:link    {COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold }
.Nattelltext A:visited {COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold }
.Nattelltext A:hover   {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; background-color: #FFA53F; font-weight: bold}

.Nattell           {BACKGROUND-COLOR: #FFA53F;  FONT-FAMILY: arial; FONT-SIZE: 12px; font-weight: bold }
.Nattell A:link    {COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold }
.Nattell A:visited {COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none; font-weight: bold }
.Nattell A:active   {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; background-color: #E77A2B; font-weight: bold }
.Nattell A:hover   {COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; background-color: #E77A2B; font-weight: bold }

.APbox2textbbs           {BACKGROUND-COLOR: #ffffff; COLOR: #000000; FONT-FAMILY: arial; FONT-SIZE: 12px}
.APbox2textbbs a:link {color: 627EB7;  font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: underline; }
.APbox2textbbs a:visited {color: 627EB7;  font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: underline; } 
.APbox2textbbs a:active {color: #C6010A;  font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none; } 
.APbox2textbbs a:hover {color: #C6010A;  font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none; } 

.APbox2app         {BACKGROUND-COLOR: #000000; PADDING: 0px; FONT-FAMILY: arial; FONT-SIZE: 10px}
.APbox2app A:link    {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.APbox2app A:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: underline}
.APbox2app A:hover   {COLOR: #f5f5f5; FONT-SIZE: 10px; TEXT-DECORATION: none; background-color: #443837}


    #tabs {
      float:left;
      width:100%;
	  background:#EFF2F7;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #EFF2F7;
	line-height:normal;
	  border-top:1px solid #EFF2F7;
      }
    #tabs ul {
	  margin:0;
	  padding:00px 10px 0 00px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("http://www.albanypoets.com/06global/menu3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	font-weight:bold;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("http://www.albanypoets.com/06global/menu3.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs a:hover {
      background-position:0% -42px;color: #C6010A;background:#EFF2F7;
      }
    #tabs a:hover span {
      background-position:100% -42px;color: #C6010A;background:#EFF2F7;
      }

#menu {
	line-height:12px;
	width: 198px;
	margin: 00px;
	border: 1px solid #EFF2F7;
	FONT-SIZE: 10px;color: #8BADCF;
	background:#EFF2F7;
	}
	
#menu li a {
	height:1%;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	font-weight:bold;
	border: 1px solid #EFF2F7;
	background:#EFF2F7;
	background-image: url("http://www.albanypoets.com/images/menu_arrow.jpg");
	background-repeat: no-repeat;
	}	
	
#menu li a:link{
	color: #627EB7;
	display: block;
	padding-top: 0px;
    	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 21px;
	background-image: url("http://www.albanypoets.com/images/menu_arrow.jpg");
	background-repeat: no-repeat;
	}

#menu li a:visited {
	color: #627EB7;
	display: block;
	padding-top: 0px;
    	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 21px;
	background-image: url("http://www.albanypoets.com/images/menu_arrow.jpg");
	background-repeat: no-repeat;
	}
	
#menu li a:hover {
	color: #C6010A;
	padding-top: 0px;
    	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 21px;background:#ffffff;
	background-image: url("http://www.albanypoets.com/images/menu_arrow2.jpg");
	background-repeat: no-repeat;
	}
	


#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: bold 10px Verdana;
text-decoration: none;
background: #627EB7;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
color: white;
padding: 3px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: #627EB7;
text-decoration: none;
}

#tablist li a:hover{
color: #EFF2F7;
padding: 3px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: #627EB7;
text-decoration: none;
}


#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 800px;
padding: 0px;
border: 0px solid black;
}

.tabcontent{
display:none;
}




/************** Top Nav starts here ********************/

#p_navwrapper {
 margin: 0; 
 background: #EFF2F7;
}

#p_nav {
 float: left;
 width: 800px;
 font-size: 93%;
 text-align: center;
 list-style: none; 
 background: #EFF2F7;
      line-height:normal;
	  border-bottom:1px solid #EFF2F7;
	line-height:normal;
	  border-top:1px solid #EFF2F7;
}

#p_nav ul {
 margin: 0;
 padding: 0;
 float: left;
}

#p_nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#000;
 border-right:1px solid #fff;
}

/* Section highlight and highlight w/dropdown */
#p_nav li.sectionhighlight { /* Use this class for non-dropdowns */
 display:block;
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#D4312C;
 border-right:1px solid #fff;
 color: #fff;
}

#nav li.sectionhighlight a { /* Use this class for non-dropdowns */
 padding: 5px 12px;
}

#p_nav li.sectionhighlightdroparrow { /* Use this class for dropdowns */
 background: #D4312C url(/images/nav/dropdownarrow.gif) center right no-repeat;
 padding: 0px 5px 0px 0px;
}


#p_nav li.droparrow { /* Handles the small right drop arrow on navigation */
 background: url(/images/nav/dropdownarrow.gif) center right no-repeat;
 padding: 0px 5px 0px 0px;
}

#p_nav li:hover, #p_nav li.sfhover {
 background: #d4312c;
}

#p_nav a {
 display:block;
 padding:5px 12px;
 text-decoration:none;
 color:#fff;
}

#p_nav ul li ul {
 padding: 0;
 font-size: 10px;
 position: absolute;
 width: 141px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: normal;
}

#p_nav ul li ul a {
 padding: 3px 12px;
}

#p_nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#6a6a6a;
 border-left:1px solid #fff;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
 padding:0 0 1px;
 left:-1px;
}

#p_nav ul li ul li.subnavspacer { /* Added to create a separating space in Quicklinks */
 text-align: left;
 color: #444;
 font-size: 50%; /* will determine the height of the box - text is invisible = background color */
 width:100%;
 background-color:#444;
 border-left:1px solid #fff;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
 padding:0 0 1px;
 left:-1px;
}

#p_nav ul li ul li:first-child {
 border-top:1px solid #fff;
 }

#p_nav li:hover ul, #p_nav li.sfhover ul {
 left: auto;
} 

* html  #p_nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #fff;
 border-left:0px; /* stops the drop from inheriting the ul border */
}



a, a:visited, a:hover, a:active {
color:#fff;
}

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:500px; 
height:500px; 
background:#EFF2F7;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:400px 0 0 0; 
list-style-type:none; 
position:relative; 
width:500px;
}
/* remove the default image border */
.gallery img {
border:0;
}

/* make the list horizontal */
.gallery li {
float:left;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#fff; 
background:#627EB7; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-400px; 
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:40px;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#C6010A;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444;
color:#fff;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;




