/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  letter-spacing: .1em;
  font-weight: normal;
  text-decoration: underline;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 850px}

/* header */
#header
{ width: 100%;
  height: 87px;
}

/* logo */
#logo
{ padding: 2px 0px 0px 0px;
  float: left;
  margin: 9px 15px 0px 15px;
}

#address
{ padding: 11px 17px 0px 14px;
  float: right;
  text-align: right;
}

#address p
{ padding: 0px;
  margin: 0px;
}

#logo h1
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: 160%;
  letter-spacing: .3em;
}

#logo h2
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu{margin: 0px 15px 0px 15px;}

#menu ul
{ height: 38px; 
  margin: 0px auto;
} 

#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a, #menu li a#selected, #menu li a:hover 
{ font-family: verdana, arial, sans-serif;
  display: block; 
  float: left; 
  height: 7px;
  text-decoration: none; 
  margin: 5px 12px 0px 4px;
  padding: 7px;
  font-size: 100%;
} 

#links
{ float: right; 
  width: 100px;
  text-align: right;
  padding: 0px 18px 0px 0px;
}

/* sidebars */
.sidebar
{ float: left;
  width: 194px;
  padding: 16px 15px 15px 15px;

}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  width: 194px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1
{ 
#font-weight: normal; 
padding: 8px 0px 16px 0px;
font-family: verdana, arial, sans-serif;
}

.sidebaritem2 h1
{ 
padding: 8px 0px 16px 0px;
font-family: verdana, arial, sans-serif;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 14px;
  text-decoration: none;
}

.sbilinks ul{margin: 0px 0px 18px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

.sbilinks li a{ height: 16px;
  text-decoration: none; 
  width: 149px;
    

} 

.sbilinks li a:hover
{ height: 16px;
  width: 149px;
    text-decoration: underline;

} 
/* page content (centre) */
#content
{ text-align: justify;
  width: 384px;
  padding: 11px 9px 15px 9px;
  margin-top: 16px;
  float: left;
  	table-layout: fixed;
}

#content h1
{ font-family: arial, sans-serif;
  font-size: 128%;  
  font-weight: normal;
}

#content a, #content a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  	table-layout: fixed;


}

/* footer */
#footer
{ height: 44px;  
  padding: 18px 0px 4px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 2px solid;
  margin: 4px 15px 4px 15px;
}
#footer2
{ height: 44px;  
  padding: 0px 0px 55px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  margin: 4px 15px 4px 15px;
}


#footer a
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed;
}

#footer a:hover
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1, .m1{margin: 0 5px}

.r2, .m2{margin: 0 3px}

.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0 1px;
  height: 2px
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  CSS Table Gallery                               xx
xx  Poetry for Browser                              xx
xx  not for 'browsing with the operating system' :o xx
xx  Author: Monika Thon-Soun                        xx
xx  URL: http://www.webdesign-in.de/                xx
xx  Country: Austria                                xx
xx  Date: 2006-01-14                                xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

table {
	font-size:10px;
	font-family:Verdana;
	line-height:1.4em;
	color: #5B0006;
	background-color:#FFFFFF;
	width:100%;
	border-collapse:collapse;
}
caption{
	color:#F8EFF0;
	background-color:inherit;
	font-size:25px;
	background-image:url(poetryforbrowser/caption.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	padding:28px 10px 7px 5px;
	text-align:right;
}
tfoot th,
tfoot td {
	color:#F8EFF0;
	background-color:inherit;
	font-size:25px;
	background-image:url(poetryforbrowser/tfoot.jpg);
	background-repeat:repeat-x;
	background-position:0 -2px;
}
tfoot{text-align:right;}
tfoot td{padding:7px 10px 28px 5px;}
tfoot th{padding:7px 2px 28px 2px;}

thead th,
tbody th {
	background-color:#FAE5E7;
	color: #5B0006;
	padding:7px;
	text-align:left;
}
tbody tr:hover,
tbody tr th:hover{
    background-color:#FFFFFF;
    color:#000;
}
td{padding:7px;}

thead th{border-bottom:1px dotted  #908F8B;}
thead th:first-child{border:none;}
tbody th{border-right:1px dotted #908F8B;}

table a {
	width:100%;
	display:block;
	color: #5B0006;
	background-color:inherit;
	line-height:1.5em;
}
table a:visited {
	color: #908F8B;
	background-color:inherit;
}
tbody td+td+td+td a:before{
	 content:"\21D3";
	 text-align:right;
}
table a:hover {
	color: #C9020F;
	background-color:inherit;
}
/*Code is Poetry.
Internet Explorer you cannot show us arrows and hover effects.
You cannot show us correct borders.
It looks like that you cannot understand poetry.
Don't be jealous of browsers. It is simply:Learn to be a browser and
everything is going to be alright.*/



#main-content li{

  font-size:10px;
	width:169px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#ffffff;
	padding:1px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:1px;
}

#main-content li a{

}

#main-content li a:hover{
display:block;
background-color:#136D86;
color: #fffffF;
}

#main-content2 li{

  font-size:12px;
	width:360px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#ffffff;
	padding:1px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:1px;
}

#main-content2 li a{

}

#main-content2 li a:hover{
display:block;
background-color:#841616;
color: #fffffF;
}