/*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
*******************************/
.float-r 	{ float: right; padding-left:10px}
.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
	}
#home #slideshow {
	height:310px;
	width: 475px;
	margin-top:30px;
	}
#home #right-col h2 {
	font-size:1.3em;
	letter-spacing:0;
	text-align:left;
	color:#532E66;
	color:#c60d0d; 
	margin-top:2.5em;
	margin-bottom:.4em;
}
#home #right-col #text ul {
	list-style-type: circle;
	margin-left:20px;
	margin-bottom:2em
	font-size:1em;
	text-align:left;
	line-height:1.8em;
	color:#4A3E89;
	}

#home #right-col #text li {
	line-height:1.5;
	margin-bottom:1em
}	
#home #right-col #text li.less {margin-bottom:.2em}
#home #right-col h3 {
	color:#bb0000;
	text-align:center;
	padding:0; margin:0;
	margin-bottom:1em;
	line-height:1.5;
	}
#home #box {border:0px solid red; margin-top:-10px;}
#home #box h2 {font-size:1.7em}
#pic3cap {margin:4px 0 20px 0; line-height: 1.3; color:#cc7722; width:400px}

/* 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;
	}
#network {
	position:absolute; 
	top:-2px; 
	border:none;
	}
#network a {
	border:none;
	}
#network a:hover {
	border:none;
	}

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

h1 {
	margin-bottom:2em;
	height:60px;
	}
#home h1 {background: url("i/title/fundraising.gif") no-repeat -2px 0; margin-bottom:1.2em }
#donate h1 {background: url("i/title/donate.jpg") no-repeat -2px 0}
#contact h1 {background: url("i/title/contact.jpg") no-repeat -2px 0}

#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: .9em/1.4em Arial, Tahoma, Geneva, sans-serif;
	padding:5px 5px 0px 10px;
	color:#532E66;
	text-align:center;
	}

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}

#news {
	font: normal 1em/1.4em arial, helvetica, verdana, sans-serif; 
	color:#995C00;
	padding:0 4px 0 15px;
	text-align:left;
	list-style-type: circle;
	}
#news li {
	margin-bottom:.8em;
	}
#news li a {
	color:#995C00;
	text-decoration:underline;
	}
#news li a:hover {
	text-decoration:none;
	}	
#left-col p.nih {
	font-size: .7em;
	line-height:1em;
	color:#421d55;
	margin-top: 7px;
	margin-left:22px;
	font-weight:normal;
	padding-bottom:20px;
	}
#left-col p.nih a {
	color:#421d55;
	}
p.nih a:hover {
	text-decoration:none;
	}
#left-col h2 {color:#8A1734; margin-bottom:.3em}
#home #facts {
	margin-left:22px;
	width:170px;
	margin-bottom:8px
}
#home #facts li {
	font: normal 1em/1.3em arial, helvetica, verdana, sans-serif; 
	color:#421d55;
	padding:0;
	text-align:left;
	list-style-type: circle;
	margin-bottom:.8em;
}


/* 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,
#events .navlist {
	margin:45px 0 10px 20px;
	text-align:left;
	width:165px;
	}
#events #left-col h2 {
	font-size:1.2em;
	line-height:1.3;
	}
#events .navlist  {
	margin-top:0
	}	

#events .navlist li  {
	line-height: 1.3;
	color:#5b4f9a;
	}	
	
#events .navlist li a {
	text-decoration:none;
	font-weight:bold;
	color:#4A3E89;
	}

#events .navlist li a:hover {
	color:#884f7e;
	}
	
#events .navlist li.date2 {
	font-weight:normal;
	margin-bottom:1em;
	}	

#events #save-the-date {
	background: url("i/title/save-the-date.gif") no-repeat 0 0; 
	height:100px;
	margin-bottom:2em; 
	margin-left:0
	}
#events #lenny {
	background: url("i/title/lenny.png") no-repeat -2px 0; 
	height:100px;
	margin-bottom:2em; 
	margin-left:0
	}
#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 #right-image {
	float:right; width:200px;
	margin-left:25px;
	margin-top:40px;
	}

	
#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}	



 a.tickets {
	width: 8em;
	text-align:center;
	background-color:#c20d0d;
	display:block;
	color:#fff !important;
	text-decoration:none;
	padding: .5em 0;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;

}	
a.tickets:hover {background-color:red;}



#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;
	}	
#events #button {margin-top:20px}
#events .register {
	display: block;
	width: 87px;
	height: 29px;
	background: url("i/register.gif") no-repeat 0 0;
	text-align:left;
	}
.register:hover { 
	background-position: 0 -29px;
	}
.register span {
	display: none;
	}
#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.7em; 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;
	}

#events h3 {color:#c34132;
color:#54469c;font-size:1.1em; font-weight:bold;
}

#event-copy {margin-top:40px}

#eventinfo h2 {
	font-size:1.5em; 
	line-height:1.2;
	font-weight:bold;
color:#c34132}

#eventinfo h3 {
	font-size:1.1em; 
	line-height:1.2;
	font-weight:normal;
color:#c34132;
margin-bottom:20px}

#eventinfo p {
	line-height:1.4;
	padding-top:.5em
}



#paddleinfo {
	width:220px;
	float:left;
	margin-top:0;
	position:relative;
	top:-50px;
}
#paddleinfo h2 {
	font-size:2em; 
	font-weight:bold;
	margin-bottom: .3em;
	}
#paddleinfo h3 {
	font-size:1.2em; 
	line-height:1.5;
	font-weight:normal;
}
#paddlelogo {
	width:210px;
	float:right;
	margin-top:0;
	position:relative;
	top:-50px;
	}
#paddle {clear:both}

#events #text h2.eventdate {
	color:#54469c;
	font-weight:normal;
	margin-bottom:.2em;
	}
#events #text h3.party span {
	color:#54469c;
	font-weight:normal;
	}
#events #text h3.party span.sub {
	font-weight:normal;
	color:#c20d0d;
	font-size:.9em;
	}
#events #text h3.party {
	color:#c20d0d;
	font-size:1.4em;
	line-height:1.3;
	
}



/* 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;
	}
#social {margin-top:10px}

#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;
	}