/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @ Modified by Studio for Spatial Practice 2010
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color:#666666;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color:#666666; }
a:active { text-decoration: none; color:#333333; }
a:visited { text-decoration: none; color:#666666; }
a:hover { text-decoration: none; color:#333333; }

a img { border: none; }

/*
*Controls Section Titles Grey bars and text
*/

li.section-title { 
	text-decoration: none; 
	color:#666666; 
	margin-bottom: 0px; 
	padding: 1px 1px 1px 5px; 
	background-color:#EBEBEB;
	font-size: 10px;
	font-weight: bold;
}

/*
*Controls Menu Column Div ID Tag placement 
*Menu is top layer and fixed with a white background
*Overflow auto adds scroll bar in short window
*/
#menu {
    width: 190px;
	overflow:visible;
    top: 20px;
    bottom: 0;
	left: 20px;
    position: fixed;
    height: 100%;
	background-color:#FFFFFF;
	z-index: 1;
}


#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { cursor: pointer; }

/*
*Controls Exhibit Content  Div ID Tag placement 
* margin top right bottom left
*/

#content {
    /* width: 900px; */
	/* overflow:hidden; /*Auto adds scroll to just the content box*/
	/* float: left; */
	top: 0px;
	left: 0px;
    margin: 10px 0 0 210px;
    height: 100%;
	/* position:inherit ; /* AutThis adds weird vertical scrolling*/
}

/*
*Controls Menu Column Div Tag class
*/

.container {
    padding: 5px 5px 25px 5px;
}

/*
*Controls Exhibit Content Div Tag class
*/


.container-menu {
    width: 900px;
	overflow:hidden:;
    padding: 40px 5px 25px 25px;
}


#content p { margin-bottom: 9px; }


p {
    margin: 0 0 9px 0;
}

h1 { 
	text-decoration: none; 
	color:#000000; 
	margin-bottom: 10px; 
	padding: 0px 0px 0px 5px;
	background-color:#FF9900;
	font-size: 11px;
	font-weight: bolder; 
}

/*This controls Text properties of news over image */ 
h2 { 
	text-decoration: none; 
	color:#FFFFFF; 
	text-align: center; 
	padding: 20px 0px 0px 20px;
	font-size: 20px;
	font-weight: bolder; ;
 }

/*This controls Text properties of news after image */ 
h3 { font-size: 13px; 
	color:#999999;
	text-align: center; 
	font-weight: bolder; }

h4 { font-size: 8px; 
	font-weight:lighter;
	font-family: Verdana, sans-serif;
	color:#666666;
}

.image {
	position:relative;
}

/*This controls image divs for news */ 
.news-image {
	position:absolute;
	top:120px; 
	left:240px;
	width:450px;
}

/*This controls text within news-images for news */ 
.news-text {
	position:absolute;
	top:10px; /* in conjunction with left property, decides the text position */
	left:10px;
	width:400px;
}

/*This does a single narrow column div */ 
.firm-text {
	position:absolute;
	top:120px; 
	left:240px;
	width:210px;
}

/*This does a single div at align height */ 
.drop-text {
	position:absolute;
	top:120px;
}


/*.image .text {
	position:absolute;
	top:10px; /* in conjunction with left property, decides the text position 
	left:10px;
	width:400px; 
} */


#img-container	{ 
	margin: 0; 
	padding: 0; 
}
	
#img-container p	{ width: 170px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }