/* css style sheet for Imani Project*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/
/*August 2008*/
/*
================= Colours ============================
PEACH: #feeacd
BEIGE: #efcea0
MID BROWN: #d37c00 (hover)
DARK BROWN: #854e00 (footer text)


(background colour)
SILVER: #cccccc
(borders)


DARK PURPLE: #690666 (main title)
LILAC: #e4d9e9 (background color)
MID PURPLE: #d394f0 (footer text and menu gradient)



*/


html {width:100%;font-size:101%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: auto;
	padding: 0;
	color: Black;
	background-color: #e4d9e9;
}

img {border:none;}
a {text-decoration: none; color: #4C7879; font-weight: bolder;}
a:hover {color:#690666;}

/* --------------------------------wrappers --------------------------------- */ 

/*
#shadow {background-color: White; background-image: url(../images/shadowDiv_bgPurple.jpg); background-position: bottom right; background-repeat: repeat-y; width: 900px; margin-top: 30px; margin-left: 20px; padding-right: 1px; padding-bottom: 5px; border: none;}

*/

#wrapper{width:900px; height: auto; padding: 0; background-color: white; margin: 2px auto auto 2px; border:  1px solid silver;}
#banner {padding: 0; background-color: white; margin: 0;} 
#mainTextArea {float:left; margin:0; padding:25px; background-color: White; width: 840px;}

#footer{width: 900px; margin:0; font-size: .8em; text-align: right; padding: 5px 0; height: 20px; background-color: White; background-image: url(../images/menuHover_bg.jpg); background-repeat: repeat-x; background-position: bottom;}

#testimonials {width: 860px; background-color: white; padding: 0; margin: 30px 0 10px -20px: float: left;}

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


#nav {padding: 0; margin: 0; width: 900px; height: 40px; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; background-position: top; background-color: White; float: right;}
#nav ul.menuList {list-style: none; padding:0; font-size: 1em; width: 900px; margin:0; float: right;}
#nav ul.menuList li {padding:0; margin: 0; float: right;}

#nav ul.menuList li a,
#nav ul.menuList li a:link,
#nav ul.menuList li a:active,
#nav ul.menuList li a:visited {text-decoration: none; color: #690666; padding: 5px 25px; border-left: 1px dotted #ccc; float: left; font-weight: lighter;}

#nav ul.menuList li a:hover {color: #4C7879; background-image: url(../images/menuHover_bg.jpg); float: left; background-repeat: repeat-x; background-position: top; font-weight: lighter;}

/*------------------------- floats ----------------------------------------*/

.floatRight {float:right; margin: 0;}
.floatLeft {float:left; margin: 0;}

.clear {	clear: both;}

/* ------------------------headers -----------------------------------------*/

h1 {padding: 0; margin: 0;}

h2 {color: #690666; font-weight: lighter;}

h3 {color: #696969; font-weight: lighter; font-style: italic;}

/*------------------------paragraphs---------------------------------------*/

.quote {font-size: .9em; font-style: italic; float: right; color: #696969; padding: 25px 5px;}

p {font-size: 0.9em; color: #696969; padding: 3px 5px; margin: 0; line-height: 1.5em;}



/* ----------------------- lists --------------------------- */
ul {font-size: .9em; color: #696969; padding: 3px 5px; margin: 5px 30px; line-height: 1.5em; list-style: circle; list-style-position: outside;}

ul.subList {font-size: 1em; color: #696969; padding: 3px 5px; margin: 5px 30px; line-height: 1.2em; list-style: square; list-style-position: outside;}

.contact {list-style: none;}