/************** MAIN SITE *****************/
body
{
	margin:0px 0px 0px 0px;
	
	
}

.site
{

	
	
}


/************** LEFT NAV *****************/

.nav_column
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 230px;
}

ul.nav
{
	list-style-type: none;
	
	margin-top: 0px;
	padding-left: 0px;
}

ul.nav li
{
	font-family:  Times, serif;
	font-size: 18px;
	line-height: 26 px;
	font-weight: bold;
	
	margin: 3px 0px;
}

ul.nav li.logotype
{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .05em;
	margin-top: 2px;
	
}

ul.nav a
{
	text-decoration: none;
	color: #000000;

}


ul.nav a span
{
	background-color:#FFFFFF;
	line-height: 20px;
	padding: 2px 5px 1px 5px;
}


ul.nav a:hover span
{
	background-color: #EEEEEE;
}


ul.nav a span
{
	position: relative;
	z-index:100;
	background-color: white;
	padding-top: 4px;
	
}

ul.nav a br + span
{
	z-index:10;
	position: relative;
	top: -1px;
	padding-bottom: 2px;
	
}


ul.main_nav
{
	margin-top:0px;
}

ul.main_nav li
{
	text-transform: lowercase;
	
}

ul.main_nav a span
{
	/*background-image: url("images/slash1.gif");
	background-repeat: no-repeat;*/
	background-color:#FFFFFF;
	line-height: 20px;
	margin-left: 0px;
	padding-left: 5px;
	
}
/*
ul.main_nav a span:before{
		content:"/ ";
	}
ul.main_nav li.logotype a span:before{
		content:"";
}*/


ul.sub_nav
{
	margin-top: 80px;
}


ul.archive_nav a 
{
	position: relative;
	z-index:100;
	background-color: white;
	padding: 4px 10px 2px 5px;
	
}
/************** CONTENT *****************/

.content_column 
{
	position:relative;
	left:230px;
	width: 750px;
}

.content_column h1,
.content_column h2,
.content_column h3

{
	
	font-family: Times, Serif;
	font-weight: bold;
	font-size: 70px;
	line-height: 70px;

	clear: both;
	margin: 0px;
}

.content_column h1 a,
.content_column h2 a,
.content_column h3 a
{
	color: black;
	text-decoration:none;
}

.content_column h2{
	font-size: 40px;
	line-height: 40px;
	
}

.content_column h3{
	font-size: 24px;
	line-height: 24px;
}



.content_column h1 span,
.content_column h2 span,
.content_column h3 span
{
	position: relative;
	z-index:100;
	/*fix decender cropping issue in safari by z ordering with first line higher*/
	
	background-color: white;
	padding: 2px 10px;

	
}

br.gap{
	line-height:50px;	
}

div.gap{
	height:50px;	
}




.content_column h1 br + span
{
	z-index:10;
}



.content_column .content.narrow
{
	width: 530px;
}




.content_column  p
{
	width: 550px;
	background-color: white;
	margin: 0px 0px;
	padding: 6px 15px 6px 10px;
	clear: both;
	
	font-family: Times, serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: black;
	
	text-align: justify;
}

.content_column  p.narrow
{
	width: 530px;
	
}



.content_column a
{
	text-decoration: none;
	color: #FF00FF;	
}

.content h2
{
	margin: 0px;
	
	font-family: Times, serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
}








.content_column  div.media img
{
	padding: 10px;
	background-color:#FFFFFF;
	display: block;	
	
}

.content_column  div.media .swf_div
{
	padding: 10px 10px 0px 10px;
	float: left;
	background-color:#FFFFFF;
	display: block;	
}




.content_column div.media img.flushleft{
	
	padding-left: 0px;	
}

.content_column div.media img.flushright{
	float: left;
	padding-right: 0px;	
}


.content_column div.media img.flushtop{
	
	padding-top: 0px;	
}
.content_column div.media img.flushbottom{
	
	padding-bottom: 0px;	
}









/************** Project Team *****************/

.content_column ul.credits
{
	
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-color: white;
	width: 550px;
	padding-left: 10px;
}



.content_column ul.credits.simple{
	padding-top: 10px;
}

.content_column ul.credits li
{
	font-family: Times, Serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	padding-top: 10px;
	
}

.content_column ul.credits.simple li
{
	padding-top: 0px;

}



.content_column ul.credits li .role
{
	
	font-family: Times, Serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}



.content_column ul.credits ul
{
	list-style: none;
	padding-left: 20px;
}

.content_column ul.credits ul li
{
	list-style: none;
	padding-top: 0px;
}

.content_column p.extra
{
	font-family: Times, Serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
}



/************** FOOTER *****************/
div.footer{
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 10px;
	
	
	padding: 10px 10px 10px 10px;
	background-color: white;
	
	text-transform: uppercase;
	
	width: 400px;
}


/************** TODO *****************/

.aux_column {
	position:absolute;
	left:766px;
	top:452px;
	width: 100px;
	
}
/*aux styles*/
.aux_column ul
 {
	list-style-type: none;
	font-family: Georgia,Helvetica,"Trebuchet MS",Verdana,Geneva,Georgia,Times,Serif;
	font-size: 14px;
	font-weight: bold;
	margin-top:0px;
	padding-left:0px;
}
.aux_column ul li
 {
	display:inline;
	background-color:#FFFFFF;
	padding: 0px 5px 0px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.aux_column ul a
 {
	text-decoration: none;
}
/************** Contact **************/
div.contact{
	width: 570px;
	background-color: white;
	padding-top: 5px;
}

div.contact textarea{
	width: 545px;
	height: 200px;
	margin: 10px;
	border: 1px solid black;	
	padding: 2px;
	

	font-family: Georgia, Serif;
	font-size: 18px;
	font-weight: normal;
	
}
div.contact input.email{
	width: 545px;
	height: 24px;
	border: 1px solid black;	
	padding: 2px;
	

	font-family: Georgia, Serif;
	font-size: 18px;
	font-weight: normal;
}

div.contact span.label{
	margin-left: 10px;
}
div.contact input{
	margin-left: 10px;
	margin-bottom: 10px;
}
/*

<div class = "contact"><form method="POST" action="">
<textarea name = "message" class="message">Dear TSFIM,</textarea>
<span class="label">Your Email Address:</span><br/>
<input class = "email" name = "email" /> <br/>
<input type= "hidden" name="action" value="send_message" />
<input type= "submit" value="Send Message"/>
</form>
</div>
*/