/* Waterways World style sheet */

/* ----------------------------------
   Page layout
   ---------------------------------- */

html	  { margin: 0px; 
			font-family: Helvetica,Arial,sans-serif; 
			height: 100%;
			font-size: small; }

body	  { background-color: #DEF3F8; }

div#body  { margin: 0 auto;
			width: 780px; }

#masthead { width: 780px;
			height: 145px; 
			background-image: url(graphics/right_shadow.png);
			background-position: top right;
			background-repeat: no-repeat;
			background-color: white; /* #A3DDEA; */
			margin-bottom: 3px; }

#masthead #inner { width: 771px; 
			border-top: 0px solid white; 
			border-left: 2px solid white; 
			margin-bottom: 0px; padding-bottom: 0px; }

#masthead #sitelinks { float: right;
			text-align: right;
			margin-top: 13px; 
			margin-right: 16px; 
			color: white; /* #0F2C90; */
			font-size: x-small; }

#masthead #sitelinks a { color: white; /* #0f2C90; */ text-decoration: none; }
#masthead #sitelinks a:visited { }
#masthead #sitelinks a:hover { background-color: #0f2C90; color: white; /* #A3DDEA; */ text-decoration: none; }

#masthead #graphic { width: 767px;
			height: 121px;  /* 111 */
margin-top: 4px;
margin-left: 2px;
			border-right: 2px solid white;
background-position: bottom center;
background-repeat: no-repeat;
background-image: url(graphics/headers/760x119_leicesterline.jpg);
/*			background-image: url(graphics/logo_769px.jpg); */ }

#masthead #navbar { width: 761px;
			height: 20px; 
background-position: top center;
background-repeat: no-repeat;
background-image: url(graphics/headers/760x20_leicesterline.jpg);
margin-top: 0px;
margin-left: 5px;
padding: 0px;
line-height: 14px;
/*			margin-left: 4px; */
/*			padding-bottom: 3px; */
/*			background-color: #1A9641; */ }
			
#masthead #spacer { width: 778px;
			height: 4px;
			background-image: url(graphics/right_shadow.png); 
			background-repeat: repeat-y;
			background-color: white;
			background-position: bottom right; }

#masthead .footer { width: 780px;
			height: 9px;
			padding: 0px;
			margin: 0px;
			float: left; 
			overflow: hidden;
			background-image: url(graphics/bottom_shadow_780px.png); 
			background-repeat: no-repeat; 
			background-position: top left; }

.navitem  { height: 16px; 
			font-size: medium;
			margin-top: 2px; 
			margin-bottom: 2px; 
			float: right; }

.navitem a {vertical-align: center;
			text-decoration: none;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 4px;
			padding-left: 8px;
			padding-right: 8px;
background-image: none;
			color: white; }

.navitem a:hover { text-decoration: none;
			height: 16px;
			padding-top: 2px;
			margin-left: 2px;
			margin-right: 2px;
			margin-bottom: 2px; 
background-image: url('/graphics/translucent.gif');
/*			background-color: #A8DFEC; */
			color: black; }

.navbreak	{ height: 16px;
			margin-top: 2px; 
			margin-bottom: 2px; 
			float: right;
			border-right: 1px solid white; }

.navselected { height: 16px;
			font-size: medium;
			background-color: #A8DFEC;
			vertical-align: center;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 2px;
			padding-bottom: 2px;
			margin-left: 1px;
			margin-right: 1px; 
			border-width: 1px;
			float: right; }
			
.navselected a { text-decoration: none;
			color: black; }

			
#content  { width: 559px;
			margin-top: 10px;
			float: left; 
			background-color: white; 
			background-image: url(graphics/right_shadow.png);
			background-position: top right;
			background-repeat: no-repeat;
			color: black;
			padding: 0px; }

#content .inner {
			padding: 6px; /* new addition */
			margin: 4px 13px 0px 4px; }

#content .footer { width: 559px;
			height: 9px;
			margin-left: 0px;
			margin-top: 8px;
			float: left; 
			background-image: url(graphics/bottom_shadow_559px.png); 
			background-repeat: no-repeat; 
			background-position: bottom left; }

/* ----------------------------------
   Full-width content
   ---------------------------------- */

#contentwide  { width: 780px;
			margin-top: 10px;
			float: left; 
			background-color: white; 
			background-image: url(graphics/right_shadow.png);
			background-position: top right;
			background-repeat: no-repeat;
			color: black;
			padding: 0px; }

#contentwide .inner {
			padding: 6px; /* new addition */
			margin: 4px 13px 0px 4px; }

#contentwide .footer { width: 780px;
			height: 9px;
			margin-left: 0px;
			margin-top: 8px;
			float: left; 
			background-image: url(graphics/bottom_shadow_780px.png); 
			background-repeat: no-repeat; 
			background-position: bottom left; }

/* ----------------------------------
   Main content styles
   ---------------------------------- */

#content	 h1		   { font-size: large; font-weight: bold;
						 padding-top: 1px; padding-bottom: 1px;
						 padding-left: 4px;  height: 16pt;
						 margin-top: 0px; margin-bottom: 8px;
						 background-color: #15A6C6; color: white; }
#content	 h2		   { font-size: large; font-weight: normal;
						 margin-top: 0px; margin-bottom: 7px;
						 color: #15A6C6; letter-spacing: -1px; }
#content	 p		   { margin-top: 0px; line-height: 1.3; }
#content     ul        { margin-left: 0.8em; padding-left: 0.8em; }
#content     hr		   { color: #15A6C6; background-color: #15A6C6; height: 1px; border: 0px; }

#contentwide h1		   { font-size: large; font-weight: bold;
						 padding-top: 1px; padding-bottom: 1px;
						 padding-left: 4px;  height: 16pt;
						 margin-top: 0px; margin-bottom: 8px;
						 background-color: #15A6C6; color: white; }
#contentwide h2		   { font-size: large; font-weight: normal;
						 margin-top: 0px; margin-bottom: 7px;
						 color: #15A6C6; letter-spacing: -1px; }
#contentwide p		   { margin-top: 0px; line-height: 1.3; }
#contentwide ul        { margin-left: 0.8em; padding-left: 0.8em; }
#contentwide hr		   { color: #15A6C6; background-color: #15A6C6; height: 1px; border: 0px; }
			 
#content     a		   { color: #15A6C6; font-weight: bold; }
#content     a:visited { font-weight: normal; }
#content     a:hover   { background-color: #15A6C6; color: white; }
#contentwide a		   { color: #15A6C6; font-weight: bold; }
#contentwide a:visited { font-weight: normal; }
#contentwide a:hover   { background-color: #15A6C6; color: white; }

#content .attrib { font-size: smaller;
			color: #888; 
			margin-top: 6px; }
			
#content table { margin-bottom: 6px; }

#content .blogname		{ font-weight: bold; text-decoration: none; }
#content h2 a:visited	{ font-weight: bold; text-decoration: none; }
#content .postname		{ font-weight: normal; text-decoration: none; }
#content .date			{ margin-top: 6px; font-style: italic; }

.submenu  { float: right;
			text-align: right;
			height: 18px;
			vertical-align: center;
			margin-right: 2px; }
			
.subnav   { color: white;
			background-color: #15A6C6; }

.floatpic	{ float: left; margin-right: 10px; }

/* ----------------------------------
   Shop pages
   ---------------------------------- */

.shopitem	{ background: #F8F8F8;
			  border: 1px solid gray;
			  padding: 4px; 
			  margin-bottom: 6px; }
.shopitem h3  { margin-top: 0px; margin-bottom: 6px; }
.shopitem p   { margin-top: 0px; margin-bottom: 4px; }
.shopitem img { margin-right: 8px;
				margin-bottom: 8px; }
.author		{ font-size: small; font-weight: normal; }

.shopbuy	{ background: #999;
			  border: 1px solid white;
			  padding: 4px;
			  color: white; }

/* ----------------------------------
   Right-hand column
   ---------------------------------- */

#righthand{ float: right; 
			width: 210px; }
			
.rhcontent{ width: 210px;
			background-color: white;
			background-image: url(graphics/right_shadow.png);
			background-position: top right;
			background-repeat: no-repeat;
/*			padding: 4px 13px 0px 4px; */
			margin-top: 10px;
			margin-bottom: 15px; }

.rhcontent .inner {
			padding: 4px 0px 4px 0px;
			margin: 0px 13px 0px 4px; }

.rhcontent .footer { width: 210px;
			height: 9px;
			padding: 0px;
			float: left; 
			overflow: hidden; 
			background-repeat: no-repeat; 
			background-position: top left;
			background-image: url(graphics/bottom_shadow_210px.png); }

.rhiframe { height: 150px;
			width: 192px; 
			border: 0px; 
			margin: 0px; 
			padding: 0px; }

.rhcontent h2 { font-size: small;
			background-color: #15A6C6;
			background-image: url(graphics/right_cyansquare.png);
			background-position: right;
			background-repeat: repeat-y;
			font-weight: bold;
		    color: white; 
		    text-align: left; 
			padding-top: 3px;
		    padding-left: 5px;
			padding-bottom: 2px;
			margin-right: 1px;
		    margin-top: 0px; 
		    margin-bottom: 4px; }
		    
.rhcontent h2 a { color: white;
			text-decoration: none; }

.rhcontent p { font-size: 90%;
			color: black; }

.linklist {	padding-left: 6px;
			padding-top: 2px;
			padding-bottom: 8px;
 			margin-top: 0px; }

.linklist ul { display: inline;
			font-size: 90%;
			list-style: none outside none; }

.linklist a { color: #15A6C6; text-decoration: none; }
			 
.linklist a:visited { font-weight: normal; }

.linklist a:hover   { background-color: #15A6C6;
					 color: white; }

/* ----------------------------------
   Login
   ---------------------------------- */

#loginbox1 {
	width: 248px;
	display: block;
	position: relative;
	float: left;
	background-color: #D1F3F3;
	border-color: #15A6C6;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	margin-top: 10px;
	padding: 5px;
}

#loginbox1 table { padding: 0px; margin-bottom: 6px; }
#loginbox2 table { padding: 0px; margin-bottom: 6px; }
#loginbox2 td { padding-left: 0px; }

#loginbox2 {
	width: 248px;
	display: block;
	position: relative;
	float: right;
	background-color: #D1F3F3;
	border-color: #15A6C6;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	margin-top: 10px;
	padding: 5px;
}

#loginbox1 p,
#loginbox1 td,
#loginbox2 p,
#loginbox1 td {
	margin-top: 0px;
	margin-bottom: 5px;
}


/* ----------------------------------
   Curved corners
   ---------------------------------- */


.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; }
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy {background: transparent; }

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #15A6C6; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#15A6C6; overflow:hidden; border-top:10px solid #DEF3F8; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #15A6C6; border-right:1px solid #15A6C6;}

.xb1 {margin:0 8px; background:#15A6C6;}
.xb2 {margin:0 6px; background:#15A6C6;}
.xb3 {margin:0 4px; background:#15A6C6;}
.xb4 {margin:0 3px; background:#DEF3F8; border-width:0 5px;}

.xb5 {margin:0 2px; background:#DEF3F8; border-width:0 4px;}
.xb6 {margin:0 2px; background:#DEF3F8; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#DEF3F8; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#DEF3F8; border:3px solid #15A6C6; border-width:0 3px;}

.xboxcontent h2 { color: white; }
.xboxcontent a { color: white; }

