/*
--------------------------------
anjalileadership.com stylesheet - all browsers except IE7
25-11-2009
-------------------------------- */

html,body,div,p,legend {
}
body {
background-image: url(../img/pagebg.gif);
background-color: #E9E9E9;
background-repeat: repeat-y;
background-position: 50% 0;
background-attachment: fixed; 
font: normal 100% Georgia, Palatino, "Palatino Linotype", serif; 
line-height: 1.2em;
color: #000;
margin: 0;
padding: 0;
}

/* Typography */

p, ul, ol {
margin: 0 0 1em 0;
font-size: .85em;
}
a {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-weight: bold; font-size:9px; border: 0;}
a:link, a:active, fieldset a:link, fieldset a:active {color: #0663b9; text-decoration: none; }
a:visited {color: #999; text-decoration: none; }	
a:hover, fieldset a:hover, li.bigGrey a:hover {color: #f9350e; border-bottom: 1px dotted #f9350e;} 
a img {border-width: 0; border-style: none;}
p a {
font-family: Georgia,Palatino,"Palatino Linotype",serif; font-size: 12px;
}
p.centre {
	padding: 0 3em;
	font-style:italic;
	}
h2 a {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:1em;}

hr {display: none;}
ul {margin: 5px 0 7px 19px; padding: 0;}
li {margin: 5px 0;}
	
h2 {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #f9350e;
font-size: 1.1em; 
margin-bottom: .25em;
padding: 0;
}

h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	color: #666;
	margin: 0;
	}

h3 ul li a:link {color: #666; }
h3 ul li a:hover  {color: #f9350e; border-bottom: 1px dotted #f9350e;} 

.fineprint {font-size:.9em;}

#copyright {
	padding: 10px 0;
	border-top: 1px dotted #D6D6D6; 
	text-align: center;
	}
	
#copyright p {
	font: 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #999;
	}

li.bigGrey, li.bigGrey a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.05em;
	color: #666; 
	}

blockquote { 
	margin: 0px 30px 5px 4px; 
	background: url(../img/styles/quotemarkl-red.gif) no-repeat; 
	width: 346px;
	padding-left: 50px;
	}

blockquote p {
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #f9350e;
	padding-top: .8em;
	line-height: 1.3em; 
	}


/* End Typography */

/* Structure */

#logo {
	top: 21px; 
	left: 60px;
	position: relative;
	display:block;
	}
	
#tagline {
	left: 346px;
	top: -19px;
	position: relative;
	display:inline;
	}
	
#smalllogo {
	top: 10px; 
	left: 30px;
	position: relative; 
	display: inline;
	margin-right: 20px;
	}
	
#closewin a {
	display: inline;
	position: relative;
	float: right;
	margin-right: 30px; 
	color: #f9350e;
	font: 9px bold Arial,Verdana,sans-serif;
	border: none;
	}

#closewin a:hover {color: #666; border-bottom: 1px solid #666;}

#logo a:visited {border-style: none;}	

#main { float: left; 
width: 430px; 
margin: 20px 0 20px 30px;
padding: 0 0 1em 0;
display: inline;
position: relative;
}

img.pageTitle {
margin-bottom: 10px;
}

.link {float: right; display: inline; font-size: 1.5em;}
.leftlink {text-align:left; display:inline;} 
.sidelink {margin-right: 25px; text-align: right;  }
.sidelink a {color: #0663b9; border: 0; }
.sidelink a:hover {color: #f9350e; border: 0;}
#sigline {color: #666; border-bottom: 1px dotted #666; padding-bottom: 3px;}

#mainRule {
	width: 729px; height: 14px;
	background-image: url(../img/shadowRule.gif);
	position: relative;
	margin-top: 14px; 
	}	

#page {width: 729px; margin: 0 auto; position: relative;}

div.q { 
margin: 15px 0; 
color: #f9350e; 
width: 430px; 
}

cite { 
	display: inline;
	float: right; 
	text-align: right; 
	margin: 0 30px 10px 30px; 
	width: 346px;
	text-transform: uppercase; 
	font: bold 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
	
#logobar {
	text-align:center; 
	margin: 0 0 10px; 
	padding-top: 10px; 	
	border-top: 1px dotted #D6D6D6;
	}	

#footer { 
	padding: 20px 0 15px 0; 
	text-align: center; 
	font-size: 9px; 
	color: #999; 
	background: url(../img/styles/line.gif) top center no-repeat; 
	margin-left: 8px; 
	}

/* Sidebar */

#sidebar { 
	float: right; 
	margin-top: 10px; 
	background: url(../img/styles/side-bg.gif) repeat-y; 
	width: 259px; 
	}

#welcome { 
	padding: 100px 10px 15px 25px; 
	background: url(../img/styles/sidebar-top-threeCs.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	}

#welcomeStart { 
	padding: 90px 10px 15px 25px; 
	background: url(../img/styles/sidebar-top-getstarted.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	}

#welcomeSignup { 
	padding: 0px 10px 45px 25px;
	margin-top: -50px; 
	font: 0.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	line-height: 1.4em;
	}

#welcomeBlank { 
	padding: 30px 10px 25px 25px; 
	height: 80px;
	background: url(../img/styles/sidebar-top-blank.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	}

#welcomeWorkshop { 
	/* use on homepage if including workshop info; may need to adjust height) */
	padding: 30px 10px 25px 25px; 
	height: 350px;
	background: url(../img/styles/sidebar-top-blank.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	}

#welcomeeNews { 
	padding: 30px 10px 25px 25px; 
	height: 350px;
	background: url(../img/styles/sidebar-top-enews.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	}

#welcome p, #welcomeStart p {
	margin-left: 10px;
	margin-right: 25px;
	font: 0.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	line-height: 1.4em;
	}

#welcomeQuote { 
	padding: 63px 10px 0px 25px; 
	background: url(../img/styles/sidebar-quote.gif) no-repeat; 
	width: 217px !important; 
	width /**/: 253px; 
	color: #f9350e;
	}
	
#welcomeQuote p { 
	margin-left: 10px;
	margin-right: 25px;
	font: bold .7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	line-height: 1.5em;
	text-indent: 40px;
	}
	
#welcomeQuote cite { 
	display: inline;
	float: right; 
	text-align: right; 
	margin: 0 20px 10px 30px; 
	width: 100px;
	text-transform: uppercase; 
	font: bold 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}

#callout {
	width: 182px;
	height: 160px;
	border: 2px #f9350e solid;
	background-color: #fff;
	display: block;
	margin: 10px;
	text-align: center;
	padding-top: 10px;  
	}

#callout p {
color: #f9350e;
margin: 10px;
}

#callout a {
padding-top: 0;
border: none; }

#welcome #callout a:hover {
border: none; }

#upcoming { padding: 10px 13px 15px 23px; width: 217px !important; width /**/: 253px; }

#sidebarimg {
text-align:center;
padding: 0 21px 15px 21px; 
background: url(../img/styles/sidebar-bottom.gif) 100% 100% no-repeat; 
width: 217px !important; 
width /**/: 253px;
}

#sidebarimg p {
	font: 0.6em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	line-height: 1.4em;
}

#sidebarimg img {
margin-bottom: 20px;
text-decoration:none;
}

#sidebarimg a:hover {
border:none;
}


#welcome p a {
font-size: 1em;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
color: #0663b9; 
}
#welcome a:hover {color: #f9350e; border-bottom: 1px dotted #f9350e;} 
#welcome img { float: none; margin: 0;}

#welcome h2 { background: url(../images/welcome.gif) no-repeat; height: 12px; width: 215px; }

#upcoming h2 { background: url(../images/meetings.gif) no-repeat; height: 12px; width: 215px; }

#news h2 { background: url(../images/news.gif) no-repeat; height: 12px; width: 215px; }


.clearer { 
	clear: both; 
	height: 0px; 
	}

fieldset { width: 70%; border: 1px solid #999; margin-top: 15px; padding: 5px 10px 10px; 
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size: 11px;
}
fieldset a {font-size: 11px;
font-weight: normal; }

ul.resource li { line-height: 1.5; list-style: disc outside url(../img/pdf-icon.gif); margin-left: 50px;
}

#welcome h2 span, #upcoming h2 span, #news h2 span { display: none; }

/* End Sidebar */

/* Navigation */

#nav {
display: inline;
float: left; 
width: 730px; 
margin-top: 10px;
margin-left: 34px;
}

#nav ul { margin: 0 0 0 5px; 
 }

#nav ul li { display: block; float: left; list-style: none; }

#nav ul li a { display: block; height: 22px; border: none;}

#nav ul li a span { display: none;}

#nav ul li#nav-welcome {background: url(../img/nav/welcome.gif) no-repeat;}

#nav ul li#nav-about {background: url(../img/nav/about.gif) no-repeat; }

#nav ul li#nav-services {background: url(../img/nav/services.gif) no-repeat; }

#nav ul li#nav-resources {background: url(../img/nav/resources.gif) no-repeat; }

#nav ul li#nav-media {background: url(../img/nav/media.gif) no-repeat; }

#nav ul li#nav-blog {background: url(../img/nav/blog.gif) no-repeat; }

#nav ul li#nav-faq {background: url(../img/nav/faq.gif) no-repeat; }

#nav ul li#nav-contact {background: url(../img/nav/contact.gif) no-repeat; }

#nav ul li#nav-welcome a { width: 81px; background: url(../img/nav/welcome.gif) no-repeat;}

#nav ul li#nav-about a { width: 144px; background: url(../img/nav/about.gif) no-repeat; }

#nav ul li#nav-services a { width: 86px; background: url(../img/nav/services.gif) no-repeat; }

#nav ul li#nav-resources a { width: 106px; background: url(../img/nav/resources.gif) no-repeat; }

#nav ul li#nav-media a { width: 77px; background: url(../img/nav/media.gif) no-repeat; }

#nav ul li#nav-blog a { width: 69px; background: url(../img/nav/blog.gif) no-repeat; }

#nav ul li#nav-faq a { width: 57px; background: url(../img/nav/faq.gif) no-repeat; }

#nav ul li#nav-contact a { width: 98px; background: url(../img/nav/contact.gif) no-repeat; }

#nav ul li#nav-welcome a:hover, #nav ul li#nav-about a:hover, #nav ul li#nav-services a:hover, #nav ul li#nav-news a:hover,#nav ul li#nav-resources a:hover, #nav ul li#nav-media a:hover, #nav ul li#nav-blog a:hover, #nav ul li#nav-faq a:hover, #nav ul li#nav-contact a:hover { background-position: 0 -22px; }

body#welcome-on #nav ul li#nav-welcome a, body#about-on #nav ul li#nav-about a, body#services-on #nav ul li#nav-services a, body#resources-on #nav ul li#nav-resources a, body#media-on #nav ul li#nav-media a, body#blog-on #nav ul li#nav-blog a, body#faq-on #nav ul li#nav-faq a, body#contact-on #nav ul li#nav-contact a { background-position: 0 -22px; }