/* CSS Document */

/*
-----------------------------------------------
Signals of Change Basic Page/Index2 Stylesheet
Designer: Candy Gourlay
URL:      http://mediagrafika.net
Date:     Feb 2006
----------------------------------------------- */

html, body {
  	margin:1px 0px 0px 0px;
  	padding:0px;
  	font-family: Verdana, Arial, sans-serif;
  	background-color:#FFFFFF;
  	}
 
h1 {font-family:Helvetica, Arial, sans-serif;
	font-size:30px;}

h2 {
	font-size:14px; color:;
text-transform: uppercase;
}


p {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	}
ul {font-size:14px;}

a {color:#FF0000; text-decoration:underline;}
a:hover {text-decoration:none; color:#333333;}
	

/* To center content
----------------------------------------------- */
#wrapper {
	margin:0 auto;
  	padding:0;
	}
/* Slideshow and logo divs 
	background: #EBE6DA url(../shad_bottom.png) repeat-x bottom left;
		border:1px dashed black;
		border:1px dashed red;	
----------------------------------------------- */
#logo {
	position:absolute;
	left:100px;
	top:0px;
	z-index:2;
	width:200px;
	margin:0px; padding-bottom:0px; 
	
	}
html>body #logo {border-top:8px solid #cc3300;} 
	
#slideshow {
	position:absolute;
	left:302px;
	top:0px;
	width:525px;	
	height:132px;
	padding-bottom:0px;
	margin-left:0px;	
	
	}
html>body #slideshow {border-top: 8px solid #cc3300;} 
/* Content
----------------------------------------------- */
#content {
	position:absolute;
	left:300px;
	top:180px;
	width:400px;
	padding:0px 10px 20px 20px;
	}

.bio {font-size:small; font-weight:normal; }
.bio a {text-decoration:underline;color:#000000;}
 .bio a:hover {text-decoration:none;}

.narrowcol {width:200px;}

/* Navigation
----------------------------------------------- */
#navbar {
	position:absolute;
	top:133px;
	left:260px;
	margin-left:2px;
	padding:0px;
	font-family:"Arial Narrow", Arial;
	font-size:12px;
	font-weight:bold;
	color:#00000;
	white-space:nowrap;
	text-transform: uppercase;
	width: 600px;
	height:30px;
	
	}
html>body #navbar {top:141px; left:300px; height:28px;} 
	
#navbar ul {margin-top:0px; padding:0px;}

#navbar li {
	list-style:none; float:left; margin:0px; padding:0px; 
	width:105px; white-space:nowrap;
	font-size:12px; line-height:20px; text-align:left;
			}
		
#navbar a {display: block; float:left; text-decoration:none; color:#000000;
	 }

/*This is a Backslash Hack that hides rule from IE5-Mac \*/
#navbar a {float:none;} /*End IE5-Mac hack*/

#navbar a.active, #navbar a:hover {
	color:#CC0033; 	}

/* Sidebar - image on left side
----------------------------------------------- */
#sidebar {
	position:absolute;
	top:133px;
	left:100px;
	margin:0px;
	padding:0px;
	width: 200px;
	height:550px;
	background: url(../images/sidebar_home2.jpg) top left no-repeat;

	}
html>body #sidebar {top:141px; left:100px; } 
	
/* Footer for copyright notice
----------------------------------------------- */
#footer {
	position:absolute; 
	bottom:0px;
	left:0px;
	width:100%;	
	visibility:visible;
	display:block; 
	
	}

.footer {	
	text-align:left; 
	font:Arial, Helvetica, sans-serif; 
	font-size:x-small; 
	color:#000000;
	padding: 10px 0px 10px 30px; 
	}

/* Quotations appearing on the left
panel and on results page+
----------------------------------------------- */

blockquote {
	text-align:left;
	margin:0;
	padding:5px 2% 0px 2%;	
	font-size:14px;
}

dt {font-size:11px; color:#000000; text-transform:uppercase;}

.quote {font-size:14px; color:#333333;text-transform:none;}

#quoted {text-align:right; padding-right:20px; font-weight:bold;}
#quote {
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.5em;	
}

#author {
	
	padding: 0 5px 0 0;
	text-align:right;
	text-transform:uppercase;
	color:#CCCCCC;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.5em;
	}
#contact {background-color:#CCCCCC; width:250px; padding: 2%;}