/*text purple: #54469c
original purple #5f51a3
a4b4d6 light blue
dcd8ee very light purple
dcd9ee
#532E66; grape
#c34132 #c20d0d red 
#995C00 orange
4A3E89 wine*/

html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins,strong,ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100.01%; /*opera*/
font-family: inherit;
vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;
}
img {border:0}

/* Text decorations
*******************************/
strong {font-weight:bold}
.bold 		{ font-weight: bold; }
.normal 	{ font-weight: normal; }
em 	{ font-style: italic }
.underline	{ text-decoration: underline; }
.last		{ margin-bottom: 50px;}
.space		{ margin-top: 1em;}
.red {color:red}

/* Float
*******************************/
.f-right 	{ float: right; }
.f-left 	{ float: left; }
.f-none 	{ float: none; }

/* Text align
*******************************/
.t-right 	{ text-align: right; }
.t-left 	{ text-align: left; }
.t-center 	{ text-align: center; }
.t-justify 	{ text-align: justify; }

/* Other
*******************************/
.clear {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

/* Main styles
*******************************/
/* force vertical scrollbars */
html {
	height: 100%;
	margin-bottom: 100px;
	overflow: scroll}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	min-width:750px;
	background: #DCEAD7;
	}
#wrap { 
	margin:0 auto;
	text-align:center;
	width:750px;
	}
#banner {
	position: relative;
	z-index:100;
	top:14px;
	}

/* background and shadow */	

#wrap2 {
	border-bottom:10px solid #54469c;
	background: transparent url("i/bckgrd.jpg") repeat-y;
	}
	
#left-col {
	float:left;
	width:200px;
	position:relative;
	top:20px;
	left:15px;
	border:0px solid red;
	padding-bottom:25px;
	}
#right-col {
	float:right;
	width:518px;
	position:relative;
	top:20px;
	right:16px;
	text-align:left;
	border:0px solid green;
	margin-bottom:50px;
	}
h2 {
	margin:0 0 1em 0;
	font-size: 1.3em;
	font-weight:bold;
	line-height:1.5em;
	color:#54469c;
	}
p {
	font-size:1em;
	text-align:left;
	line-height:1.8em;
	color:#4A3E89;
	}
ul.inText {
	list-style-type: circle;
	margin-left:15px;
	font-size:1em;
	line-height:1.6em;
	color:#4A3E89;
	}
ul.inText li {
	margin-bottom:.6em;
}

#home #right-col {
	background: url("i/light.jpg") no-repeat right 16px
	}



/* navigation
*******************************/
#navcontainer {margin-bottom:30px}

#navlist
{
width:500px;
padding: 0 0 3px 20px;
background-color: #FF9900;
font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
font-size:1em;
border: 1px solid #FF9900;
}

#navlist a
{
border: 1px solid #FF9900;
padding: 1px;
padding-left: 0.7em;
padding-right: 0.7em;
color: #000000;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #000000;
padding: 1px;
padding-left: 0.7em;
padding-right: 0.7em;
text-decoration: none;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: .8em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a { 
	background-color: red; 
	color:white;
	}


/* titles
*******************************/

h1 {
	margin-bottom:2em;
	height:60px;
	}
#home h1 {background: url("i/title/home.jpg") no-repeat -2px 0; margin-bottom:1em }
#donate h1 {background: url("i/title/donate.jpg") no-repeat -2px 0}
#contact h1 {background: url("i/title/contact.jpg") no-repeat -2px 0}
#events h1 {background: url("i/lifeisacabaret.gif") no-repeat -2px 0; height:100px}
#thankyou h1 {background: url("i/title/thankyou.jpg") no-repeat -2px 0}
#whatweknow h1 {background: url("i/title/whatweknow.jpg") no-repeat -2px 0; height:80px}
h1 span {display:none}
#laura {background: url("i/title/laura.jpg") no-repeat -2px 0; margin-bottom:1em; height:66px; width:178px; }
#ilene {background: url("i/title/ilene.jpg") no-repeat -2px 0; margin-bottom:1em; height:66px; width:158px; }
#rsvp h1 {background: url("i/title/rsvp.gif") no-repeat -2px 0; margin-bottom:1em }


/* home 
*******************************/

#half1 {
	float:left;
	width:218px;
	height:130px;
	border:0px solid red;
	}
#half2 {
	border:0px solid red;
	margin-bottom:20px;
	}

#half2 p {
	padding-left:50px; 
	padding-right:45px;
	}

#donate-but {
	margin-top:20px;
	}

p.intro {
	font: 1em/1.6em verdana, georgia, sans-serif;
	padding:20px 5px 0px 10px;
	color:#532E66;
	}

h2.now {
	font-size:1.3em;
	padding:0;
	color:#532E66;
	font-weight:bold;
	text-align:center;
	position:relative;
	top:-5px;
	}
a.more {
	font-size:.95em;
	background-color:#f81;
	padding:4px 4px 3px 4px;
	color:white;
	text-decoration:none;
	}
a.more:hover {
	background-color:#f61;
	}

#home h3 {font-size: 1em;
	font-weight:bold;
	line-height:1.3em;
	color:#54469c;
	color:#bb0000;
	color:white;
	color:#f81;
	margin-left:40px;
	padding-top:4px;
	}
#home h3#presented {
	font: italic normal .95em/1.3 georgia, times, times-new-roman, serif;
	color:#e3dff6;
	padding:0 0 6px 0}

#facts {
	font: normal 1em/1.4em arial, helvetica, verdana, sans-serif; 
	color:#995C00;
	padding:0 4px 0 15px;
	text-align:left;
	list-style-type: circle;
	}
#facts li {
	margin-bottom:.8em;
	}
#facts li a {
	color:#995C00;
	text-decoration:underline;
	}
#facts li a:hover {
	text-decoration:none;
	}	
#text p.nih {
	font-size: .8em;
	line-height:1em;
	color:#4A3E89;
	margin-top: 7px;
	margin-left:52px;
	font-weight:normal;
	padding-bottom:20px;
	color:#767288;
	}
p.nih a {
	color:#767288;
	}
p.nih a:hover {
	color:#656177;
	}

/* famous
*******************************/
#famous img {margin-bottom:6px}
#famous {padding: 30px 10px;
	text-align:center;
	}
#famous h2 {
	font-weight:bold; 
	line-height:1.1em;
	text-align:center; 
	margin-bottom:6px;
	color:black;
	font-size:1em}

#famous span {
	text-transform:uppercase; 
	font-size:.8em;
	}

#famous p {
	text-transform:uppercase; 
	font-size:.8em;
	text-align:center;
	}
#famous p.career {
	font: italic .9em Georgia, Times, serif; 
	text-transform:none;
	margin-bottom:.3em;
	}
	
/* events
*******************************/

#events #left-col h2 {
	text-align:left;
	margin:40px 0 10px 20px;
	font-size:1.4em;
	line-height:1.3;
	}
#events #left-col h2 a {
	color:#c20d0d;
	text-decoration:none;
	}
#events #left-col h2 span {
	font-weight:normal;
	font-size:.8em;
	}	
#events #left-col h3 {
	color:#4A3E89;
	font-weight:normal; 
	font-size:1.7em;
	line-height:1.2;
	text-align:left;
	margin:40px 0 10px 20px;
	}
#events #left-col #nav {
	margin:0;
	}
#events #left-col li  {
	line-height: .8;
	color:#662E5D;
	}	
#events #left-col li.date2 {
	font-weight:normal;
	margin-top:0;
	margin-bottom:1em;
	}	

#events #lifeisacabaret {
	background: url("i/title/lifeisacabaret.gif") no-repeat -2px 0; 
	height:100px;
	margin-bottom:2em; 
	margin-left:0
	}
#events #concord {
	background: url("i/title/concord.jpg") no-repeat -2px 0; 
	height:100px;
	margin-bottom:2em;
	}

	
#events #text p {
	margin:.6em 0;
	}
#events #text #indent {
	margin:0 1em 2em 1.5em;
	}
#events #text #indent strong {
	color: #c34132;
	}
#events #text a {
	color:#4A3E89;
}
#events #text a:hover {
	text-decoration:none;
}
#copy {margin-top:2em}
#events #graphic {
	float:right; 
	width:140px;
	position:relative;
	left:-3px;
	top:-10px;
	}
#events #graphic2 {
	float:right; 
	width:160px;
	position:relative;
	left:12px;
	top:0;
	}
#events #tickets strong {color:#c20d0d}	

#events #text h2, #events #text h2 a {margin:2em 0 0 0; color:#c20d0d}

#events .bts {position:relative; top:-70px; margin-right:50px;}

#events #date {
	width:230px;
	float:right;
	margin-top:15px;
	}
#events #date p, #events #date p a {
	color:#c34132;
	line-height:1.2;
	margin-bottom:.8em;
	}	
	

#slideshow {
	margin: 0 auto;
	width:400px;
	 }
#events ul#buttons {margin:0 0 60px 0; padding:0}

#events ul#buttons li {float:left; width:3em; margin-top:0; margin-right:50px; display:block}
#events #text a.but  {background-color:#54469c; padding:.3em 1em; width:2em;color:white; display:inline;text-decoration:none}	
#events #text a:hover.but {background-color:#877abf}	


#events h1#eventdate  {color:#54469c; font-size:1.8em; margin:0; height: 50px; font-weight: bold }
#events #info h2 {font-size:1em; margin:0 0 .5em 0;font-weight:normal }
#events #info {
	width:160px;
	float:right;
	margin-top:30px;
	}
		
/* what we know
*******************************/
	
#whatweknow p a {
	color:#4A3E89;
		text-decoration:underline;
}
#whatweknow p a:hover {
		text-decoration:none;
}	

#whatweknow #sources p a:hover {
	text-decoration:none;
	}	
#whatweknow #right-col h3 {
	margin:2em 0 .2em 0;
	font-size: 1em;
	font-weight:bold;
	line-height:1.5em;
	color:#54469c;
	text-transform:uppercase; letter-spacing:1px}
	
#whatweknow #right-col h4 {
	color:#c60d0d; 
	margin-top:2em;
	margin-bottom:.3em;
	letter-spacing:0px;
	}
#whatweknow .inText li a {
	color:#54469c; 
	font-weight:bold;
	}
#whatweknow .inText li a:hover {
	text-decoration:none;
	}
#whatweknow #sources p {
	margin-bottom:.7em;
	font-size:.8em;
	line-height:1.3;
	}
	
#whatweknow #sources p a {
	color:#532E66;
	font-weight:bold;
	}	
#whatweknow #sources p a:hover {
	text-decoration:none;
	}	
	
#whatweknow #sources em {
font-style:italic	}	
		
	
#whatweknow #sources h3 {
	font-size:.9em;
	margin-bottom:.5em
	}	
#whatweknow div.callout {
	float:right;
	width:120px;
	padding-left:10px;
	}	
#whatweknow div.callout2 {
	float:left;
	width:160px;
	margin-top:5px;
	}
#whatweknow div.callout p {
	font-size:.9em;
	line-height:1.2em;
	color:#532E66;
	width:120px;
	margin-top:3px;
	}
#nav {
	text-align:left;
	margin: 0;
	margin:2em 0;
	}
	
#nav li {
	margin-top:.8em;
	padding-top:.5em;
	padding-left:20px;
	line-height:1em;
	}

#nav li	a {
	color:#662E5D;
	text-decoration:none;
	font-weight:bold
	}
#nav li.board  {
	border-top:0;
	padding-left:30px;
	padding-top:0;
	}
	
#nav li.board a {
	font-weight:normal;
	}
	
/* donate
*******************************/

#donate #right-col h2 {
	margin:1em 0 .5em 0; 
	font-size:1.1em;
	font-weight:bold;
	}

#donate #right-col {
	background: url("i/research.jpg") no-repeat 300px 16px;
	margin-bottom:50px}

#donate  #right-col p {margin-bottom:1em}

/* just the text portion, minus the nav bar */
#text {
	padding:0 25px;
	}
#donate #text  {background: transparent url("i/dna.gif") no-repeat 5px bottom}

/*thankyou*/
#donate h3 {
	color:#c60d0d; 
	margin:1.2em 0 1em 0; 
	font-size:1.5em;
	font-weight:bold;
	}
#small {font-size:.8em; line-height:1.3em}

#donate #mail {width:220px; float:left; margin-bottom:2em}
#donate #paypal {width:200px; float:right}


/* contact
*******************************/

#contact #phone {margin-left: 4px}
#contact #phone span {font-size:.8em; font-weight:bold; letter-spacing:1px; color:#6557ad}
#contact #phone a {color:#54469c}
#contact #phone a:hover {color:#7668be}

#contact-form h3 {
	color:#54469c;
	color:#995C00;
	color:#532E66;
	margin-bottom:2em;
	font-weight:bold;
	}
#contact-form {
	width:423px;
	margin:10px  0;
	border:1px solid #bbb;
	background-color:#DCEAD7;
	padding:10px 20px;
	}
#contact-form p {
	padding-bottom:2px;	
	}	
#contact-form input {
	font: normal 1em arial, helvetica, sans-serif; 
	color:#54469c;
	padding: 2px 3px 1px 3px;
	height:15px;
	margin-bottom:.5em;
	}
#contact-form #comments {
	font: normal 1em arial, helvetica, sans-serif; 
	color:#54469c;
	padding: 2px 3px 1px 3px;
	}
#contact-form #enter {
	background-color:#c60d0b;
	color:white;
	padding:2px 6px 1px 6px;
	margin-top:0;
	height:2em}
#contact-form #enter:hover {
	background-color:#f93f3e;
	}
#contact-form span {
	color:#f93f3e;
	}	

#contact-form label {
	float:left;
	width:7em;
	padding-top:3px;
	margin-right:5px;
	text-align:right;
	font-size: .8em;
	text-transform:uppercase;
	}

#iam {
	margin-top:1em;
	margin-bottom:1.5em;
	}
#iam input {
	font: normal .2em arial, helvetica, sans-serif; 
	color:#54469c;
	padding-bottom:2px;
	}
#iam p {
	padding-bottom:1em;
	}
#iam h3 {
	margin-top:2em;
	margin-bottom:1em;
	}


#footer {
	padding:4px 0 10px 15px;
	color:#536a6f; 
	font-size:.7em;
	color:#2E4166;
	text-align:left;
	}
#footer a {
	text-decoration:none;
	margin-bottom:10px;
	font-weight:bold;
	color:#2E4166;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer span {padding: 0 6px;
	color: #f90;
	}