/* navigation */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* --------------- Main Menu ---------------  */
body#Home li.Home {background-color: #A166CE;}
body#AboutUs li.AboutUs {background-color: #FFB206;}
body#TheLiteraryCity li.TheLiteraryCity {background-color: #158401;}
body#GetIntoBooks li.GetIntoBooks {background-color: #2749B7;}
body#WhatsOn li.WhatsOn {background-color: #6E1D89;}
body#Projects li.Projects {background-color: #BA0202;}
body#Learning li.Learning {background-color: #FF7300;}
body#International li.International {background-color: #39C69E;}
body#Links li.Links {background-color: #397EE3;}

body#Home li.Home a:link, body#Home li.Home a:visited {
	background-color: #A166CE; color: #FFFFFF }
body#AboutUs li.AboutUs a:link, body#AboutUs li.AboutUs a:visited {
	background-color: #FFB206; color: #FFFFFF }
body#TheLiteraryCity li.TheLiteraryCity a:link, body#TheLiteraryCity li.TheLiteraryCity a:visited {
	background-color: #158401; color: #FFFFFF }
body#GetIntoBooks li.GetIntoBooks a:link, body#GetIntoBooks li.GetIntoBooks a:visited {
	background-color: #2749B7; color: #FFFFFF }
body#WhatsOn li.WhatsOn a:link, body#WhatsOn li.WhatsOn a:visited {
	background-color: #6E1D89; color: #FFFFFF }
body#Projects li.Projects a:link, body#Projects li.Projects a:visited {
	background-color: #BA0202; color: #FFFFFF }
body#Learning li.Learning a:link, body#Learning li.Learning a:visited {
	background-color: #FF7300; color: #FFFFFF }
body#International li.International a:link, body#International li.International a:visited {
	background-color: #39C69E; color: #FFFFFF }
body#Links li.Links a:link, body#Links li.Links a:visited {
	background-color: #397EE3; color: #FFFFFF }

#menu {
	font-family:Arial, Helvetica, sans-serif;
	width: 760px;
	border: none;
	margin-bottom:2px;
}

#menuClear {clear:both;}

ul#tabNav {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
ul#tabNav li {
	float: left;
	list-style-type: none;
	background-color: #EAEBED;
	color: #FFFFFF;
	margin: 0 1px;
	padding: 0;
	border: none;
	font-size: 8pt;
}
ul#tabNav a:link, ul#tabNav a:visited {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 5px 17px;
	text-align: center;
}

ul#tabNav a:hover {color: #FFFFFF; padding: 5px 17px;}
ul#tabNav li.Home a:hover {background-color: #A166CE;}
ul#tabNav li.AboutUs a:hover {background-color: #FFB206;}
ul#tabNav li.TheLiteraryCity a:hover {background-color: #158401;}
ul#tabNav li.GetIntoBooks a:hover {background-color: #2749B7;}
ul#tabNav li.WhatsOn a:hover {background-color: #6E1D89;}
ul#tabNav li.Projects a:hover {background-color: #BA0202;}
ul#tabNav li.Learning a:hover {background-color: #FF7300;}
ul#tabNav li.International a:hover {background-color: #39C69E;}
ul#tabNav li.Links a:hover {background-color: #397EE3;}


/* ----------------- side menu ---------------------------*/

.menubutton1 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left; /* undelete */
	border-left: #FFFFFF solid 7px;   /* remove none */
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton1 { color:#ffffff; background-color:#FFB206; }

.menubutton1On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left; /* undelete */
	border-left: #FFFFFF solid 7px;   /* remove none */
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFB206;
}
a:hover.menubutton1On { color:#ffffff; background-color:#FFB206; }
		
.menubutton2 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton2 { color:#ffffff; background-color:#158401; }

.menubutton2On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #158401;
}
a:hover.menubutton2On { color:#ffffff; background-color:#158401; }


.menubutton3 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton3 { color:#ffffff; background-color:#2749B7; }

.menubutton3On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #2749B7;
}
a:hover.menubutton3On { color:#ffffff; background-color:#2749B7; }

		
.menubutton4 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton4 { color:#ffffff; background-color:#6E1D89; }

.menubutton4On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #6E1D89;
}
a:hover.menubutton4On { color:#ffffff; background-color:#6E1D89; }

.menubutton5 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton5 { color:#ffffff; background-color:#BA0202; }

.menubutton5On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #BA0202;
}
a:hover.menubutton5On { color:#ffffff; background-color:#BA0202; }


.menubutton6 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton6 { color:#ffffff; background-color:#FF7300; }

.menubutton6On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FF7300;
}
a:hover.menubutton6On { color:#ffffff; background-color:#FF7300; }


.menubutton7 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton7 { color:#ffffff; background-color:#39C69E; }

.menubutton7On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #39C69E;
}
a:hover.menubutton7On { color:#ffffff; background-color:#39C69E; }

		
.menubutton8 {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #FFFFFF;
}
a:hover.menubutton8 { color:#ffffff; background-color:#397EE3; }

.menubutton8On {
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	width: 113px;
	color:#000000;
	background-color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:lighter;
	text-align:left;
	text-decoration:none;
	display:block;
	vertical-align:bottom;
	background-repeat: repeat-x;
	background-position:left;
	float: left;
	border-left:#FFFFFF solid 7px;
	margin-bottom: 6px;
	margin-left: 2px;
	border-left: 5px solid #397EE3;
}
a:hover.menubutton8On { color:#ffffff; background-color:#397EE3; }