@charset "UTF-8";
/* CSS Document */


/*
Author:         Charsa Bakari Kamau
Version:		0.1
Project:		ANAS Management Website
Description:
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- CUSTOM
---------------------------------------------------------------------------------------
*/

/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		offset:0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		/*line-height: 1;*/
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	:focus {
		outline: 0;
	}
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html{		font-size:100%;	min-height:101%;}
body{		font-size:62.5%}
a{color:#000000;}
a:hover{style:underline;color:#920008;}
a:active{	}
a:visited{style:underline;}
.left{		float:left; }
.right{	float:right; }
.clear{	clear:both; }
img.left{	margin:0 .5em 1em 0; }
img.right{	margin:0 0 1em .5em; }
.padding{	padding:10px; }
#content p{	margin:1.1em 0; }
div.clearer {clear: left; line-height: 0; height: 0;}
.print{display:none;}


/*---------------------------------------------------------------------------------------
--- STRUCTURE
---------------------------------------------------------------------------------------*/

#pageWrapper{
}

/*---HEADER---*/

#headerWrapper{
width:100%;
margin:0;
padding:0;
background-color:#000000;
background-image:url('../images/headerBackG.jpg');
background-repeat:repeat-x;
}

#header{
margin:0 auto;
height:10em;
padding:0;
width:84em;
text-align:left;
}

#ANASlogo{
margin:0;
padding:1.5em 0 0 0;
width:32em;
height:8em;
}

#hMenu{
margin:0;
padding:0px;
width:32em;
height:30px;
float:right;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#hMenu ul {width:320px; height:29px; overflow:hidden; margin:0; padding:0; list-style:none;}
#hMenu ul li {float:left; display:inline;}
#hMenu ul li a span {margin-left:-5000px;}
#hMenu ul li a {background-image:url('../images/hMenuSlicer.png'); background-repeat:no-repeat; display:block; height:29px; overflow:hidden;}

#hMenu ul li.home a {width:40px; background-position:0 0;}
#hMenu ul li.home a:hover {background-position:0 -29px;}
#hMenu ul li.aboutUs a {width:73px;background-position:-40px 0;}
#hMenu ul li.aboutUs a:hover {background-position:-40px -29px;}
#hMenu ul li.contactUs a {width:87px;background-position:-113px 0;}
#hMenu ul li.contactUs a:hover {background-position:-113px -29px;}
#hMenu ul li.requestAQuote a {width:120px;background-position:-200px 0;}
#hMenu ul li.requestAQuote a:hover {background-position:-200px -29px;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 1.2em Arial, Helvetica, sans-serif;
line-height:1.6em;
z-index:100;
background-color:#FFCC00;
width: 160px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: .5em;
border-bottom: 1px solid #000; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/*---SERVICE MENU SECTION---*/

#sMenu-lowContentWrapper{
width:100%;
margin:0;
padding:0;
background-image:url('../images/topContentBackG.jpg');
background-repeat:repeat-x;
}

#sMenu-lowContent{
margin:0 auto;
padding:0;
width:84em;
}

/*---Small Service MENU---*/

#sMenu{width:840px; height:35px; margin:0; padding:0;}

ul#sMenuNav{width:840px; height:35px; overflow:hidden; margin:0; padding:0; list-style:none;}
ul#sMenuNav li {float:left;}
ul#sMenuNav li a span {margin-left:-5000px;}
ul#sMenuNav li a {background-image:url('../images/smallServiceMenu.png'); background-repeat:no-repeat; display:block; width:120px; height:35px; overflow:hidden;}

ul#sMenuNav li.advocacy a {background-position:0 0;}
ul#sMenuNav li.advocacy a:hover {background-position:0 -35px;}
ul#sMenuNav li.board a {background-position:-120px 0;}
ul#sMenuNav li.board a:hover {background-position:-120px -35px;}
ul#sMenuNav li.certification a {background-position:-240px 0;}
ul#sMenuNav li.certification a:hover {background-position:-240px -35px;}
ul#sMenuNav li.communications a {background-position:-360px 0;}
ul#sMenuNav li.communications a:hover {background-position:-360px -35px;}
ul#sMenuNav li.conferences a {background-position:-480px 0;}
ul#sMenuNav li.conferences a:hover {background-position:-480px -35px;}
ul#sMenuNav li.finance a {background-position:-600px 0;}
ul#sMenuNav li.finance a:hover {background-position:-600px -35px;}
ul#sMenuNav li.membership a {background-position:-720px 0;}
ul#sMenuNav li.membership a:hover {background-position:-720px -35px;}

/* Style the list OR link hover. Depends on which browser is used */

/*---TOP CONTENT---*/

#topContentWrapper{
width:100%;
margin:0 0 2em 0;
padding:0 0 0 0;
background-color:#fff;
}

#topContent{
margin:0 auto;
padding:0em 0 0em 0;
width:84em;
text-align:left;
clear:both;
}

#mainContent{
margin:0;
padding:1.5em 1.5em 0 0;
width:54.5em;
text-align:left;
}

#mainContent h3{margin:0 0 -.6em 0}

#sidebar{
margin:0em;
padding:1.5em 1.5em 0 1.5em;
width:25em;
text-align:left;
background-image:url('../images/sidebarBG.jpg');
background-repeat:repeat-x;
}


/*---FOOTER---*/

#footerWrapper{
width:100%;
margin:0;
padding:0em 0 0 0;
background-color:#fff;
background-image:url('../images/footerBackG.jpg');
background-repeat:repeat-x;
}

#footer{
width:84em;
margin:0 auto;
padding:2em 0 0 0;
text-align:left;
clear:both;
}

/* ------------------------------------------------------------------------------------
CUSTOM				 */

h1{
margin:0;
padding:0;
font-size:2.4em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#990000;
}

h2{
	margin:0;
	padding:0;
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009999;
}

h3{
margin:0;
padding:1em 0 0 0;
font-size:1.6em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
}

.subhead{
margin:0;
padding:.8em 0 0 0;
line-height:1.4em;
color:#000;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.bodyCopy{
margin:0;
padding:.8em 0 0em 0;
color:#000000;
line-height:1.5em;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.testimonialCopy{
margin:0;
padding:.8em 0 0 0;
line-height:1.5em;
color:#339999;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}

#bodyList{
margin-top:.8em;
list-style:none;
}

#bodyList li{
margin:0 0 0 1.5em;
padding:.2em 0 .4em 1em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
font-size:1.2em;
line-height:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#bodyList ul li{
margin:0 0 0 .5em;
padding:.2em 0 0em .9em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
list-style:none;
line-height:1.4em;
font-size:1em;

font-family:Geneva, Arial, Helvetica, sans-serif;
}


.bodyList{
margin-top:.8em;
list-style:none;
}

.bodyList li{
margin:0 0 0 1.5em;
padding:.2em 0 .4em 1em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
font-size:1.2em;
line-height:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.bodyList ul li{
margin:0 0 0 .5em;
padding:.2em 0 0em .9em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
list-style:none;
line-height:1.4em;
font-size:1em;

font-family:Geneva, Arial, Helvetica, sans-serif;
}


.bodyList2{
margin-top:.8em;
list-style:none;
}

.bodyList2 li{
margin:0 0 0 2.5em;
padding:.2em 0 .4em 1em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
font-size:1.2em;
line-height:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.bodyList2 ul li ul li{
margin:0 0 0 1em;
padding:.2em 0 0em .9em;
background:transparent url('../images/listBullet.png') no-repeat;
background-position:0 .8em;
list-style:none;
line-height:1.4em;
font-size:1em;

font-family:Geneva, Arial, Helvetica, sans-serif;
}


#social p{
text-align:justify;
}

#footer p{
text-align:center;
line-height:.6em;
}

#linkList li{
margin:0 0 0 1.5em;
padding:.4em 0 .4em 0em;
list-style:url('../images/listBullet.png');
font-weight:bold;
line-height:1.4;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.footerCopy{
padding:0 0 0 0em;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.peoplePic{
margin:0 1em 0 0;
padding:0;
float:left;}

.p250x230{
width:25em;
height:23em;
margin:0 0 3.0em 0;
}

/*====== QUOTE FORM ======*/
fieldset {
float: left;    
clear: left;    
width: 100%;    
margin: 1em 0 1.5em 0;    
padding: 0;
border:none;
}  
legend {  
margin:0 0 0 0em;
	padding:0 0 0 0em;
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#009999;
	font-weight:bold; 
}  
fieldset ol {  
padding: 1em 1em 0 0em;  
list-style: none;  
}  
fieldset li {  
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}  
fieldset.submit {  
border-style: none;  
}
label {    
float: left;    
width: 16em;    
margin-right: 1em;
padding-top:.5em;    
text-align: right;
color:#000000;
font-size:1em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.checkbox{margin-top:.5em;}
.formtext{color:#000000;
font-size:1em;
font-family:Geneva, Arial, Helvetica, sans-serif;}

/*  css for follow us on facebook link  */

a.header-link {
	color: #ffffff;font-size:1.2em;line-height:1.2;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;
}



a.header-link:visited {
	color: #ffffff;font-size:1.2em;line-height:1.2;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;
}


a.header-link:hover {
	color: #ffc400;font-size:1.2em;line-height:1.2;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;
}