/* CSS Document */

body{
	padding: 10px;
	margin: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	background-color:#EDEDED; 
	height:100%;
	}

#content{}

html,body{
	height:100%;
	}

#main{
	padding: 10px;
	margin:auto;
	height:100%;
	width: 760px;
	min-height:100%;/*for mozilla*/
	background-color:#FFFFFF;
	Position:relative;
	}

html>body #main {height:auto}/*for mozilla */	
	

#last{padding-right:0px!important;}



/* ----Top Navbar Styles------- */
#header{
	margin: 0px;
	padding:0;
	height:0px;
	}
#bglightbar{
	width: auto;
	padding: 7px 0 4px 0;
	margin: 0px 0 0 266px;
	background-color:#ececec;
	}

#sectionnav{
	width: auto;
	background:#666666;
	margin:0px;
	padding: 0px;
	display:none;
	}

#sectionnav a{
	color:#FFFFFF;
	text-decoration:none;
	}

#sectionnav a:hover{
	color:#ededed;
	text-decoration:none;
	}

#sectionnav ul{
	padding:0px;
	margin:0px;

	}

#sectionnav li{
	padding:0px;
	margin:0px;
	display:inline;
	list-style:none;
	padding: 0px 25px 0px 5px;
	font-size:1.2em;
	text-transform:uppercase;
	color:#FFFFFF;
	}
	

/* -------Metaforas and Thinking Through Techn ------- */

#bgbox{display:inline;}


#title{display:inline;}

#subtitle{display:inline;}

h1 {color:black; display:inline; text-decoration:none;}
h2 {color:black; display:inline;}


/* -------- Subnavigation Styles ----------- */

#subnav{
	width:195px;
	height: 100%;
	float:left;
	display: none;
	}

#subnav a{
	color:#000;
	text-decoration:none;
	}

#subnav a:hover{
	color:#999;
	text-decoration:none;
	font-weight:bold;
	}

#subnav h3{
	color:#666666;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	padding:0px 0 0 8px;
	margin: 0px;
	}

#subnav ul{
	padding: 0px 0px 0px 18px;
	margin:0px;
	}

#subnav li{
	list-style:none;
	padding: 10px 0 5px 0;
	margin:0px;
	font-weight: bold;
	font-size:0.95em;
	}

/* ----------------------------------- */
#lagn{
	width: 170px;
	right: 0px;
	float: right;
	padding:0 0 0 0;
	margin-bottom:15px;
	display: none;
	}

/* --------Text Styles------------- */


#text{
	margin: 80px 20px 0px 20px;
	}

#text h3{
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	padding:0px;
	margin: 0 0 3px 0;
	}

#text p{
	margin-top: 0px;
	}

.photo{
	width:200px;
	margin:5px;
	border: 1px solid #000;
	float: left;
	}

.caption{
	text-align:center;
	padding:0px 0 0;
	margin:0px 0 3px;
	}


alttag{
	display:none;
	visibility:hidden;
	}
	
#footer { margin: 50px 0 0 198px; position: relative; bottom: 10px; display: block;
	}

#footer a { text-decoration: none; color: #666;  }



/* ------ Quote Styles---------- */

.quote {
	border:1px solid black;
	margin:7px;
	padding:5px;
	}

.quote .quoted{
	font-size:.9em;
	font-style:italic;
	}

.quote .quoted .source{
	font-style:italic;
	font-size:.9em;
	}

.nofloatquote { font-style: italic; font-size: 11px; margin:5px 0 5px 0; }




/* ----------------------------------- */



.leftimg{ font-size: 10px; float: left; margin: 10px 10px 10px 0;}

.leftimg .caption{font-style:italic; text-align:right; padding:3px;}

.rightimg{ font-size: 10px; float: right; margin: 10px 0 10px 10px;}

.rightimg .caption{font-style:italic; text-align:right; padding:3px;}




/* -------- Orphaned Styles ------- */


#sublagn1{
	border-bottom: 2px solid #FFF;
	height: 150px;
	background-color: #CCCCCC;
	}

#sublagn2{
	border-bottom: 2px solid #FFF;
	height: 150px;
	background-color: #CCCCCC;
	}

#sublagn3{
	border-bottom: 2px solid #FFF;
	height: 75px;
	background-color: #CCCCCC;
	}

#sublagn4{
	border-bottom: 2px solid #FFF;
	height: 75px;
	background-color: #CCCCCC;
	}


#extranav{
	position:absolute;
	top: 0px;
	width: 160px;
	height: 15px;
	margin: 25px 0px 0px 600px;
	text-transform: uppercase;
	color: #CCCCCC;
	font-size:0.8em;
	}

#extranav a{
	color:#CCCCCC;
	text-decoration:none;}

#extranav a:hover{
	color:#CCC;
	text-decoration:underline;
	}
#picnav{
	position:absolute;
	top: 0px;
	margin: 80px 0 0 300px;
	}

.pn{
	width:81px;
	height:100px;
	float: left;
	margin:7px;
	padding:0px 0 0 0;
	text-align:center;
	}

.cap{
	display:block;
	text-transform:uppercase;
	margin-top:80px;
	padding:2px;
	font-size:.75em;
	}

.cap a{
	padding-top:80px;
	text-decoration:none;
	color:#666;
	}

.cap a:hover{
	padding-top:80px;
	text-decoration:underline;
	color:#666;
	}

.compbox{ color:#000; font-size:12px; background-color:#9ebc7e; padding:5px; margin:15px 20px 15px 0;}
.compbox h3{color:white; font-size:18px; display:inline; }
.compbox p{padding:7px 0 0 0;}


div#main_text div#breadcrumb { width: 500px; font-size: 9px; text-decoration: none; }

div#main_text div#breadcrumb a { color: #666; text-decoration: none; }

div#main_text div#breadcrumb a:hover { color: #333333; text-decoration: underline; }

div#main_text div#breadcrumb span.on { font-weight: bold;}


#breadcrumb { width: 500px; font-size: 9px; text-decoration: none; display:none;}

#breadcrumb a { color: #666; text-decoration: none; }

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

#breadcrumb span.on { font-weight: bold;}
.quote{


/* lw addition 

div#main_text table#ci { width:540px; margin: 0 20px 0 0; }

div#main_text table#ci p.more { font-style: italic; font-size: 11px; }

div#main_text table#ci p.by { font-style: italic; font-size: 9px; }

div#main_text div#wb_copy { width:540px; margin: 20px 20px 0 0; float:left; }

div#main_text div#wb_copy p { height: 800px; }

div#main_text div#wb_copy p span.lagniappe { float: right; padding-left: 20px; }

div#main_text div#wb_copy p span.img_left { font-size: 9px; float: left; text-align: top; padding: 10px 10px 10px 0;}

div#main_text div#wb_copy p span.more { margin: 35px; font-style: italic; font-size: 12px; display: block; }

div#main_text div#wb_copy p.img { float: left; }

div#main_text div#medium_copy { margin: 20px 20px 0 0; float:left; }

div#main_text div#medium_copy p { height: 800px; }

div#main_text div#medium_copy p span.lagniappe { float: right; padding-left: 20px; }

div#main_text div#medium_copy p span.img_left { font-size: 9px; width: 252px; float: left; text-align: top; }

div#main_text div#medium_copy p span.more { margin: 50px; font-style: italic; font-size: 12px; display: block; }

div#main_text div#medium_copy p.img { float: left; }

/*CD addition

#cd { width:540px; margin: 20px 20px 0 0; float:left; }

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

.rightimg{ font-size: 10px; float: right; padding: 10px 10px 10px 0;}

.rightimg .caption{ font-style:italic; text-align:left; padding:3px;}*/