body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	height:90%;
	margin-left: auto; margin-right: auto;
	background-color: #5a8bb0;
	behavior:url(htc/csshover.htc); } /* winIE behavior call */

p {
	
	letter-spacing: 0.02em;
	font-size:90%;
	text-indent: 0px;
	color:#336666;
	line-height:1.em;
}

#home p {
	
	letter-spacing: 0.02em;
	font-size:90%;
	text-indent: 0px;
	color:#336666;
	line-height:1.8em;
}

li {
	padding:0px;
	list-style:  outside;
	color:#5a8bb0;
	
}
* { margin: 0; padding: 0;}

.hrcol {color: #D1FAD2;}

#leftbook{ width:160px; height: 230px; padding-left: 10px; margin-top:10px; margin-left:0px; background-color:#00CCCC; z-index: 2;}

#footercolbox { background-color: #ffffff; margin: -450px 0px 0px 165px; width: 610px; height: 600px; padding: 5px 5px 5px 5px;}


/*********** links ***********/
a:hover {cursor:pointer; color: #FF00FF} 
/* if you change this (a) - the whole roll-over main menu will change - it effects the size  - so change link size using class*/

a { color: #5a8bb0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:.9em; text-decoration: none;}
a.two { color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:.9em; text-decoration: none;}
a.three { color: #5a8bb0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:.9em; text-decoration: none;}
a.four { color: #5a8bb0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:.9em; text-decoration: underline;}

a focus , a:hover, a:active {color: #66CCFF; text-decoration:none;}/* a focus = hovering with tabs instead of mouse*/
a.two focus , a.two:hover, a.two:active {color: #66CCFF ; text-decoration:none;}/* a focus = hovering with tabs instead of mouse*/
a.three focus , a.three:hover, a.three:active {color: #66CCFF ; text-decoration:none;}/* a focus = hovering with tabs instead of mouse*/
a.four focus , a.four:hover, a.four:active {color: #5a8bb0 ; text-decoration:none;}/* a focus = hovering with tabs instead of mouse*/

.link1 {font-size:.9em; text-align:center; text-decoration:underline; color:#5a8bb0;}
.link2 {font-size:1em; text-align:center; text-decoration:underline; color: #66CCFF;/* border-bottom: 2px dotted #66CC99;*/}
.link3 {font-size:.9em; text-align:center; text-decoration:underline; color:#5a8bb0;}

/*********** antons asp pages ***********/
.textSmallBold {font-size:9px; text-align:center; font-weight:bold;}
.extraSmalltext {font-size:9px; text-align:center;}
.colourNumber {font-size:10px; text-align:center; color: #66CCCC;}
.colourdata {font-size:10px; text-align:center; color: #339966;}

/*********** you are here at top of page style ***********/
.here {background-color:#FFFFFF; font-size:.8em; width:775px; float:right; text-align: right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#66CCFF; font-weight:bold; padding: 2px 20px 2px 0px;}

/*********** site structure styles ***********/


/* whole container*/
div#container { background-color:#ffffff; margin-left: auto; margin-right: auto; width: 795px; align:center;cellpadding:0; cellspacing:0; border-width: 3px; border-spacing: 2px; border-style: solid solid solid solid; border-color: #66CCFF;}



/* holding everything in a white div*/
#outer { background-color:#FFFFFF; float:left;}
#footer {width: 790px; align:center; background-color: #ffffff;text-align:center; padding:3px;}


/***********content ***********/
#content { background-color: #ffffff; margin: -260px 0px 0px 180px; width: 610px; height: 512px; padding: 0px 0px 5px 5px;}
.contentbox1 {background-color: #ffffff; float:left; height:auto; width:400px; background-color:#FFFFFF;}
.contentbox1wide {background-color: #ffffff; float:left; width: 600px; text-indent:5px;  margin-bottom:5px;}
.contentbox2wide {background-color: #ffffff; float:left; width: 580px; text-indent:5px; margin-bottom:5px;}
.contentbox3wide {background-color: #ffffff; float:right; width: 625px;  margin-top:5px; margin-left:-40px; margin-bottom:-10px; }
.contentbox2 {
	float:right;
	height: 512px;
	width: 155px;
	text-align:center;
	background: url(media/images/newBookBg.gif) no-repeat;
}
.contentbox3_1column {background-color: #ffffff; float:left; width: 260px; background-color:#FFFFFF; margin-left: 0px;}
.contentbox3_2column {background-color: #ffffff; float:left; width: 260px; background-color:#FFFFFF;margin-left: 5px;}
.contentbox4 {float:left; width: 133px; padding: 2px 2px 2px 2px; text-align:center; margin-top:-295px; margin-left: 2px; background-color: #FFFFFF;}
.contentboxFREE {background-color: #ffffff; float:left; width: 480px; text-indent:5px; margin-bottom:5px; margin-left:10px;}
.newsstartpage { float:left; width: 157px; padding: 0.1em 0.5em 0.1em 0.5em; margin: 12px 2px 2px 2px; background-color:#ffFFFF; border: 1px solid #33CC99;}
.newspage { float:left; width: 500px; padding: 0.1em 0.5em 0.1em 0.5em; margin: 12px 2px 2px 2px; background-color:#ffFFFF; border: 1px solid #5a8bb0;}

/***********content 4 column***********/
.contentbox1_4column_1 {background-color: #ffffff; float:left; width: 125px; background-color:#FFFFFF; margin-left: 5px; }
.contentbox1_4column_2 {background-color: #ffffff; float:left; width: 125px; background-color:#FFFFFF; margin-left: 5px;}
.contentbox1_4column_3 {background-color: #ffffff; float:left; width: 125px; background-color:#FFFFFF; margin-left: 5px;}
.contentbox1_4column_4 {background-color: #ffffff; float:left; width: 125px; background-color:#FFFFFF; margin-left: 5px;}

/***********content 3 column***********/
.contentbox1_3column_1 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #5a8bb0;}
.contentbox1_3column_2 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #5a8bb0;}
.contentbox1_3column_3 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #5a8bb0;}

/***********content pattern correction***********/
.contentbox5{background-color: #ffffff; float:left; width: 500px; background-color:#FFFFFF; margin-left: 15px; margin-top:10px; text-align:left; border: 1px solid #5a8bb0;}

/***********content links***********/
.contentbox6{background-color: #ffffff; float:left; width: 500px; background-color:#FFFFFF; margin-left: 15px; margin-top:10px; text-align:left;}

/***********image classes***********/
.imagebox1 {width: 110px;}
.imageBorder {  border: 1px solid #C4C4C4;}
.imageBorder1 {  border: 1px solid #C4C4C4; margin-left:6px;}
.imagealignTop { margin-top: 0px;}
.imagefreepatt { margin-top: 0px; margin-right:6px; margin-left:5px;}
.imagealign_right { margin: 2px; float:right; }
.imagealign_left { margin: 30px; float:left; }
.pic1 { margin: 10px 10px 10px 10px; border: 1px solid #fff;}


/* =HEADINGS */

h1, h2, h3, h4, h5 {
	font-style: normal;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5a8bb0;
	
}

h1, h2, {
	border-bottom: 2px dotted #4baab0;
	padding-bottom: 2px;
}

h1, h2, h5 {
	font-size: .9em;
	text-transform: uppercase; /*needs to be here to transform the top style for some reason! won't work in same style*/
	letter-spacing: 0.03em;
	margin-top:0;
}

h2, h3, h4 {
	font-size: 1.3em;
	text-align:left;
}



h2, h3, h5{
	/*display: inline;*/
	line-height: 1.4;
	text-indent:5px;
	
}

h5 {
	font-size: .9em;
	text-transform: uppercase;

}

h6 {
	font-size: 1.3em;
	text-align:left;
	color:#333;
	text-align:center;
	margin:20px 0 0 0;
}



.spec {
	font-size: .7em;
	text-align:left;
	color:#FFFFFF;
	background-color:#66ccff;
	text-align:center;
}


.text_stores {font-weight:bolder;
	color:#C2BB92;
	letter-spacing: 0.04em;}
.text_leading { line-height:140%;}
.textbold{ font-weight:bolder; color: #99CCFF  ; font-stretch:wider; letter-spacing: 0.04em;}
.textbold2{
	font-weight:bolder;
	color: #99CAC4;
	font-stretch:wider;
	letter-spacing: 0.04em;
	text-indent: 20px;
}
.textbold3{ font-weight:bolder; color: #000000; font-size:11px;}
.textalign {text-align: left;}

/*table style charts*/
.charts {background-color:#ffffff; color: #9DDFC4; border-style:solid; border-width:1px; font-size:.8em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.chartscont {background-color:#ffffff; color: #9DDFC4; border-style:solid; border-width:1px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000;}
table { margin-bottom:5px; -moz-border-radius: 0px 0px 0px 0px;}

	
/*other font classes*/
.Subheading1{background-color:#FFFFFF; font-size:1.1em; font-weight:bold; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#66CCFF; text-indent:2px; padding-bottom: 4px;}

/* FORMS */
.listMenu {
	font-size: 9px;
	color: #66CCFF;
	margin-top: 3px;
	margin-left: 3px;
	float:right;

}
specsbgcolour{background-color:#C2EDE3;}

#footerButton{
	float:right;
	height:109px;
	width:795px;
	background:url(media/images/knitteratiFooter.gif) no-repeat;
}