/*the site is built on a grid of 26px gutters and 77px columns*/
/*link color was: #1b52a5, now #0000FF. would like to put link color in this doc in future.*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #492F91;
	width:953px;              /*width of 9 columns and 10 gutters*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

/* div {border:1px red solid}    use this for testing div positioning on mac vs pc */

.red {
	color:#FF0000;
}

.gray {
	color: #696b73;
}

.purple {
	color: #492F91;
}	

.purplesoft {
	color:#7C69AF;
}

.blue {
	color:#CC0000;
}

.smalltype {
	font-size:0.95em;   /*For number blocks, such as years. This is set within other font-size settings.*/
}

p.smalltype {           /*For "TED 2008" in the top nav*/
	margin-top:2px;
	letter-spacing:0.1em;
}

.nowrap {
	white-space:nowrap;
}

.clear {              /*need divs with class clear for IE6 only*/
	clear:both;
	margin:0px;
}

img {                 /*gives the alt text a non-default style*/
	color:#CCCC33;
	font-size:8pt;
}

a img, a:visited img {
	text-decoration:none;
}

.text p {
	font-size: 0.75em;
	line-height: 1.45em;
	margin-top:0px;
	margin-bottom:9px;
}

/*styles type on homepage and bio pages*/

.largetype {	font-size:1.6em;
	font-weight: normal;
	color: #A497C9;
	font-family: Helvetica, sans-serif;	
}

.largetype a, .largetype a:visited {
	color: #A497C9;
	text-decoration:none;
}

.largetype a:hover {
	color:#492F91;
	text-decoration:none;
}

.email {
	font-size:1em;
	font-weight: normal;
	color: #492F91;
	font-family: Helvetica, sans-serif;
}

.email a, .email a:visited {
	color:#492F91;
	text-decoration:none;
}

.email a:hover {
	color:#FF0000;
	text-decoration:none;	
}

/*styles for navigation on internal pages*/
div#nav {
	margin:0;
	overflow:auto;
}

div#nav div {
	float:left;
	margin:0 0 0 26px;   /*every section has a 26px left margin, to counteract the final 26px gutter, to keep it all centered*/
	width:76px;          /*column width reduced by 1 px to account for padding below*/
	display:inline;
	padding:0 0 0 1px;    /*padding fixes W left edge clip*/
	font-size:0.75em;
}

#nav a, #nav a:visited {  /*nav is warm gray*/
	color: #696b73;
	text-decoration:none;
}

#nav a:hover {            /*nav hover is red*/
	color: #FF0000;
	text-decoration:none;
}
	
div#nav-selected, div#nav-selected a:link, div#nav-selected a:visited  {       /*the selected nav is the page you are on - usually not linked*/
	color:#FF0000;
}

/*styles the footer on all pages*/

div#footer {
	margin:26px 0 0 26px;
	width: 927px;
}

div#footer div {
	float:left;
	width:309px;          /*width of 2 columns and 2 gutters, reduced by 1 px to account for padding below*/
	display:inline;
	padding-left:1px;     /*padding fixes W left edge clip*/
	font-size: 0.7em;
	margin-bottom:10px;
}

#footer, #footer a, #footer a:visited {
	color: #492F91;
	text-decoration:none;
}

#footer a:hover {            /*sets hover color for footer text (red)*/
	color: #FF0000;
	text-decoration:none;
}