/* TRAVEL INDEPENDENT . INFO
You may adapt and learn from the elements of this CSS to use in your own
projects, but don't copy the design. 
------------------------------------------------------------------*/
/* NORMAL STYLES
------------------------------------------------------------------*/
.body {
	margin: 0px;
	padding: 0px;
	font: 12.0px/19px verdana, arial, helvetica, sans-serif;
}
p {
	color: black;
	font: 12.0px/19px verdana, arial, helvetica, sans-serif;
}
.center {
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}
.left {
	margin-left: 40px;
}
.right {
	margin-right: 40px;
}
.rightleft {
	margin-left: 40px;
	margin-right: 40px;
}
.books {
	margin-left: 110px;
	margin-right: 10px;
}
.navagation {
	text-align: center;
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
.list {
	margin-bottom: 0px;
	margin-top: 0px;
}
.heading {
	color: #036;
	margin-top: 15px;
	margin-bottom: 15px;
	font: normal bolder 14px Lucida Sans Unicode, verdana;
}
/* OTHER TEXT
------------------------------------------------------------------*/
.alert {
	background: url(nav/cnty_head-fade2.gif) repeat-x;
	text-align: left;
	padding: 20px 20px 20px 20px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
}
.cellheader {
	color: #808080;
	text-align: center;
	background-image: url('nav/lgreentitle.gif');
	font: bold 12.0px/20px Lucida Grande, verdana, arial, helvetica, sans-serif;
}
.cellheader_indent {
	color: #808080;
	text-align: center;
	background-image: url('nav/lgreentitle.gif');
	font: bold 12.0px/20px Lucida Grande, verdana, arial, helvetica, sans-serif;
	margin-left: 40px;
	margin-right: 40px;
}
.quote {
	color: #606;
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
	font: italic normal 14px/18px Comic Sans MS, Times New Roman;
}
.arrow {
	color: #9c0;
	font: bold 14px arial, helvetica;
}
.link {
	color: black;
	font: 12.5px/35px verdana, arial, helvetica, sans-serif;
}
.subtext {
	color: black;
	font: 9.5px/14px verdana, arial, helvetica, sans-serif;
}
.content {
	color: black;
	font: 6.5px/10px centry gothic, verdana, arial, helvetica, sans-serif;
}
.un_line {
	text-decoration: underline;
}
/* HEADER AND FOOTER
------------------------------------------------------------------*/
.pageheader {
	color: #800080;
	text-align: center;
	letter-spacing: 1.5pt;
	margin-top: 0;
	font: bolder 16px/35px centry gothic, verdana, Lucida Sans Unicode, verdana;
	text-shadow: 2px 2px 2px #ABABAB;
	display: block;
}
.footer {
	color: black;
	font: 9.5px/12px Century Gothic, verdana;
}
.footer_00 {
	color: black;
	margin-bottom: 0;
	margin-top: 0;
	font: 9.5px/12px Century Gothic, verdana;
}
/* IMAGES 
------------------------------------------------------------------*/
.noborder {
	margin: -2px;
	border-style: none;
}
.img_left20 {
	float: left;
	margin: 15px 15px 15px 15px;
	border-style: none;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: gray;
	font-size: 9.5px;
}
.img_right20 {
	float: right;
	margin: 15px 15px 15px 15px;
	border-style: none;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: gray;
	font-size: 9.5px;
}
.img_left07 {
	float: left;
	margin: 7px 15px 7px 7px;
	border-style: none;
	font-size: 9.5px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: gray;
	font-size: 9.5px;
}
.img_right07 {
	float: right;
	margin: 7px 7px 7px 7px;
	border-style: none;
	float: right;
	font-size: 9.5px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: gray;
	font-size: 9.5px;
}
/* DIVISION LINES 
------------------------------------------------------------------*/
.image_leftline {
	float: left;
	padding: 12px 0px 12px 0px;
	height: 7px;
	width: 528px;
	vertical-align: bottom;
	text-align: left;
	font-weight: normal;
	color: gray;
	font-size: 9.5px;
}
.image_rightline {
	float: right;
	margin: 0px 0px 0px 0px;
	height: 7px;
	width: 528px;
	vertical-align: bottom;
	text-align: right;
	font-weight: normal;
	color: gray;
	font-size: 9.5px;
}
.bottom_line {
	text-align: center;
	color: #808080;
	height: 2px;
}
.footer_hrline {
	text-align: center;
	color: #99CC00;
	height: 1px;
}
/* TABLES AND CONTAINERS
------------------------------------------------------------------*/
#body {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
#top {
	background-color: #006699;
	height: 2.5px;
}
#header {
	background-image: url(nav/greyshade-heading.gif);
	height: 35px;
	margin-bottom: 5px;
	-webkit-box-shadow: 1px 1px 5px #333333;
	-moz-box-shadow: 1px 1px 5px #333333;
}
#nav {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: center;
	border-style: none;
}
#footer {
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(nav/rnd-cell_fade2.gif);
	height: 135px;
}
#books {
	margin: 0px 45px 0px 35px;
	padding: 10px 10px 10px 10px;
	-webkit-box-shadow: 2px 2px 2px #333333;
	-moz-box-shadow: 2px 2px 2px #333333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#center75 {
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
}
table.center75 {
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
	font: 12.0px/19px verdana, arial, helvetica, sans-serif;
}
/* BULLETS 
------------------------------------------------------------------*/
.bullet {
	color: #006699;
}
.bullet2 {
	margin: 30px 5px 35px 15px;
	list-style-image: url('nav/graybullet.png');
}
.circle {
	list-style-type: circle;
	margin: 0px 40px 0px 40px;
	color: #008080;
}
.greenbullet {
	color: #006699;
	list-style-image: url('nav/greenbullet.gif');
}
/* COLOURS
------------------------------------------------------------------*/
.red {
	color: red;
}
.black {
	color: black;
}
.purple {
	color: #800080;
}
.grey {
	color: gray;
}
/* LINKS
------------------------------------------------------------------*/
A:link {
	color: #006699;
	text-decoration: none;
}
A:visited {
	color: purple;
	text-decoration: none;
}
A:active {
	color: blue;
	text-decoration: none;
}
A:hover {
	color: purple;
	border-bottom: 1px solid grey;
}
/* MAP HIDE AND UNHIDE
------------------------------------------------------------------*/
.hidden {
	display: none;
}
.unhidden {
	display: block;
}
/* BUGS
------------------------------------------------------------------*/
html {
	overflow-x: hidden;
	overflow-y: auto;
}
/* fixs ie h-scroll bar bug */
/* UNUSED AND DEVELOPMENT
------------------------------------------------------------------*/
#branding {
	background: url('nav/greyshade-bottom.gif') repeat-x;
	width: 100%;
	height: 65px;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
}
/*#body-old {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}*/