body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		background: url("images/headerbg.jpg") repeat-x;
		float:left;
		width:100%;
		height: 133px;
	}
	#header {
		border: 0;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
	.menu {

list-style-type: none;

list-style-position:outside;

position: relative;

width: 945px;

margin-top: -3px;

margin-bottom: 0;
margin-left: 0;
margin-right: 0;

padding: 0;
text-align: center;

}



.menu li{

display: block;

overflow: hidden;

padding: 0;

cursor: pointer;

float: left;

width: 105px;

height: 48px;

margin-right: 0px;

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

background-repeat:no-repeat;

}



.menu a{

display:block;

height:49px;

text-indent:-9999px;

outline:none;

}



#menu1 {

background-position:0px 0px;

}

#menu2 {

background-position:-105px 0px;

}

#menu3 {

background-position:-210px 0px;

}

#menu4 {

background-position:-315px 0px;

}

#menu5 {

background-position:-420px 0px;

}

#menu6 {

background-position:-525px 0px;

}

#menu7 {

background-position:-630px 0px;

}

#menu8 {

background-position:-735px 0px;

}

#menu9 {

background-position:-840px 0px;

}



#menu1.active, #menu1:hover {

background-position: 0px bottom;

}

#menu2.active, #menu2:hover{

background-position: -105px bottom;

}

#menu3.active, #menu3:hover {

background-position: -210px bottom;

}

#menu4.active, #menu4:hover {

background-position: -315px bottom;

}

#menu5.active, #menu5:hover {

background-position: -420px bottom;

}

#menu6.active, #menu6:hover {

background-position: -525px bottom;

}

#menu7.active, #menu7:hover {

background-position: -630px bottom;

}

#menu8.active, #menu8:hover {

background-position: -735px bottom;

}

#menu9.active, #menu9:hover {

background-position: -840px bottom;

}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#ffffff;
		margin:0;
		padding:6px 10px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		width: 982px;
		width:982px;
		text-align: left;		/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:24%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}
	.threecol .colleft {
		right:75%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol .col1 {
		width:76%;			/* width of center column content (column width minus padding on either side) */
		left:123%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:23%;			/* Width of left column content (column width minus padding on either side) */
		left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:1%;			/* Width of right column content (column width minus padding on either side) */
		left:81%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
.col3 a {
color: #999900;
text-decoration: none;
}

.col3 a:hover {
color: #006666;
text-decoration: none;
}

.col3 a:visited {
color: #CCCC33;
text-decoration: none;
}

.col3 a:visited:hover {
color: #006666;
text-decoration: none;
}

.col2 a {
color: #999900;
text-decoration: none;
}

.col2 a:hover {
color: #006666;
text-decoration: none;
}

.col2 a:visited {
color: #CCCC33;
text-decoration: none;
}

.col2 a:visited:hover {
color: #006666;
text-decoration: none;
}

.col1 a {
color: #999900;
text-decoration: none;
}

.col1 a:hover {
color: #006666;
text-decoration: none;
}

.col1 a:visited {
color: #CCCC33;
text-decoration: none;
}

.col1 a:visited:hover {
color: #006666;
text-decoration: none;
}
	
	.logobox {
	background: url("images/logobox.jpg") no-repeat;
	width: 15.6em;
	height: 240px;
	padding: 2px;
	text-align: center;
	margin: 0;
	}
	
	/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 15.8em; /* ems so it will grow */
	background: url("images/sbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url("images/sbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url("images/sbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbody {
	background: url("images/sbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding: 5px 14px 31px 14px;
	text-align:center;
	font-size: .75em;
}

.boxbody h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.sidebox2 {
	margin: 0 auto; /* center for now */
	width: 15.6em; /* ems so it will grow */
	background: url("images/sbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxhead2 {
	background: url("images/sbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead2 h2 {
	background: url("images/sbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbody2 {
	background: url("images/sbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding: 5px 13px 31px;
	font-size: .75em;
}

.boxbody2 h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.innerbox {
	margin: 0 auto; /* center for now */
	width: 52em; /* ems so it will grow */
	background: url("images/isbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxheadi {
	background: url("images/isbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadi h2 {
	background: url("images/isbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbodyi {
	background: url("images/isbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: .75em;
	text-align: center;
}

.boxbodyi h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.midbox {
	margin: 0 auto; /* center for now */
	width: 31em; /* ems so it will grow */
	background: url("images/sbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxheadm {
	background: url("images/sbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadm h2 {
	background: url("images/sbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbodym {
	background: url("images/sbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 10px;
	font-size: .75em;
	text-align: center;
}

.boxbodym h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.midbox2 {
	margin: 0 auto; /* center for now */
	width: 31em; /* ems so it will grow */
	background: url("images/sbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxheadm2 {
	background: url("images/sbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadm2 h2 {
	background: url("images/sbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbodym2 {
	background: url("images/sbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 10px;
	font-size: .75em;
	text-align: center;
}

.boxbodym2 h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.midbox3 {
	margin: 0 auto; /* center for now */
	width: 31em; /* ems so it will grow */
	background: url("images/sbody-r.jpg") no-repeat bottom right;
	font-size: 100%;
}
.boxheadm3 {
	background: url("images/sbhead-r.jpg") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadm3 h2 {
	background: url("images/sbhead-l.jpg") no-repeat top left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666600; 
	font-weight: normal; 
	font-size: 1.4em; 
	line-height: 1.4em;
}
.boxbodym3 {
	background: url("images/sbody-l.jpg") no-repeat bottom left;
	margin: 0;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 10px;
	font-size: .75em;
	text-align: center;
}

.boxbodym3 h2 {
	margin: 0;
	padding: 22px 30px 5px;
	color: #003333; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1.3em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


a img { border:none; }

.smaller {
font-size: 11px;
}

	/* Footer styles */
	#footer {
		clear:both;
		background: url("images/footerbg.jpg") repeat-x;
		float:left;
		width:100%;
		height: 89px;
		text-align: center;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	.footertxt {
	width: 982px;
	padding-top: 30px;
	font-size: 11px;
	letter-spacing: 1px;
	}
	.footertxt a {
color: #000000;
text-decoration: none;
}

.footertxt a:hover {
color: #006666;
text-decoration: none;
}

.footertxt a:visited {
color: #000000;
text-decoration: none;
}

.footertxt a:visited:hover {
color: #006666;
text-decoration: none;
}
	.adbookfoot {
	position: relative;
	margin-top: -30px;
	margin-left: 20px;
	width: 218px;
	float: right;
	text-align: left;
	}
	
	/* --> */
.thumbscontainer {
	clear:both;
	width:98%;
}