body {
	text-align:center;
	font:12px Georgia, "Times New Roman", Times, serif;
	background:url(../images/bg_tile.jpg);
}

a {
	text-decoration:none;
	color:#333333;
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
	color:#932923;
	font-weight: bold;
}

body,h1,h2,h3,h4,h4,h6,ul,li,form,input,select,p {
	padding:0;
	margin:0;
}

h2 {
	font-size:12px;
	color:#932923;
}

h2 span {
	color:#6E6E6E;
	font-style:italic;
}

ul { list-style:none; }
img { border:none; }
p { padding-bottom:10px; }

/*		CLASSES		*/
.margin			{ margin:10px; }
.marginTop		{ margin-top:10px; }
.marginRight	{ margin-right:10px; }
.marginBottom	{ margin-bottom:10px; }
.marginLeft		{ margin-left:10px; }
.padding		{ padding:10px; }
.paddingTop		{ padding-top:10px; }
.paddingRight	{ padding-right:10px; }
.paddingBottom	{ padding-bottom:10px; }
.paddingLeft	{ padding-left:10px; }
.relative		{ position:relative; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.left			{ float:left; }
.right			{ float:right; }
.clear			{ clear:both; }
.textRight		{ text-align:right; }

.byline {
	font-style:italic;
	font-size:11px;
}



#mainContainer {
	text-align:left;
	margin:30px auto;
	width:808px;
	border:1px solid #CCCCCC;
}

#inner {
	border:4px solid #ffffff;
	background:url(../images/innerbg.gif) repeat-x #ffffff;
	/*colin added this*/
}

h1#header {
	text-indent:-1000px;
	overflow:hidden;
	height:79px;
	background:url(../images/header.gif) no-repeat;
}

h1#header a {
	display:block;
	width:525px;
	height:100%;
}

#lower {
	padding:45px 0;
}

body.bigRight #lower {
	padding-bottom:0;
}

#left {
	width:138px;
	float:left;
}

#left ul li a {
	display:block;
	width:125px;
	height:19px;
	text-indent:-1000px;
	overflow:hidden;
	background-image:url(../images/mainnav.gif);
}

#left ul li ul {
	padding-top:3px;
	display:none;
}

#left ul li ul.active {
	display:block;
}

/*		MAIN NAV		*/
	li#nav_home a { background-position:0 0; }
	li#nav_news a { background-position:0 -19px; }
	li#nav_books a { background-position:0 -38px; }
	li#nav_presentations a { background-position:0 -57px; }
	li#nav_about a { background-position:0 -76px; }
	li#nav_contact a { background-position:0 -95px; }
	
	li#nav_home a:hover,li#nav_home a.active { background-position:-125px 0; }
	li#nav_news a:hover,li#nav_news a.active	{ background-position:-125px -19px; }
	li#nav_books a:hover,li#nav_books a.active { background-position:-125px -38px; }
	li#nav_presentations a:hover,li#nav_presentations a.active { background-position:-125px -57px; }
	li#nav_about a:hover,li#nav_about a.active { background-position:-125px -76px; }
	li#nav_contact a:hover,li#nav_contact a.active { background-position:-125px -95px; }

/*		BOOKS SUBNAV		*/
	li#nav_books li a {
		background-image:url(../images/subnav_books.gif);
		height:15px;
	}
	
	
	#left ul li#books_dinosaurs a { background-position:0 0; }
	#left ul li#books_dieppe a { background-position:-1px -180px; }
	#left ul li#books_rose a { background-position:0 -15px; height:27px; }
	#left ul li#books_vimy a { background-position:0 -42px; }
	#left ul li#books_juno a { background-position:0 -57px; }
	#left ul li#books_mozart a { background-position:0 -72px; }
	#left ul li#books_princess a { background-position:0 -87px; }
	#left ul li#books_titanic a { background-position:0 -102px; height:50px; }
	#left ul li#books_insidetitanic a { background-position:0 -152px; }
	#left ul li#books_anastasia a { background-position:0 -167px; }
	
	#left ul li#books_dieppe a:hover,#left ul li#books_dieppe a.active { background-position:-126px -180px; }
	#left ul li#books_dinosaurs a:hover,#left ul li#books_dinosaurs a.active { background-position:-125px 0; }
	#left ul li#books_rose a:hover,#left ul li#books_rose a.active { background-position:-125px -15px; height:27px; }
	#left ul li#books_vimy a:hover,#left ul li#books_vimy a.active { background-position:-125px -42px; }
	#left ul li#books_juno a:hover,#left ul li#books_juno a.active { background-position:-125px -57px; }
	#left ul li#books_mozart a:hover,#left ul li#books_mozart a.active { background-position:-125px -72px; }
	#left ul li#books_princess a:hover,#left ul li#books_princess a.active { background-position:-125px -87px; }
	#left ul li#books_titanic a:hover,#left ul li#books_titanic a.active { background-position:-125px -102px; height:50px; }
	#left ul li#books_insidetitanic a:hover,#left ul li#books_insidetitanic a.active { background-position:-125px -152px; }
	#left ul li#books_anastasia a:hover,#left ul li#books_anastasia a.active { background-position:-125px -167px; }

/*		NEWS SUBNAV		*/
	li#nav_news li a {
		background-image:url(../images/subnav_news.gif);
		height:15px;
	}
	
	#left ul li#news_archive a { background-position:0 0; }
	#left ul li#news_archive a:hover,#left ul li#news_archive a.active { background-position:-125px 0; }


#middle {
	width:382px;
	float:left;
}

#right {
	width:268px;
	float:right;
	text-align:center;
	
}

body.bigRight #right { margin-bottom:-104px; }

body.bigRight #right img {
	position:relative;
	top:-104px;
	border:4px solid #ffffff;
	border-width:0 0 4px 4px;
}

#footer {
	background-color:#A18F83;
	background-repeat:no-repeat;
	background-image:url(../images/footerbg_home.gif);
	height:100px;
	position:relative;
}

body#home #footer { background-image:url(../images/footerbg_home.gif); }
body#news #footer { background-image:url(../images/footerbg_news.gif); }
body#books #footer { background-image:url(../images/footerbg_books.gif); }
body#presentations #footer { background-image:url(../images/footerbg_presentations.gif); }
body#about #footer { background-image:url(../images/footerbg_about.gif); }
body#contact #footer { background-image:url(../images/footerbg_contact.gif); }


#footer p {
	color:#ffffff;
	position:absolute;
	left:536px;
	top:14px;
	font-size:10px;
	font-style:italic;
}
/* Fix's containers not clearing inner floats in firefox */
.clearIt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html .clearIt {
	height: 1%;
}
