/* global styles */







div {



  /* border: 1px solid green; */



}







body {



  font-family: arial, helvetica, sans-serif;



  font-style: normal;



  font-size: 66%;



  text-align:center;



  min-width:78.5em; 



}







img {



  border:0;



}







form {



  margin:0;



}







.nobr {white-space: nowrap}







/* access keys */



.accesskeys { display: none;}







/* styles for layout */



#canvas {



  text-align:left;



  width:78.5em;



  margin-left: auto;



  margin-right: auto;



  /* border: 1px solid red; */



}







#canvas2 {



  text-align:left;



  width:78.5em;



  margin-left: auto;



  margin-right: auto;



  padding-bottom:5em;



  margin-bottom:5em;



}







#top {



  float:left;



  width:100%;



}







#banner img {



  text-align:left;



  width:78.5em;



  margin-left: auto;



  margin-right: auto;



}







#banner2 {



  width:78.5em;



  height:13.8em;



  margin-left:auto;



  margin-right:auto;



  margin-top:0;



  margin-bottom:5px;



  padding:0;



  background-image: url(/images/mastheads/dusk01.jpg);



  background-repeat: no-repeat;



}







#banner2 object {



  width:78.5em;



  height:13.8em;



  margin:0;



  padding:0;



}







#banner2 embed {



  width:78.5em;



  height:13.8em;



  margin:0;



  padding:0;



}







#navcontainer



{



  background-color: #1a4e8b;



  border-right: 1px solid #1a4e8b;



  margin: 0;



  padding: 0;



  height: 3.6em;



  width:100%;



}







#navcontainer ul



{



  border: 0;



  margin: 0 0 0 0;



  padding: 0;



  list-style-type: none;



}







#navcontainer ul li



{



  display: block;



  float: left;



  padding: 0;



  margin: 0;



}







#navcontainer ul li a



{



  font-size: 0.9em;



  color: #fff;



  text-decoration: none;



  display: block;



  background-color: #1a4e8b;



  border-left: 1px solid #fff;



  width: 10.5em;



  height: 4.5em;



  padding: 1em 1em 0em 0.5em;



  margin: 0;



}







#navcontainer ul li.first a



{



  border-left: 1px solid #1a4e8b;



}







html>body #navcontainer ul li a {



  width: 9em;



  height: 3em;



}







#navcontainer ul li a:hover



{



  color: #fb9802;



}







#navcontainer ul li a:active



{



  color: #fff;



}







#breadcrumb {



  background-color: #666666;



  margin: 0;



  padding: 0.2em 0em 0.1em 0.2em;



  height: 1.6em;



  width:100%;



}







html>body #breadcrumb {



  width:78.3em;



}







#breadcrumb ul



{



  border: 0;



  margin: 0;



  padding: 0;



  list-style-type: none;



}







#breadcrumb ul li



{



  color: #fff;



  display: block;



  float: left;



  padding: 0;



  margin: 0;



}







#breadcrumb ul li a



{



  font-size: 1em;



  color: #fff;



  text-decoration: none;



  background-color: #666666;



  padding: 0;



  margin: 0;



}







#breadcrumb ul li a:hover



{



  color: #fff;



}







#breadcrumb ul li a:active



{



  color: #fff;



}







#leftnavigation



{



  float:left;



  width:14.9em;



}







#leftnavigation a:link  {



  text-decoration: none;



}







#leftnavigation a:active  {



  text-decoration: none;



}







#leftnavigation a:visited  {



  text-decoration: none;



}







#leftnavigation a:hover { 



  text-decoration: none;



}



 



#visitorcenter {



  cursor:pointer;



  color:#fff;



  background-color:#ccccce;



  width:100%;



  margin:0;



  padding:0;



  height:17.5em;



  background-image: url(/images/info_centre.jpg);



  background-repeat: no-repeat;



}







#visitorcenter p {



  width:90%;



  padding:10.5em 0.5em 0.5em 0.5em;



  margin:0;



  font-size: 1.1em;



}







#visitorcenter a {



  color: #fff;



  text-decoration: none;  



}







#visitorcenter a:hover {



  color: #fff;



}







#visitorcenter a:active  {



  color: #fff;



}



 



#search_form {



  background-color:#336799;



  width:100%;



  height:8.3em;



  margin:0;



  padding:0;



}







#search_form h2 {



  background-color:#336799;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







html>body #search_form h2 {



  width:13.9em;



  height:1.5em;



}







#search_form #form #search_field {



  float:right;



  font-size:1.2em;



  width:11.5em;



  margin:0.8em 0.6em 0 0.6em;



  padding: 0;



}







#search_form #form #search_field {



  width:11em;



}







#search_form #form #search_button {



  float:right;



  border:0px solid white;



  background-color:#336799;



  color:#ffffff;



  font-size:1.0em;



  font-weight:bold;



  width:6.5em;



  height:2em;



  margin:0.5em 0.6em 0 0.6em;



  padding:0;



}







#search_form #form #atoz_button {



  float:right;



  border:0px solid white;



  background-color:#336799;



  color:#ffffff;



  font-size:1.0em;



  font-weight:bold;



  width:11.5em;



  height:2em;



  margin:0.5em 0.6em 0 0.6em;



  padding:0;



}







#whatson {



  background-color:#bbbdd6;



  width:100%;



  height:12.5em;



  margin:0;



  padding:0;



}







html>body #whatson {



  height:13em;



}







#whatson h2 {



  background-color:#7577aa;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







html>body #whatson h2 {



  width:13.9em;



  height:1.5em;



}







#whatson select {



  font-size:0.85em;



  margin:0;



  padding:0;



}







#whatson #day_start {



  width:4.3em;



}







#whatson #month_start {



  width:5.3em;



}







#whatson #year_start {



  width:4.3em;



}







#whatson #day_end {



  width:4.3em;



}







#whatson #month_end {



  width:5.3em;



}







#whatson #year_end {



  width:4.3em;



}







#whatson p {



  padding:0 0 0.5em 0.3em;



  margin:0;



}







#whatson p.searchbutton {



  float:right;



  padding-right:0.5em;



}







#whatson a {



  color: #7577aa;



  text-decoration: none;



  font-weight:bold;



}







#whatson a:hover {



  color: #7577aa;



}







#whatson a:active  {



  color: #7577aa;



}











#feedback {



  background-color:#5EB571;



  width:100%;



  margin:0;



  padding:0;







}







html>body #feedback {



  height:5.5em;



}







#feedback p {



  width:100%;



  padding:0.3em;



  margin:0;



  font-size: 1.1em;



}







#feedback h2 {



  background-color:#1C702E;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







html>body #feedback h2 {



  width:13.9em;



  height:1.5em;



}







#feedback a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}







#feedback a:hover {



  color: #fff;



}







#feedback a:active  {



  color: #fff;



}







#culturalpaths {



  background-color:#fdd3bf;



  width:100%;



  margin:0;



  padding:0;



  background-image: url(/images/cultural_paths.gif);



  background-repeat: no-repeat;



}







html>body #culturalpaths {



  height:6em;



}







#culturalpaths p {



  width:100%;



  padding:0.5em;



  margin:0;



  font-size: 1.1em;



}







#culturalpaths h2 {



  background-color:#FF6633;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







html>body #culturalpaths h2 {



  width:13.9em;



  height:1.5em;



}







#culturalpaths a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}







#culturalpaths a:hover {



  color: #fff;



}







#culturalpaths a:active  {



  color: #fff;



}











#discoverthecity {



  cursor:pointer;



  background-color:#67919b;



  width:100%;



  margin:0;



  padding:0;



  height:16em;



  background-image: url(/images/home/map_220x168.gif);



  background-repeat: no-repeat;



  background-position: left bottom;



}







html>body #discoverthecity h2 {



  width:13.9em;



  height:1.5em;



}







#discoverthecity h2 {



  background-color:#3F8E95;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







.discoverthecityanchor a {



  color: #fff;



  text-decoration: none;



}







.discoverthecityanchor a:hover {



  color: #fff;



  decoration:none;



}







.discoverthecityanchor a:active  {



  color: #fff;



  decoration:none;



}







#royalexchange {



  background-color:#36467C;



  width:100%;



  margin:0;



  padding:0;



  height:10em;



  background-image: url(/images/royal_exchange.jpg);



  background-repeat: no-repeat;



  background-position: left bottom;



}







#royalexchange h2 {



  background-color:#36467C;



  font-weight:bold;



  font-size:1em;  



  width:100%;



  height:1.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







html>body #royalexchange h2 {



  width:13.9em;



  height:1.5em;



}







#royalexchange {



  background-color:#36467C;



  width:100%;



  margin:0;



  padding:0;



}







#royalexchange a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}







#royalexchange a:hover {



  color: #fff;



}







#royalexchange a:active  {



  color: #fff;



}







#cityoflondonlogo {



  background-color:#fff;



  width:100%;



  margin:0;



  padding:0;



}







#bottomnavigation



{



  text-align:center;



  background-color:#a3c2e0;



  float:right;



  width:63em;



  margin:0.5em 0 0 0;



  padding: 1em 0;



  font-size: 1em;



}







#bottomnavigation ul



{



  list-style-type:none;



  margin:0;



}







#bottomnavigation ol.firstlist



{



  width:53em;



}







#bottomnavigation ol.secondlist



{



  width:50em;



  margin:0.2em 0 0 0;  



}







#bottomnavigation ul li



{







  display:inline;



  float:left;



  margin:0;



  padding:0 0.5em 0 0.5em;



  margin:0;



}







#bottomnavigation ul li.first {



  border:0; 



}







#bottomnavigation ul li a



{



  font-size:1em;



  color:#990033;



  text-decoration:none;



}







#bottomnavigation ul li a:hover



{



  color: #990033;



}







#bottomnavigation ul li a:active



{



  color: #990033;



}







/* styles for homepage */







#home {



  width:78.5em;



  height:50em;



  border:1px solid white;



  border-bottom:1px solid black;



  margin-bottom:5em;



}









#home #trans p {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



}







#home a:link  {



  color: #fff;



  text-decoration: none;



}







#home a:active  {



  color: #fff;



  text-decoration: none;



}







#home a:visited  {



  color: #fff;



  text-decoration: none;



}







#home a:hover { 



  color: #fff; 



  text-decoration: none;



}







#home #topleft {



  cursor:pointer;



  float:left;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



  overflow:hidden;



}







#home #topleft h1 {



  font-family:sans-serif;



  font-weight:normal;



  font-size:170%;



  color:#000;



  margin: 0 6em 0 0;



}







#home #topleft .pic {



  padding:0.5em;



  float:left;



}



  



#home #topright {



  float:right;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



  background-color:#cc3300;



  overflow:hidden;



}







#home #topright .pic {



  cursor:pointer;



  float:left;



  width:10em;



  height:10em;



}







#home #topright .info {



  cursor:pointer;



  width:28.85em;



  overflow:hidden;



}







#home #topright .text {



  width:28.85em;



  height:6.55em;



  background-color:#cc3300;



}







#home #topright .text p {



  font-family:sans-serif;



  font-weight:normal;



  font-size:120%;



  color:#fff;



  margin:0em;



  padding:0.5em;



}







#home #topright .header {



  width:28.85em;



  height:3.45em;



  background-image: url(/images/home/top_right_title.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 3.45em 0 0 0;



}







#home #middleleft {



  float:left;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



  background-color:#ff9900;



  overflow:hidden;



}







#home #middleleft .pic {



  cursor:pointer;



  float:left;



  width:10em;



  height:10em;



}







#home #middleleft .info {



  cursor:pointer;



  width:28.85em;



  overflow:hidden;



}







#home #middleleft .text {



  width:28.85em;



  height:6.55em;



  background-color:#ff9900;



}







#home #middleleft .text p {



  font-family:sans-serif;



  font-weight:normal;



  font-size:120%;



  color:#fff;



  margin:0em;



  padding:0.5em;



}







#home #middleleft .header {



  width:28.85em;



  height:3.45em;



  background-image: url(/images/home/middle_left_title.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 3.45em 0 0 0;



}







#home #middleright {



  float:right;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



  background-color:#669966;



  overflow:hidden;



}







#home #middleright .pic {



  cursor:pointer;



  float:left;



  width:10em;



  height:10em;



}







#home #middleright .info {



  cursor:pointer;



  width:28.85em;



  overflow:hidden;



}







#home #middleright .text {



  width:28.85em;



  height:6.55em;



  background-color:#669966;



}







#home #middleright .text p {



  font-family:sans-serif;



  font-weight:normal;



  font-size:120%;



  color:#fff;



  margin:0em;



  padding:0.5em;



}







#home #middleright .header {



  width:28.85em;



  height:3.45em;



  background-image: url(/images/home/middle_right_title.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 3.45em 0 0 0;



}







#home #bottomleft {



  float:left;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



background-color:#cc3366;



  overflow:hidden;



}







#home #bottomleft .pic {



  cursor:pointer;



  width:10em;



  height:10em;



  float:left;



}







#home #bottomleft .info {



  cursor:pointer;



  width:28.85em;



  overflow:hidden;



}







#home #bottomleft .text {



  width:28.85em;



  height:6.55em;



  background-color:#cc3366;



}







#home #bottomleft .text p {



  font-family:sans-serif;



  font-weight:normal;



  font-size:120%;



  color:#fff;



  margin:0em;



  padding:0.5em;



}







#home #bottomleft .header {



  width:28.85em;



  height:3.45em;



  background-image: url(/images/home/bottom_left_title.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 3.45em 0 0 0;



}







#home #bottomright {



  float:right;



  width:38.8em;



  height:10em;



  margin:0.7em 0 0 0;



 background-color:#0099ff;



  overflow:hidden;



}







#home #bottomright .pic {



  cursor:pointer;



  float:left;



  width:10em;



  height:10em;



}







#home #bottomright .info {



  cursor:pointer;



  width:28.85em;



  overflow:hidden;



}







#home #bottomright .text {



  width:28.85em;



  height:6.55em;



  background-color:#0099ff;



}







#home #bottomright .text p {



  font-family:sans-serif;



  font-weight:normal;



  font-size:120%;



  color:#fff;



  margin:0em;



  padding:0.5em;



}







#home #bottomright .header {



  width:28.85em;



  height:3.45em;



  background-image: url(/images/home/bottom_right_title.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 3.45em 0 0 0;



}







#home #toolleft {



  float:left;



  width:27em;



  margin:0.7em 0 0 0;



  background-color:#fff;



}







#home #toolleft #search {



  float:left;



  width:27em;



  background-color:#fff;



}







#home #toolleft h2 {



  font-family:sans-serif;



  font-weight:bold;



  font-size:150%;



  color:#656565;



  margin:0.5em 0.5em 0 0.5em;



  padding:0;



}







#home #toolleft #search_field {



  float:left;



  font-size:1.2em;



  width:14em;



  margin:0.5em 0 0 0.8em;



  padding:0;



  border:1px solid black;



}







#home #toolleft #search_button {



  float:left;



  border:0px solid black;



  background-color:#336799;



  color:#ffffff;



  font-size:1.0em;



  font-weight:bold;



  width:6em;



  height:1.7em;



  margin:0.6em 0.5em 0 0.1em;



  padding:0;



}







#home #toolleft #atoz {



  float:left;



  width:27em;



  background-color:#fff;



  margin-top:0em;



}







#home #toolleft #atoz p {



  margin:0.2em 0.2em 0 1em;



  padding:0;



}



#home #toolleft #flags {



  padding:2em 0 0 1em;

  margin:2em 0 0 0;



}



#home #toolleft #flags img {



  padding:0.4em 0.2em 0.2em 0;



}







#home #toolleft #atoz a:link  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolleft #atoz a:active  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolleft #atoz a:visited  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolleft #atoz a:hover { 



  font-weight:bold;



  color: #0000ff; 



  text-decoration: underline;



}









#home #toolfbouter {



  float:left;



  width:11.8em;



  margin: 1.4em 0 0 0;



  background-color:#fff;



  border: 1px solid #003366;



}







#home #toolfb {



  width:11.4em;



  margin: 0.2em 0.2em 0.2em 0.2em;



  background-color:#3B5998;



}







#home #toolfb p {



  font-family:sans-serif;



  font-weight:bold;



  line-height: 140%;



  font-size:120%;



  color:#fff;



  margin:0.5em 0.5em 0.2em 0.6em;



  padding:0 0 1em 0;



  background-color:#3B5998;



}







#home #toolfb a {



    color:#FFF;



    background-color:#3B5998;}







#home #toolcenter {



  float:left;



  width:20.7em;



  margin:0.7em 0 0 0.5em;



  background-color:#fff;



}



#home #toolcenter #tfl {



  float:right;



  margin: 0 0 0 0;





}







#home #toolcenter h2 {



  font-family:sans-serif;



  font-weight:bold;



  font-size:150%;



  color:#656565;



  margin:0.5em 0.5em 0 0.5em;



  padding:0;



}







#home a:link  {



  color: #656565;



  text-decoration: none;



}







#home a:active  {



  color: #656565;



  text-decoration: none;



}







#home a:visited  {



  color: #656565;



  text-decoration: none;



}







#home a:hover { 



  color: #656565; 



  text-decoration: none;



}







#home #toolcenter img {



  font-size:150%;



  margin:0.5em 0.5em 0 0.5em;



  padding:0;



}







#home #toolright {



  float:right;



  width:17em;



  margin:0.7em 0 0 0.7em;



  background-color:#fff;



}







#home #toolright h2 {



  font-family:sans-serif;



  font-weight:bold;



  font-size:150%;



  color:#656565;



  margin:0.5em 0.5em 0 0.5em;



  padding:0;



}







#home #toolright #links {



  float:left;



  width:27em;



  background-color:#fff;



  margin:0.5em 0 0.5em 0;



}







#home #toolright #links p {



  margin:0 0.5em 0 0.8em;



  padding:0;



}







#home #toolright #links a:link  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolright #links a:active  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolright #links a:visited  {



  font-weight:bold;



  color: #0000ff;



  text-decoration: none;



}







#home #toolright #links a:hover { 



  font-weight:bold;



  color: #0000ff; 



  text-decoration: underline;



}











/* general listings pages (attractions and events) */







#listings {



  float:right;



  width: 63em;



  margin: 0.5em 0em 0em 0em;



}







.blue_background {



  background-color: #90bade;



}







#listings h1 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.4em;



  font-weight: bold;



  margin:0 0 0.5em 0;



}







#listings h2 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #1a4f8f;



  font-size: 1.1em;



  font-weight: bold;



  margin:0.5em 0 0.5em 0;



}







#listings p {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



}







#listings #button {



  font-family: Arial, Helvetica, sans-serif;



  color: #333;



  float: left;



  font-size: 112%;



  margin:0.2em 0 0 0;



  padding: 0em;



  width: 15em;



  height: 100%;



}







#listings #button h2 {



  font-weight:bold;







  color: #1a4f8f;



  font-size: 1em;



  width:100%;



  padding: 0.5em 0.5em 0.5em 0.4em;



  margin:0.5em 0.5em 0.5em 0;



}







#listings #button ul {



  list-style: none;



  margin: 0;



  padding: 0;



  border: none;



}



    



#listings #button li {



  font-size:0.9em;



  border-bottom: 1px solid #90bade;



  margin: 0;



} 







#listings #button li a {



  display: block;



  padding: 0.5em;



  background-color: #2175bc;



  color: #fff;



  text-decoration: none;



  width: 100%;



}







html>body #listings #button li a {



  width: auto;



}







#listings #button li.selected a {



  background-color: #1a4e8b;



}







#listings #button li a:hover {



  background-color: #2586d7;



  color: #fff;



}







#listings #button li.selected a:hover {



  background-color: #1a4e8b;



}







/* attractions - categories */







#listings #categories {



  float:right;



  width:46.2em;



  background-color: #ffffff;



  color: #003366;



  line-height: normal;



  margin: 0;



  padding: 0;



}







#listings #categories h2 {



  font-weight:bold;



  color: #1a4f8f;



  font-size: 1.1em;



  width:100%;



  padding:1.0em 1.0em 1.0em 1.0em;



  margin:0;



}







#listings #categoriescontenttop01 {



  width:22.6em;



  float:left;



  color: #003366;



  line-height: normal;



  margin: 0 0 0 0.4em;



  overflow: hidden;



}







#listings #categoriescontenttop02 {



  width:22.6em;



  float:right;



  color: #003366;



  line-height: normal;



  margin: 0 0 0 0;



  overflow: hidden;



}







#listings #categoriescontentbottom01 {



  width:22.6em;



  float:left;



  color: #003366;



  line-height: normal;



  margin: 0.4em 0 0 0.4em;



  overflow: hidden;



}







#listings #categoriescontentbottom02 {



  width:22.6em;



  float:right;



  color: #003366;



  line-height: normal;



  margin: 0.4em 0 0 0;



  overflow: hidden;



}







#listings .categoriestitle {



  background-color: #616161;



  float:left;



  height:2em;



  width:22.5em;



}







html>body #listings .categoriestitle {



  height:2.2em;



  width:22.6em;



}







#listings .categoriestitle h3 {



  float:left;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: bold;



  color: #fcfcfc;



  margin: 0; 



  padding: 0.5em 0 0 0.7em; 



}







#listings .categoriestitle h4 {



  float:right;



  color: #ffffff;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: normal;



  margin: 0; 



  padding: 0.7em 0 0 0.7em; 



}







#listings .categoriestitle img {



  float:right;



}







#listings .categoriestitle a:link  {



  color: #ffffff;



  text-decoration: none;







}







#listings .categoriestitle a:active  {



  color: #ffffff;



  text-decoration: none;







}







#listings .categoriestitle a:visited  {



  color: #ffffff;



  text-decoration: none;



}







#listings .categoriestitle a:hover { 



  color: #ffffff; 



  text-decoration: none



}







/* attractions - category */







#listings #categoryheader {



  float:right;



  width:45.8em;



  background-color:#90bade;



  color: #003366;



  line-height: normal;



  margin:0;



  padding:0;



  border-left:4px solid white;



}







#listings #categoryheader p {



  padding:0 1.0em 1.0em 0.5em;



  margin:0;



}







#listings #categoryheader h2 {



  font-weight:bold;



  color: #1a4f8f;



  font-size: 1.1em;



  width:100%;



  padding:1.0em 1.0em 1.0em 0.5em;



  margin:0;



}







#listings #sorttext {



  font-weight:bold;



  color: #1a4f8f;



  font-size: 1.0em;



  width:100%;



  padding:0 1.0em 1.0em 1em;



  margin: 0 0 0 0.5em;



}







#listings #sorttext a:link  {



  color: #1a4f8f;



  text-decoration: none;



}







#listings #sorttext a:active  {



  color: #1a4f8f;



  text-decoration: none;



}







#listings #sorttext a:visited  {



  color: #1a4f8f;



  text-decoration: none;



}







#listings #sorttext a:hover { 



  color: #1a4f8f; 



  text-decoration: none;



}







#listings #sorttext select {



  color: #1a4f8f;



  font-size: 1.0em;



  width:120px;



  padding:0;



  margin: 0;



}







#listings #dates select {



  font-size:0.85em;



  margin:0;



  padding:0;



}







#listings #dates #day_start {



  width:4.3em;



}







#listings #dates #month_start {



  width:5.3em;



}







#listings #dates #year_start {



  width:4.3em;



}







#listings #dates #day_end {



  width:4.3em;



}







#listings #dates #month_end {



  width:5.3em;



}







#listings #dates #year_end {



  width:4.3em;



}







#listings #dates p.searchbutton {



  float:right;



  padding-right:0.5em;



}







#listings #dates a {



  color: #7577aa;



  text-decoration: none;



  font-weight:bold;



}







#listings #dates a:hover {



  color: #7577aa;



}







#listings #dates a:active  {



  color: #7577aa;



}







#listings .category {



  float:right;



  background-color: #ffffff;



  color: #003366;



  line-height: normal;



  margin: 0;



  padding: 0;



  border-left:4px solid white;



  border-top:4px solid white;



}







#listings .categoryimage {



  float:left;



  margin:0;



}







#listings .categoryimage img {



  width:13.8em;



}







#listings .categorycontent {



  width:32em;



  float:right;



}







#listings .categorytitle {



  width:32em;



  float:right;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: bold;



  background-color: #dadada;



  padding: 0; 



  margin:0;



}







#listings .categorytitle h3 {



  float:left;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: bold;



  color: #030303;



  margin: 0; 



  padding: 0.3em 0 0 0.7em; 



}







#listings .categorytitle h3 a:link  {



  color: #030303;



  text-decoration: none;



}







#listings .categorytitle h3 a:active  {



  color: #030303;



  text-decoration: none;







}







#listings .categorytitle h3 a:visited  {



  color: #030303;



  text-decoration: none;



}







#listings .categorytitle h3 a:hover { 



  color: #030303;



  text-decoration: none



}







#listings .categorytitle img {



  float: right;



}







#listings .categorytitle a:link  {



  color: #ffffff;



  text-decoration: none;



}







#listings .categorytitle a:active  {



  color: #ffffff;



  text-decoration: none;







}







#listings .categorytitle a:visited  {



  color: #ffffff;



  text-decoration: none;



}







#listings .categorytitle a:hover { 



  color: #ffffff; 



  text-decoration: none



}







#listings .categorytext {



  font-family: Arial, Helvetica, sans-serif;



  width:32em;



  float:left;



}







#listings .categorycontent h4 {



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: normal;



  margin: 0; 



  padding: 0.7em 0.7em 0 0.7em; 



}







#listings .categorytext .img {



  float:right;



}







#listings .categorytext p {



  margin: 0; 



  padding: 0 0.5em 0 0.5em;



}







#listings .categorytext .postcode {



  float:right;



  color: #ffffff;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: normal;



  margin: 0; 



  padding: 0 0.5em 0 0.5em; 



}







#listings .categoryview {



  width:45.3em;



  float:right;



  background-color: #ffffff;



  color: #003366;



  line-height: normal;



  margin: 0;



  padding: 0 0 0 0.5em;



  border-left:4px solid white;



  border-top:4px solid white;



  min-height:396px;



}











#listings .categoryview #interactivemap {



  width:45.3em;



  height:30em;



}







#listings .categoryview #image {



  float:right;



  padding: 0 0 0.5em 0.5em;



  margin:0;



}







#listings .categoryview h2 {



  margin-top: 1.5em; 



}







#listings .categoryview h5 {



  font-size: 1.0em;



  font-weight: bold;



}







#listings .categoryview h6 {



  font-size: 1.0em;



  font-weight: bold;



}







#listings .categoryview a:link  {



  color: #003366;



}







#listings .categoryview a:active  {



  color: #003366;



}







#listings .categoryview a:visited  {



  color: #003366;



}







#listings .categorytitle a:hover { 



  color: #003366; 



}







/* attractions - subcategory



 * uses category styles */







/* attractions - view 



 * uses category styles */



 



/* events - category 



 * uses category styles */



 



/* events - view 



 * uses category styles */







/* hotels, venues, shops all use these general listings styles */







#listings #sorttext {



  font-weight:bold;



  color: #1a4f8f;



  font-size: 1.0em;



  width:100%;



  padding:0 0 1.0em 0.55em;



  margin:0;



}







#listings .item {



  font-size: 1.0em;



  position: relative;



  background-color: #ffffff;



  float:left;



  color: #003366;



  line-height: normal;



  margin: 0;



  padding:0;



}







html>body #listings .item {



}







#listings .itemimage {



  float:left;



  margin:0;



}







#listings .itemimage img {



  width:16.1em;



}







#listings .itemcontent {



  float:right;



  width:63em;



  margin:0;



}







#listings .itemtitle {



  width:63em;



  float:right;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: bold;



  background-color: #616161;



  padding: 0; 



  margin: 0;



}







#listings .item h2 {



  margin-top: 1.5em; 



}







#listings .itemtitle h3 {



  float:left;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: bold;



  margin: 0; 



  padding: 0.7em 0 0 0.7em; 



}







#listings .itemtitle h4 {



  float:right;



  color: #ffffff;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: normal;



  margin: 0; 



  padding: 0.7em 0 0 0.7em; 



}







#listings .itemtitle h3 a:link  {



  color: #ffffff;



  text-decoration: none;







}







#listings .itemtitle h3 a:active  {



  color: #ffffff;



  text-decoration: none;







}







#listings .itemtitle h3 a:visited  {



  color: #ffffff;



  text-decoration: none;



}







#listings .itemtitle h3 a:hover { 



  color: #ffffff; 



  text-decoration: none



}







#listings .itemtitle img {



  float: right;



}







#listings .itemtitle a:link  {



  color: #ffffff;



  text-decoration: none;







}







#listings .itemtitle a:active  {



  color: #ffffff;



  text-decoration: none;







}







#listings .itemtitle a:visited  {



  color: #ffffff;



  text-decoration: none;



}







#listings .itemtitle a:hover { 



  color: #ffffff; 



  text-decoration: none



}







#listings .itemtext {



  width:46.9em;



  float:right;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  padding: 0; 



  margin: 0;



}







html>body #listings .itemtext {



  width:46.8em;



}







#listings .itemtext .sbd {



  float:right;



  clear:right;



  width:1px;



  height:30px;



}







html>body #listings .itemtext .sbd {



  height:30px;



}







#listings .itemtext .img {



  float:right;



  clear:right;



  padding:10px 0 0 0;



}







#listings .itemtext p {



  padding: 0px 8px 0px 8px;



}







#listings .item .image {



  float:right;



  padding: 0.5em 0 0 0;



}







#listings .item h5 {



  font-size: 1.0em;



  font-weight: bold;



}







#listings .item h6 {



  font-size: 1.0em;



  font-weight: bold;



}







#listings .item a:link  {



  color: #003366;



}







#listings .item a:active  {



  color: #003366;







}







#listings .item a:visited  {



  color: #003366;



}







#listings .item a:hover { 



  color: #003366; 



}







/* specific for shop - catgories page */







#shopcontenttopleft {



  width:31.5em;



  position: relative;



  background-color: #ffffff;



  float:left;



  color: #003366;



  line-height: normal;



  margin: 0.5em 0 0 0;



}







#shopcontenttopleft h1 {



  margin: 0;



}







#shopcontenttopright {



  width:31em;



  position: relative;



  background-color: #616161;



  float:right;



  color: #003366;



  line-height: normal;



  margin: 0.5em 0 0 0;



}







#shopcontentbottomleft {



  width:31em;



  position: relative;



  background-color: #616161;



  float:left;



  color: #003366;



  line-height: normal;



  margin: 0.5em 0 0 0;



}







#shopcontentbottomright {



  width:31em;



  position: relative;



  background-color: #616161;



  float:right;



  color: #003366;



  line-height: normal;



  margin: 0.5em 0 0 0;



}







#storefinder {



  width:31em;



  position: relative;



  background-color: #999999;



  float:right;



  color: #333333;



  line-height: normal;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  height: auto;



  padding: 0;



  margin: 0;



}







html>body #storefinder {



  width:auto;  



}







#storefinder h2 {



  width:31em;



  height:2em;



  position: relative;



  background-color: #1a4e8b;



  float:right;



  color: #ffffff;



  line-height: normal;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  padding: 0.5em;



  margin: 0;



}







html>body #storefinder h2 {



  width:30em;



  height:1.5em;



}







.listings .storefindertitle {



  width:31em;



  float:right;



  font-family: Arial, Helvetica, sans-serif;



  font-weight: bold;



  background-color: #616161;



  padding: 0; 



  margin: 0;



}







.listings .storefindertitle h3 {



  float:left;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1.0em;



  font-weight: bold;



  background-color: #616161;



  color: #fcfcfc;



  margin: 0; 



  padding: 0.7em 0 0 0.7em; 



}







html>body .storefindertitle {



}







.storefindertitle img {



  float:right;



}







.storefindertitle a:link  {



  color: #ffffff;



  text-decoration: none;







}







.storefindertitle a:active  {



  color: #ffffff;



  text-decoration: none;







}







.storefindertitle a:visited  {



  color: #ffffff;



  text-decoration: none;



}







.storefindertitle a:hover { 



  color: #ffffff; 



  text-decoration: none



}







html>body #storefinder {



  width:326px!important;



}







/* general pagination area, used by most types of listings pages */







#pagination {



  width:63em;



  height:2em;



  line-height: normal;



  float: right;



  text-decoration: none;



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1em;



  margin: 0.5em 0 0 0;



  padding: 0.5em;



}







html>body #pagination {



  width:62em;



  height:1.5em;



  margin: 0.3em 0 0 0;



}







#paginationholder #pagination {



  background-color: #616161;



  color: #ffffff;



}







#paginationholder #pagination a:link  {



  color: #ffffff;



  text-decoration: none;







}







#paginationholder #pagination a:active  {



  color: #ffffff;



  text-decoration: none;







}







#paginationholder #pagination a:visited  {



  color: #ffffff;



  text-decoration: none;







}







#paginationholder #pagination a:hover { 



  color: #ffffff; 



  text-decoration: none



}







#wts_paginationholder #pagination {



  background-color: #dadada;



  color: #000000;



}







#wts_paginationholder #pagination a:link  {



  color: #000000;



  text-decoration: none;







}







#wts_paginationholder #pagination a:active  {



  color: #000000;



  text-decoration: none;







}







#wts_paginationholder #pagination a:visited  {



  color: #000000;



  text-decoration: none;







}







#wts_paginationholder #pagination a:hover { 



  color: #000000; 



  text-decoration: none



}







#pagination em {



  text-decoration: underline



}







/* general content holder, used by most types of static pages */







#contentholder



{



  float: right;



  width: 62.5em;



  padding: 1em 0em 0em 0.5em;



}







#contentholder h1 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.4em;



  font-weight: bold;



  margin:0 0 0.5em 0;



}







#contentholder p {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



}







#contentholder .nomargintop {



  margin-top: 0;



}







#contentholder .nomarginbottom {



  margin-bottom: 0;



}







#contentholder ul li {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



}







#contentholder h2 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.1em;



  font-weight: bold;



  margin:0.5em 0 0.5em 0;



}







#contentholder h3 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: bold;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;



  margin:0.5em 0 0em 0;



}







#contentholder strong {



}







#contentholder a:link  {



  color: #1a4f8f;



  text-decoration: underline;



}







#contentholder a:active  {



  color: #1a4f8f;



  text-decoration: underline;



}







#contentholder a:visited  {



  color: #003366;



  text-decoration: underline;



}







#contentholder a:hover { 



  color: #3366cc; 



  text-decoration: underline;



}







#contentholder image {



  margin:0 0 1em 1em;



}







#contentholder image.imgleft {



  margin:0 1em 1em 0;



}







/* interactive map page */







#interactivemap {



  width: 63em;



  height:55em;



}







#maplabel {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.0em;



  font-weight: normal;



}







.arrowimage {



  float:right;



  padding:0;



  margin:0;



}







html>body .arrowimage {



  margin-top:0.1em;



}







/* practical info and getting around page */







#contentholder2



{



  float: right;



  width: 62.5em;



  padding: 1em 0em 0em 0.5em;



}







#contentholder2 h1 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.4em;



  font-weight: bold;



  margin:0 0 0.5em 0;



}







#contentholder2 p {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



}







/*  practical info and getting around boxes */







#bluebox



{



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1em;



  color: #fff;



  background-color: #1a4e8b;



  width: 14.9em;



  margin: 1em 2em 2em 1.5em;



  padding: 0;



  float: left;



  overflow: hidden;



}







#bluebox h2   {



  background-color:#1a4e8b;



  font-weight:bold;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







#bluebox h3   {



  font-weight:normal;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding-left:0.5em;



  margin:1em 0 0.5em 0;



}







html>body #bluebox h2 {



  width:14em;



  height:1.5em;



  margin:0 0 0.5em 0;



}







#bluebox a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}



#bluebox a:hover {



  color: #fff;



}







#bluebox a:active  {



  color: #fff;



}







#bluebox2



{



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1em;



  color: #fff;



  background-color: #1a4e8b;



  width: 14.9em;



  margin: 1em 2em 2em 1.5em;



  padding: 0;



  float: left;



  overflow: hidden;



}







#bluebox2 h2   {



  background-color:#1a4e8b;



  font-weight:bold;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







#bluebox2 h3   {



  font-weight:normal;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding-left:0.5em;



  margin:1em 0 0.5em 0;



}







html>body #bluebox2 h2 {



  width:14em;



  height:1.5em;



  padding-left:0.5em;



}







#bluebox2 a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}



#bluebox2 a:hover {



  color: #fff;



}







#bluebox2 a:active  {



  color: #fff;



}



#bluebox3



{



  font-family: Arial, Helvetica, sans-serif;



  font-size: 1em;



  color: #fff;



  background-color: #1a4e8b;



  width: 14.9em;



  margin: 1em 2em 2em 1.5em;



  padding: 0;



  float: left;



  overflow: hidden;



}







#bluebox3 h2   {



  background-color:#1a4e8b;



  font-weight:bold;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding:0.5em;



  margin:0 0 0.5em 0;



}







#bluebox3 h3   {



  font-weight:normal;



  font-size:1em;  



  width:14em;



  height:2.5em;



  color:#fff;



  padding-left:0.5em;



  margin:1em 0 0.5em 0;



}







html>body #bluebox3 h2 {



  width:14em;



  height:1.5em;



}







#bluebox3 a {



  color: #fff;



  text-decoration: none;



  font-weight:bold;



}



#bluebox3 a:hover {



  color: #fff;



}







#bluebox3 a:active  {



  color: #fff;



}







/* news pages */







#news h5 {



  font-size: 1.2em;



  font-weight: bold;



}







/* search results */







#search_results {



  float:right;



  width:63em;



  margin:0 0 2em 0;



  padding:0;



}







html>body #search_results {



  width:60.7em;



}







#search_results h2 {



  font-weight:bold;



  font-size:1.4em;  



  width:100%;



  height:2.5em;



  color:#336799;



  padding:0;



  margin:1.5em 0 0 0;



}







#search_results #did_you_mean {



  margin:0 0 1em 0;



}







#search_results #common_report {



  margin:0 0 1em 0;



}







#search_results #result_report {



  margin:0 0 1em 0;



}







#search_results #alpha {



  margin:0 0 1.0em 0;



  font-size:1.2em;



  font-weight:bold;



}







#search_results a:link  {



  color: #1a4f8f;



  text-decoration: none;







}







#search_results a:active  {



  color: #1a4f8f;



  text-decoration: none;







}







#search_results a:visited  {



  color: #1a4f8f;



  text-decoration: none;



}







#search_results a:hover { 



  color: #1a4f8f; 



  text-decoration: none



}







/* new style content pages */







#contentholder3 #interactivemap {



  width: 61.4em;



  height:35em;



  margin:0 0.75em 1em 0.75em;



}







#contentholder3



{



  float: right;



  width: 62.9em;



  padding: 1em 0em 0em 0.5em;



}







#contentholder3 #header {



  height:10.6em;



  overflow:hidden;



}







#contentholder3 #header .city4free {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/city4free_header.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage1.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title1 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage1.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title2 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage2.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title3 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage3.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title4 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage4.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title5 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage5.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title6 {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/homepage6.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .what_is_the_city {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/what_is_the_city.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title_to {



  float:left;



  width:63.5em;



  height:10.6em;



  background-image: url(/images/content/homepage_to.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title_xmas_shopping {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/xmas_shopping.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title_xmas_calendar {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/xmas_calendar.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title_xmas_skating {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/xmas_skating.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .title_xmas_carol {



  float:left;



  width:52.3em;



  height:10.6em;



  background-image: url(/images/content/xmas_carol.gif);



  background-repeat: no-repeat;



  overflow:hidden;



  padding: 10.6em 0 0 0;



}







#contentholder3 #header .pic {



  float:right;



}







#contentholder3 #breadcrumb {



  float:left;



  width: 62.7em;



}







#contentholder3 #content {



  float:left;



}







#contentholder3 #content #trans h1 {



   font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.6em;



  font-weight: bold;



  margin:0.5em 0.75em 0.75em 0.5em;



}



#contentholder3 #content {



  width:100%;



}







#contentholder3 #content h2 {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #333333;



  font-size: 1.1em;



  font-weight: bold;



  margin:0.5em 0.75em 0em 0.75em;



}







#contentholder3 #content h3 {



  font-family: Arial, Helvetica, sans-serif;



  font-style:italic;



  color: #333333;



  font-weight: normal;



  font-size: 1.1em;



  margin:0.5em 0.75em 0em 0.75em;



}



#contentholder3 #content .margintop{



  margin-top: 0.5em;



}











#contentholder3 #content .marginbottom {



  margin-bottom: 0.5em;



}







#contentholder3 #content p {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



  margin:0 0.75em 1em 0.75em;



}











#contentholder3 #content li {



  font-family: Arial, Helvetica, sans-serif;



  font-style: normal;



  color: #000000;



  font-size: 1.1em;



  font-weight: normal;  



   margin:0 0.75em 0.25em 0;



}