body {

	font-family: Arial, Helvetica,sans-serif; 
	font-size: 11px;
	color:#333333;
    background-color: #000000;
	/* background-image: url("/images/interface/background.jpg"); */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table.bg {
	background-image: url("/images/interface/background.jpg"); 

}

a.producttitle, h2.producttitle, a.producttitle:link, a.producttitle:visited, a.producttitle:active {
  font-family:Arial, Helvetica, sans-serif;
  color:#993333;
  font-weight:normal;
  font-size:16px;
}
a.producttitle:hover {
  font-family:Arial, Helvetica, sans-serif;
  color:#993333;
  font-weight:normal;
  font-size:16px;
}

/****************************** Global link settings *******************************************/

a:link, a:visited {
  /* color:#2D65BC; */
/*  text-decoration: none;
  font-weight:bold; */
}
a:hover {
  /* text-decoration: underline; */
/*  font-weight:bold; */
}

.foot { 
display: block; 
text-align: center; 
height: 40px; 
width: 100%; 
/* background: blue; */
background-color: #333333;
color:#999999;
padding-top:10px;
font-size:11px;
/*border-bottom: 1px solid black; 
border-left: 1px solid black; 
border-right: 1px solid black; 
padding: 1px 2px;  */
}

.footer {
	color:#FFFFCC;
	font-size:11px;
}
a.footer:link, a.footer:active, a.footer:visited {
	color:#ffcc66;
	font-size:11px;
	text-decoration:none;
}
a.footer:hover {
	color:#ffffff;
	font-size:11px;
}

.readon, .pagination, .contentpaneopen {
	font-size:12px;
}

/* text size for right hand side of top gray bar (for facebook & rss feed signups) */
.helpbar {
	font-size:12px;
}

h2.hierarchical {
  font-weight: bold;
  color:#777777;
  font-size: 15px;
  text-align: left;
  margin-left: 0; 
  margin-right: 0;
  margin-top: 0; margin-bottom: 5px; 
  padding-left:0px;
  padding-top:0px;
  padding-bottom:5px;
  height:22; 
  /* vertical-align:middle; */
}
h3.hierarchical {
  font-weight: bold;
  color:#777777;
  font-size: 12px;
  text-align: left;
  margin-left: 0; 
  margin-right: 0;
  margin-top: 0; margin-bottom: 5px; 
  padding-left:0px;
  padding-top:0px;
  padding-bottom:5px;
  height:20; 
  /* vertical-align:middle; */
 }

/* header on modules */
h2.modulesize, h2.smalltext {
	color:#333333;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:0px;
	padding-bottom:0px;
	height:15;
}
/* Constant Contact module formatting */
.moduletable_cc h3 {
	color:#333333;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:2px;
	padding-bottom:0px;
}
.moduletable_cc input {
	font-size:11px;
}
.moduletable_cc form {
	padding:0;
	margin:0;
}
p.smalltext {
  margin-bottom:5px;
  padding-bottom:0px;
  margin-top:5px;
  padding-top:0px;
}
.moduletable_con p {
  margin-top:5px;
  padding-top:0px;
  margin-bottom:8px;
  padding-bottom:0px;
}


div.vm {
  color:#FFCCCC;
}
.mainlevelvm, a.mainlevel, div.vm table tr td a, a.mainlevelvm:link, a.mainlevelvm:visited, a.mainlevelvm:active {
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-transform:uppercase;
  line-height:24px;
  display:block;
  font-size:12px;
  color:#FFCC66;
  text-decoration:none;
  padding-right:10px;
  font-weight:bold;
  padding:0 0 0 0;
  padding-left:10px;
}
a.mainlevelvm:hover {
  color:#ffffff;
}


div.pathway {
  text-align:right;
}

h1.pagesubject {
  display:inline;
  padding:0;
  margin:0;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:14px;
  color:#666666;
  vertical-align:middle;
}

#mainlevelmn,#mainlevelmn ul {
   float:left; 
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:normal;
  
  color:#ffcc66;
  text-decoration: none;
  font-size: 12px;
  margin:0;
  padding:0; 
  letter-spacing:1px;
}
 
#mainlevelmn a {
   text-transform:uppercase;
  display:block;
  font-size:12px;
  color:#ffcc66;
  text-decoration:none;
  padding-right:20px;
  font-weight:bold;
  padding:0 0 0 0;
  letter-spacing:1px;
}
#mainlevelmn a:hover {
  color:#ffffff;
  letter-spacing:1px;
}
 
#mainlevelmn li {
  float:left;
  padding:0;
}
 
#mainlevelmn li ul  {
  letter-spacing:1px;
  position:absolute;
  left:-999em;
  height:auto;
   width:14em; 
  background:#000000;
    /* border:#000000 1px solid; */
  margin:0;
   margin-left:-5px; 
  padding:0;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:0px;
  margin-right:0px;
}
 
#mainlevelmn li li {
   width:13em; 
  margin-left:5px;
    margin-right:5px;
	padding-left:0px;
	padding-right:0px;
}
 
#mainlevelmn li ul a {
  letter-spacing:1px;
   width:13em; 
  color:#ffcc66;
  font-size:12px;;
  line-height:18px;
  font-weight:bold;
  text-align:left;
  margin-left:0px;
}
 
#mainlevelmn li:hover ul ul,#mainlevelmn li:hover ul ul ul,#mainlevelmn li.sfhover ul ul,#mainlevelmn li.sfhover ul ul ul{
  letter-spacing:1px;
  left:-999em;
}
 
#mainlevelmn li:hover ul,#mainlevelmn li li:hover ul,#mainlevelmn li li li:hover ul,#mainlevelmn li.sfhover
  ul,#mainlevelmn li li.sfhover ul,#mainlevelmn li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmn li li:hover,#mainlevelmn li li.sfhover {
    /* background:#FBFAC2 100% 50% no-repeat;  */
}



#mainlevelsubnav,#mainlevelsubnav ul {
   float:left; 
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:700;
  margin:0;
  padding:0;
  text-align:left;
  margin-left:0px;
  padding-left:0px;
}
 
#mainlevelsubnav a {
  display:block;
  color:#669966;
  text-decoration:none;
  margin-right:5px;
  font-size:12px;
  font-weight:normal;
  text-transform:uppercase;
  /* padding:0.3em; */
  padding:0 0 0 0;
  text-align:left;
}
#mainlevelsubnav a:hover{
  text-decoration:underline;
}
 

 #mainlevelsubnav li{
  float:left;
  padding:0;
} 
 
#mainlevelsubnav li ul {
  position:absolute;
  left:-999em;
  height:auto;
  width:13em; 
/*  font-weight:400; */
  background:#FBFAC2;
   border:#669966 1px solid; 
  margin:0;
  margin-left:-5px;
  padding:0;
/*  padding-top:5px;
  padding-bottom:5px; */
  padding-top:2px;
  padding-bottom:5px;
  padding-right:0px;
  margin-right:0px;
}
 
#mainlevelsubnav li li {
  /* width:14em; */
  margin-left:5px;
    margin-right:5px;
	padding-left:0px;
	padding-right:0px;
}
 
#mainlevelsubnav li ul a {
  /* width:14em; */
  color:#669966;
  font-size:11px;
  line-height:16px;
  font-weight:normal;
}
 
#mainlevelsubnav li:hover ul ul,#mainlevelsubnav li:hover ul ul ul,
#mainlevelsubnav li.sfhover ul ul,#mainlevelsubnav li.sfhover ul ul ul
{
  left:-999em;
}
 
#mainlevelsubnav li:hover ul,#mainlevelsubnav li li:hover ul,#mainlevelsubnav li li li:hover ul,
#mainlevelsubnav li.sfhover ul,#mainlevelsubnav li li.sfhover ul,#mainlevelsubnav li li li.sfhover ul
  {
  left:auto;
  z-index:6000;
}
 
#mainlevelsubnav li li:hover,#mainlevelsubnav li li.sfhover,
 {
   background:#FBFAC2 100% 50% no-repeat;  
  
}
/* end of suckerfish menu */




















ul, li {
font-size: 12px;
}

div.content_area, div.content_area p {
	 line-height: 20px; 
	 	font-size: 12px;
	 margin-top:0px;
	 padding-top:0px;
}
div.smalltext, div.smalltext p, p.smalltext {
	 line-height: 14px; 
	 margin-top:0px;
	 padding-top:0px;
}
.smalltext, a.smalltext:link, a.smalltext:active, a.smalltext:visited,
div.smalltext p a, p.smalltext, 
div.smalltext p a.visited, 
div.smalltext p a.link, 
div.smalltext p a.active, 
div.smalltext p a.hover {
	font-size:11px;
	 line-height: 18px; 
}
ul.smalltext li, ul.smalltext a, ul.smalltext a:link, ul.smalltext a:visited, ul.smalltext a:hover, ul.smalltext a:active,
ul.smalltext li a, ul.smalltext li a:link, ul.smalltext li a:visited, ul.smalltext li a:hover, ul.smalltext li a:active { font-size:11px; }
div.smalltext li {
	 line-height: 18px; 
	 margin-top:0px;
	 padding-top:0px;
	 margin-left:0px;
	 padding-left:0px;
}
div.smalltext ul {
	 line-height: 18px; 
	 margin-top:0px;
	 padding-top:0px;
	 margin-left:20px;
	 padding-left:0px;
}
div.content_area li {
	 line-height: 20px; 
	 margin-top:0px;
	 padding-top:0px;
	 margin-left:0px;
	 padding-left:0px;
}
div.content_area ul {
	 line-height: 20px; 
	 margin-top:0px;
	 padding-top:0px;
	 margin-left:20px;
	 padding-left:0px;
}


div.leftmodules {
	line-height: 16px;
}
.smalltext, div.smalltext, a.smalltext, a.smalltext:link, a.smalltext:active, a.smalltext:visited, a.smalltext:hover {
	font-size: 11px;
	line-height:18px;
}






table.contentpaneopen .padded_border_feature {
	padding-top:0px;
	margin-top:0px;
	font-size:12px;
	line-height:20px;
}
table.contentpaneopen p {
margin-bottom:10px;
}
.ddrfssbm {
	font-size:10px;
}

/**************** Global text formatting ******************/
h1, h2 { 
  font-weight: bold;
  color: #666666;
  font-size: 16px;
  text-align: left;
  margin-left: 0; 
  margin-right: 0;
  margin-top: 0; margin-bottom: 5px; 
  padding-left:0px;
  padding-top:0px;
  padding-bottom:5px;
  height:28; 
  vertical-align:middle; 
 }
 
 .contentarea h2 {
   font-weight: bold;
  color: #666666;
  font-size: 12px;
  text-align: left;
  margin-left: 0; 
  margin-right: 0;
  margin-top: 0; margin-bottom: 0px; 
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0x;
  vertical-align:middle; 

 }
 
 
 h4{ 
  font-weight: bold;
  color: #000000;
  font-size: 12px;
  text-align: left;
  /*text-transform: uppercase; */
  margin-left: 0;
  margin-right: 0;
	padding: 0;
  margin-top: 0px; 
  margin-bottom: 0px; 
 }
 
 td.portfolio_outer_box, td.portfolio_inner_box
 {
  border-width:1px;
  border-color:#CCCCCC; 
  border-style: solid;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:7px;
  padding-right:7px;
 }
  td.padded_border_feature
 {
  border-width:1px;
  border-color:#CCCCCC; 
  border-style: solid;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:7px;
  padding-right:7px;
 }

 
 img.portimg
{
	border:1px solid #000;
}
div.center
{
	text-align:center;
}

 


/**************** Component (content) heading style, e.g. text that appears at the top of the page (unless it's an h tag ********/
div.componentheading
{ 
  font-weight: bold;
  color: #666666;
  font-size: 14px;
  text-align: left;
  /* text-transform: uppercase; */
	margin: 0;
	padding: 0;
}

td.modifydate
{
  font-size: 10px;
}
p.small
{
  font-size: 11px;
}
table.paddedtable
{
  padding:4px;
}
td.td10px
{
  height:10px;
  vertical-align:middle;
}
img.borderimg
{
	border:1px solid #000;
}



/**************** This corrects a spacing problem; the top of the modules doesn't line up exactly **********
 **************** with the top of the content table ********************************************************/
div.moduletable
{
 /* margin-top:20px; */
 margin-top:0px;
 font-size:12px;
}

/**************** Add a little space between the module name and contents **********************************/
div.moduletable h3, div.moduletable_con h3
{
 margin-top:0px;
 padding-top:0px;
 margin-bottom:5px; 
 color:#333333;
 text-transform:uppercase;
 font-size:11px;
}

div.moduletable_con p, div.moduletable_con, div.moduletable_con a
{
 font-size:11px;
 line-height:16px;
}



/**************** td.contentheading - used for article titles (which are also page titles on the sub pages) ********/
/**************** h3 - used for module titles  ********/
td.contentheading, div.moduletable h3
{
  font-weight: bold;
  color: #666666;
  font-size: 14px;
  text-align: left;
  /* text-transform: uppercase; */
}

img { border: 0 none; }



/**************** Search box style *************************/


div.searchmenu input.form-submit, div.searchmenu input.button
/*#search-block-form input.form-submit, #search-form input.form-submit */
{
margin-top: 0px;
height: 26px;
width: 30px;
cursor: pointer;
/* text-indent: -9999px; */
margin-left: 0px;
padding-left:0px;
border: none;
background: url("http://www.thecitypoetry.com/images/interface/search-arrow.jpg") no-repeat left top;
}
div.searchmenu input.inputbox
{
	color:#666666;
	font-size: 11px;
	text-align:left;
	background: transparent no-repeat;
	background-image:url("http://www.thecitypoetry.com/images/interface/search-box.jpg");
	border: 0px solid transparent;
	vertical-align:top;
	margin-top: 0px;
	padding-top: 7px;
	padding-left:10px;
	margin-bottom: 0px;
	height: 26px;
	width: 159px;
	/* text-indent: 15px;	*//* padding-right:5px; */
}

div.issuemenu, div.issuemenu a:link, div.issuemenu a:active, div.issuemenu a:visited
{
font-size:11px;
line-height:16px;
text-transform:lowercase;
}


/**************** Style for left menu *************************/

div.moduletable a:hover
{
  color:#2D65BC;
  text-decoration: underline;
  /* font-size: 12px; */
  font-weight:bold;
}

div.moduletable a:active, a:visited, a:link
{
  color:#2D65BC;
  text-decoration: none;
  /* font-size: 12px; */
  font-weight:bold;
}



/************* show vertical grey line between left and right modules and content *********/
td.greyline {
  width: 12px;
}

ul.newsfeed, ul.newsfeed li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;  
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	font-size:10px;
	line-height:16px;
}
ul.newsfeed
{
	padding-bottom:20px;
}
ul.newsfeed a, ul.newsfeed a:hover, ul.newsfeed a:active, ul.newsfeed a:link, ul.newsfeed a:visited
{
	font-size:11px;
}
.newsfeed_item
{
	font-size:11px;
}


/**************** Style for main menu 'HOME' etc. and contact menu *************************/

/* main menu link style */
div.mainmenuclass a, div.mainmenuclass a:link, div.mainmenuclass a:visited,
div.contactmenuclass a, div.contactmenuclass a:link, div.contactmenuclass a:visited
{
  color:#FFFFFF;
  text-decoration: none;
  font-size: 12px;
  font-weight:normal;
}

/* main menu link style */
div.mainmenuclass a, div.mainmenuclass a:link, div.mainmenuclass a:visited
{
/*  text-transform:uppercase; */
  padding-left:10px;
  padding-right:10px;
}



/* main menu link hover style */
div.mainmenuclass a:hover,
div.contactmenuclass a:hover
{
  text-decoration: underline;
  font-weight:normal;
}

/* required for i.e. to show correct text alignment - 'contact' menu in table */
div.contactmenuclass table
{
  text-align:right;
}

div.mainmenuclass
{
    text-align:left;
}

/* Set text color for pipe symbols in main menu */
div.mainmenuclass 
{
  color:#CCCCCC; 
}


/**************** Style for login menu 'Sign in' *************************/

/* main menu link style */
div.loginmenuclass a, div.loginmenuclass a:link, div.loginmenuclass a:visited
{
/*  text-transform:uppercase; */
  color:#FFcc66;
  text-decoration: none;
  text-transform:none;
  font-weight:normal;
  font-size: 12px;
  margin-left:15px;
  font-weight:bold;
  text-align:right;
}

/* main menu link hover style */
div.loginmenuclass a:hover
{
	text-decoration: underline;
}
div.loginmenuclass
{
    text-align:right;
}

/* required for i.e. to show correct text alignment - 'sign in' menu in table */
div.loginmenuclass table
{
  text-align:right;
}




/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}


li
{
  margin-left:15px;
}
ul, ol
{
  margin-bottom:15px;
}
ul ul{
  margin-bottom:0px;
}

/*.................. Make the pagination stuff look better at the bottom of the page if there are
                     multiple articles continuing on to the next page!  */
.pagination span { padding: 4px; }
.pagination a    { padding: 4px; }