/* New CSS style for cksiteoftreats.co.uk */

body {
 font-family: arial; 
}

img {
 border: none; 
}

/* header styles */

div.mainhead {
 font-family: verdana; font-size: xx-large; margin-top: 35px; 
 font-weight: bold; border-bottom: 2px solid #BBBBBB;
 margin-bottom: 0px; width: 100%; 
}

span.smallhead {
 font-family: verdana; font-size: xx-small; color: #444444;
 float: right; margin-top: 0px; margin-bottom: 0px; text-align: right; 
}

/* text definitions */

p {
	line-height: 150%; 
}

.small {
 font-size: x-small;
}

.bold {
 font-weight: bold; 
}

.grey {
 color: rgb(51,0,153); 
}

.center {
	text-align: center; 
}

.indent {
	margin-left: 20px; 
}

h1 {
 font-family: verdana; font-weight: bold; font-size: large;
 margin-top: 6px; margin-bottom: 10px; 
 border-bottom: 2px solid #CCCCEF; text-shadow: #111 5px -5px 1px;
}

h2 {
 font-family: verdana; font-weight: bold; font-size: medium;
 margin-top: 6px; margin-bottom: 6px; margin-left: 10px;  
 border-bottom: 1px solid #CCCCEF;
}

.UT {
 font-family: courier; font-weight: bold; font-size: medium;
 color: red;
}

li {
 line-height: 150%; 
}

.boxed {
 border: 1px solid grey; padding: 20px; margin-left: auto; margin-right:auto;
 margin-top: 100px; margin-bottom: 40px; width: 200px;
}

/* layout definitions */

div.page {
 border: none; width: 1000px; margin-left:auto; margin-right: auto; margin-top: 35px;
}

div.nav {
 float: left; width: 140px; background-color: #DDDDDD; text-align: center; 
 padding: 10px; min-height: 400px; border: 1px solid #BBBBBB; 
}

span.innav {
 display: block; width: 130px; font-family: arial; border: none; 
 text-decoration: none; background-color: #DDDDDD; text-align: center;
 font-size: x-small; color: #333333; margin-top: 5px; margin-bottom: 5px;
 margin-left: auto; margin-right: auto;
}

div.main {
 float: left; width: 800px; border: 1px dotted #BBBBBB; vertical-align: top; padding: 10px; min-height: 400px;
}

div.spacer {
  clear: both;
}

div.firefox {
	text-align: center; margin-left: auto; margin-right: auto;
}

div.blog {
  font-family: Georgia; font-size: small;
}

.hidden {
  display: none;
}

div.special {
  border: 1px solid blue; background-color: rgb(204,204,255);
  margin-left: 15px; margin-right: 15px;
}


/* link definitions */

a:link {
	text-decoration: none; color: rgb(98,122,219);
}

a:visited {
	text-decoration: none; color: rgb(0,51,255);
}
a:hover {
	text-decoration: underline; 
}

span.innav a:link {
 background-color: #ffffbb; color: #000000; 
 padding: 10px; display: block; text-decoration: none;
 border: 1px solid grey;
}

span.innav a:visited {
 background-color: #ffffbb; color: #222222; 
 padding: 10px; display: block; text-decoration: none;
 border: 1px solid grey;
}

span.innav a:hover {
 background-color: white; color: black; 
 padding: 10px; display: block; border-right: 2px solid #666666; border-left: 2px solid #666666;  
 border-top: 1px solid grey; border-bottom: 1px solid grey;
} 

span.innav a.sub:link {
 background-color: rgb(0,0,102); color: white; 
 padding: 8px; display: block; text-decoration: none; margin-left: 10px; margin-right: 10px; 
}

span.innav a.sub:visited {
 background-color: rgb(0,0,102); color: white; 
 padding: 8px; display: block; text-decoration: none; margin-left: 10px; margin-right: 10px; 
}

span.innav a.sub:hover {
 background-color: white; color: black; margin-left: 10px; margin-right: 10px; 
 padding: 8px; display: block; border-right: 2px solid #666666; border-left: 2px solid #666666;  
}