/* ---- Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}



/* ---- Set new basic styles --------------------------------------------------------- */

body {
 background-color:#787878;
 overflow:-moz-scrollbars-vertical;
}
body, p, td, th, li, dt, dd, h1, h2, h3, h4, h5, h6, td, th, label  {
 font-family:'Tahoma','HoeflerText-Regular','Hoefler Text',sans-serif; 
}
h1 { 
 /* h1 typically reserved for within header */
 font-size:27px;
 color:#9C6810;
}
h2 {
 /* h2 typically reserved for within header */
 font-size:11px;
 color:#9C6810;
}
h3 {
 font-size:15px;
 margin:12px 0 24px 0;
}
h4, h5 {
 font-size:12px;
 font-weight:bold;
 font-family:Verdana, Arial, sans-serif;
 margin:18px 0 14px 0;
}

h6 {
 font-size: 10px;
 font-weight: bold;
 font-family:Verdana, Arial, sans-serif;
 margin:18px 0 14px 0;
}

p {
 font-size:11px;
 margin:12px 0 12px 0;
 line-height:150%;
}
li, td, label {
 font-size:11px;
}
a {
 color:#9C6810;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
a:visited {

}


hr {
 border:0;
 height:4px;
 border-top:1px solid #d4d1c2;
 border-bottom:1px solid #d4d1c2;
 clear:both;
 width:654px;
 margin:0 auto;
}

.access {
	display:none;
}
.clear {
	clear:both;
}
.to-top {
 text-align:right;
 text-transform:lowercase;
 font-weight:bold;
 margin-top:0;
 margin-bottom:24px;
}
.to-top a {
 text-decoration:underline;
}
.to-top a:hover {
 text-decoration:none;
}
div#errordiv {
	border:3px double #900;
	background-color:#FFFFF2;
	color:#900;
	padding:5px 10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:18px;
}
.required {
 color:#FF0000;	
}

/* ---- =Structure! --------------------------------------------------------- */
body, html {
 height:100%;
}

/* "div#container-3" is to achieve full-page-height */
#container-3 {
 background-color:#FFF;
 width:700px;
 min-height:100%;
 margin:0 auto;
}
* html #container-3 {
 height:100%;
}

/* "div#container-2" is to provide gray background that peeks 10px above the header */
#container-2 {
 background-color:#787878;
 padding-top:10px;
}

/* "div#container-1" is to give a nice white background for everything within */
#container-1 {
 position:relative;
 background-color:#FFF;
}
* html #container-1 {
 height:200px; 					/* give IE some "layout!" */
}


/* ---- =header! --------------------------------------------------------- */
#header {
 position:relative;
 background:#f7f4eb url('../images/header-background.jpg') repeat-x center bottom;
 padding:0px 24px;
 height:115px;

}
#header h1 {
 margin-top:0px;
 padding-top:32px;
 margin-left:145px;
}
#header h2 {
 margin-left:145px;
}
#header a:hover {
 text-decoration:none;
}

#header div#header-apple-photo {
 position:absolute;
 top:14px;
 left:24px;
 border:1px solid #d4d0c2;
 padding:1px; 
}
#header div#header-washington-logo {
 position:absolute;
 right:62px;
 bottom:20px;
 border:1px solid #d4d0c2;
 padding:2px; 
}



/* ---- =nav! --------------------------------------------------------- */
#nav {
 position:relative;
 padding:12px 24px 8px 24px;
 font-size:9px;
 font-family:'Tahoma-Bold','Tahoma','HoeflerText-Black','Hoefler Text',sans-serif;
 font-weight:bold;

}
#nav ul {
 list-style-type:none;
}
#nav li {
 float:left;
 display:inline;
 font-size:9px;
 padding-left:30px;
 background:transparent url('../images/nav-list-item-separator.gif') no-repeat 15px 50%;
}
#nav li.first {
 padding-left:0;
 background-image:none;
}
#nav a, #nav a:visited {
 text-decoration:none;
 text-transform:uppercase;
}
#nav a:hover {
 color:#3A3528;
 text-decoration:underline;
}


/* PAGES */
body#page-home				#nav li#nav-item-home a,
body#page-about				#nav li#nav-item-about a,
body#page-people			#nav li#nav-item-people a,
body#page-publications		#nav li#nav-item-publications a,
body#page-st		 		#nav li#nav-item-st a, 
body#pil		 		    #nav li#nav-item-contact a, 
body#page-pilvideos		    #nav li#nav-item-videos a, 
body#page-practical		    #nav li#nav-item-practical a {
	text-decoration:overline;
}





/* ---- =interior! --------------------------------------------------------- */
#interior {
 position:relative;
 clear:both;
 padding:5px 24px;
}
#interior a {
 
}
#interior a:visited {
 color:#5F400A;
}
#interior ul {
 padding-left:40px;
 list-style-type:disc;
 margin-bottom:24px;
}
#interior ol {
 padding-left:40px;
 list-style-type:decimal;
}
#interior li {
 line-height:150%;
 margin-bottom:7px;
}


/* ---- =content! --------------------------------------------------------- */
#content {
 position:relative;
 float:left;
 display:inline;
 width:65%;
 padding-bottom:24px;
}
#content h3 {
 margin-top:18px;
}
#content a {
 font-weight:bold;
}

div#spacer  /* used on st launch page to make room for content on the sidebar */
{position:relative;
 float:left;
 width:65%;
 height:400px;}
 
 p.indent /* used on st launch page to indent descriptions*/
 {position:relative;
 left:30px;
 width: 370px;
 text-align:justify;
 }

/* ---- =highlights and =profiles --------------------------------------------------------- */
/**
 * Highlights and profiles share similar base styling, except:
 * 1. highlight image is absolutely positioned against a right-padded container,
 *    wheras a profile image is floated right.
 * 2. a highlight is "indented" with some left padding,
 *    whereas a profile is flush left.
**/

/* ---- shared styles ---- */
div.highlight, div.profile {
 margin:24px 0;
 position:relative;
 min-height:100px;
}
* html div.highlight, * html div.profile {
 height:100px;  /* give some min-height to IE6 */
}

/* ---- highlights ---- */
div.highlight {
 padding-left:40px;    /* indent from left edge */
 padding-right:150px;  /* pad right to make room for absolute highlight-images */
}
div.highlight div.highlight-image {
 position:absolute;
 top:0px;
 right:0;
}

/* ---- profiles ---- */
div.profile div.profile-image {
 float:right;
 display:inline;
 margin-left:12px;
 margin-bottom:12px;
}

/* ---- photo credits ---- */

span#photoCredit {
 float:right;
 padding-right:10px;
 font-size: 9px;	
 text-align:center;
 color:#999;
}


/* ---- =sidebar! --------------------------------------------------------- */
#sidebar {
 float:right;
 display:inline;
 width:30%;
 padding-bottom:24px;
}
#sidebar h3 {
 height:34px;
 background:transparent url('/images/sidebar-header-background.gif') repeat-x top center;
 padding:16px 10px;
 margin:6px 0 12px 0;
 font-size:10px;
 font-weight:bold;
 text-transform:uppercase;
}
#sidebar a {
 font-weight:bold;
}
#sidebar dl {
 margin: 0 10px;
}
#sidebar dt {
 font-size:10px;
 line-height:14px;
 font-weight:bold;
 float:left;
 display:inline;
 clear:left;
 padding-right:9px;
 background:transparent url('/images/definition-list-item-separator.gif') no-repeat center right;
}
#sidebar dd {
 font-size:10px;
 line-height:14px;
 margin-bottom:7px;
 display:block;
}
#sidebar div#socialTagging {
 height:34px;
 background:transparent url('/images/sidebar-header-background-short.gif') repeat-x top center;
 padding:16px 10px;
 margin:6px 0 12px 0;
}

/* ---- =footer! --------------------------------------------------------- */
#footer{ 
 background-color:#FFF;

 position:relative;
 padding:5px 24px 12px 24px;
}
#footer p {
 font-size:9px;
 margin:3px 0;
}
#footer em {
 font-style:normal;
}

#tnails {
margin-bottom: 12px;
}

.imgWrap {
float: left;
margin-right: 10px;
}

.imgWrap img {
float: left;
}

.imgWrap p {
clear: left;
}

blockquote {
margin-left: 20px;
}