body {
	background-color: #e3e3e3; 
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bodybgstripe.gif);
	background-repeat: repeat-x;
	background-position: 0px 143px;
}

* html body { background-position: 0px 142px; }

div, p, td, th, li, a, input, select, textarea { font-family: Tahoma, arial, helvetica, sans-serif; font-size: 13px; color: inherit; }

p, h1,h2,h3,h4 { margin: 0px 0px 1em 0px; }

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
img { border: 0;}
a.Arrow { font-weight: bold; text-decoration: none; font-size: 150%; }

.FloatRight { float: right; }
.FloatLeft { float: left; }

img.FloatRight { margin: 0px 0px 0px 10px; }
img.FloatLeft { margin: 0px 10px 0px 0px; }

img.Border { border: 1px solid #ccc; }

.Clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.Hidden { display: none; }

/* unordered list styles */

ul { margin: 0px; padding: 0px; }

ul.HNav {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.HNav li { float: left; display: inline; }

ul.VNav {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.VNav li { line-height: 150%; }

ul.VNav ul { margin-left: 1em; }

p.Message { line-height: 200%; }


select { width:350px; border: 1px solid #ccc; padding: .5em; margin-bottom: .5em; }
input.Text { width: 95%; border: 1px solid #ccc; padding: 0.3em; margin-bottom: .5em; }
input.Radio { margin-top: .75em;  }
textarea { width: 95%; height: 15em; padding: 1px 5px 2px 5px; border: 1px solid #ccc; }
p.Error { line-height: 200%; margin: .5em 0px; padding: 0px 0.3em; margin-bottom: 0px;  }
button { background: #888a8e; border: 1px solid #888a8e; color: white; padding: 1px 8px 2px 8px; cursor: pointer; vertical-align: top; }
input.Image { vertical-align: top; margin-top: 2px; margin-left: 2px; }

/* table layouts */

table.Form tr th { text-align: right; vertical-align: top; padding: .5em .5em .5em 0px; }
table.Form tr td { text-align: left; vertical-align: top; padding-bottom: 0em;  }
table.Form tr td select { width: 350px; }
table.Form tr td input.Text { width: 350px; }
table.Form tr td textarea { width: 350px; }



/* general page layout */
div#Container { 
	width: 814px; 
	text-align: left;
	margin: 60px auto 0px auto;
	background: #fff url(../images/sidebar-background.gif) repeat-y;
	position: relative;
}




/* HEADER */
div#Header { 
	height: 105px;
	position: relative;
	margin: 0px;
	padding:0px;
}

* html div#Header { margin-bottom: -1px; }

	div#Header img#Logo {
		position: absolute;
		top: 32px;
		left: 620px;
	}
	div#Header div#CornerNav { 
		position: absolute; 
		top: -7px; left: 0px; 
		background-color: #e3e3e3;
		width: 106px;
		height: 84px;
		padding: 0px 10px 10px 0px;
		text-align: right;
	}
	div#Header div#CornerNav a { font-size: 13px; line-height: 135%; text-decoration: none;}
	div#Header div#CornerNav ul.VNav li { line-height: 135%; }

	div#Header div#MainNav { 
		position: absolute; 
		bottom: 0px; left: 0px; 
		background-color: #afafb0; 
		height: 22px;
		width: 100%;
		vertical-align: bottom;
	}

	div#Header div#MainNav div.ColorBar { background-color: #9c9c9d; width: 116px; float: left; height: 22px;}
	div#Header div#MainNav a { font-size: 14px; color: #FFF; text-decoration: none;}
	
	
	div#Header div#MainNav ul.HNav { margin-left: 155px; }

	div#Header div#MainNav ul.HNav li.Selected { border-top: 1px solid #f00; }
	div#Header div#MainNav ul.HNav li a { 
		width: 76px; 
		text-align: center; 
		display: block;  
		line-height: 22px; 
	}
	div#Header div#MainNav ul.HNav li.Selected a { line-height: 21px; }
	
	div#Header div#MainNav ul.HNav li.separator1 a { width: 9px; background-color: #5b5f64; }
	div#Header div#MainNav ul.HNav li.separator2 a { width: 9px; background-color: #797b80; }
	
	div#Header div#MainNav ul.HNav li.portfolio a { 
		background-color: #75787d; 
	}
	div#Header div#MainNav ul.HNav li.tour a { 
		background-color: #888a8e; 
	}
	div#Header div#MainNav ul.HNav li.people a { 
		background-color: #9c9d9f; 
	}
		
	/* MAIN NAV TOP BITS */
	div#TopBits { position: absolute; top: -83px; left: 155px; }
	div#TopBits div { width: 94px; height: 58px; margin-left: -9px; margin-top: 25px; }
	div#TopBits div:hover { cursor: pointer; }
	div#TopBits div.NoHover:hover { cursor: normal !important; }
	div#TopBits div.Selected { height: 83px;   margin-top: 0px; }
	div#Header div#MainNav div#TopBits div.portfolio  {
		float: left;
		background-color: #000;
		opacity: .30;
		filter: alpha(opacity=30);
		margin-left: 0px;
		width: 85px;
	}
	div#Header div#MainNav div#TopBits div.tour  {
		background-color: #000;
		opacity: .2;
		filter: alpha(opacity=20);
		float: left;
	}
	div#Header div#MainNav div#TopBits div.people  {
		background-color: #000;
		filter: alpha(opacity=10);
		opacity: .1;
		float: left;
		width: 85px;
	}
	
	
	/* SEARCH BOX */
	div#Header div#MainNav div#Search { color: #FFF; position: absolute; left: 595px; top: 0px; font-size: 14px;  }
	* html div#Header div#MainNav div#Search { top: -2px; }
	div#Header div#MainNav div#Search form {  padding: 0px; margin: 0px; display: inline; }
	div#Header div#MainNav div#Search input {  width: 118px; vertical-align: middle;  padding: 2px 10px 1px 10px; margin: 0px; border: 1px solid #e3e3e3;  height: 17px; line-height:15px; background-color: #e3e3e3; }

div#Sidebar {
	float: left;
	width: 116px;
/*	margin-right: 38px; */
	min-height: 397px;
}

	div#Sidebar div#SideNav { background-color: #d5d5d8; text-align: right; padding: 10px 10px 10px 0px;}
	ul.VNav li { line-height: 150%; white-space: nowrap;  }
	ul.VNav li a { color: #5b5f64; text-decoration: none;  }
	ul.VNav li a:hover { color: #000;  }
	ul.VNav li.Selected a { color: #bd2925; font-weight: normal; }

div#MainContent {
	width: 650px;
	float: left;
	position: relative;
	color: #5b5f64;
	margin: 32px 0px 32px 39px;
}

body.Tour div#MainContent { margin: 0 } 

	div#MainContent a { color: #858a92; }

	div#MainContent h1 {
		color: black;
		color: #5b5f64;
		font-size: 100%;
		line-height: 1.3em;
		margin-bottom: 1em;
		font-weight: bold;
	}

	div#MainContent h2 {
		font-size: 100%;
		line-height: 1.3em;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	/* Body copy block spacing */
	div#MainContent p,
	div#MainContent blockquote,
	div#MainContent table,
	div#MainContent pre,
	div#MainContent dl,
	div#MainContent ul,
	div#MainContent ol {
		margin-top: 0px; margin-bottom: 1.5em;
	}

	/* Body copy leading */
	div#MainContent p,
	div#MainContent blockquote,
	div#MainContent td,
	div#MainContent pre,
	div#MainContent li {
		line-height: 1.4em;
	}

	div#MainContent ul {
		margin-left: 1.5em;
	}

	div#MainContent li {
		margin-top: 0px;
		margin-bottom: 0.5em;
	}

	div.Figure { float: left; }
	div.Section { margin-bottom: 1em; margin-left: 322px; margin-right: 20px; }

	table.ClientInfo {
		margin-bottom: 2em;
	}

	table.ClientInfo tbody th {
		text-align: right;
		padding-right: 8px;
		font-weight: normal;
		color: #b3b6b8;
		vertical-align: top;
	}
	table.ClientInfo tr.Name td {
		color: black;
	}


div#Footer {
	height: 21px;
	width: 100%;
	background-color: #e3e3e3;
	clear: both;
}

	div#Footer ul.HNav li { margin-right: .75em; font-size: 10px; }

	div#Footer a { font-size: 10px; text-decoration: none; color: #858586; }
	div#Footer a:hover  { text-decoration: underline; }
	div#Footer div.ColorBar { background-color: #cacaca; width: 116px; float: left; height: 22px;}
	
	div#Footer div.Content { color: #858586; margin-left: 155px; line-height: 22px;}

	div#Footer #Facebook { position: absolute; right: 0; bottom: 2px; }



/* PORTFOLIO */
body.Portfolio div#MainContent { height: 370px; }
body.Portfolio div#MainContent div#Player {  }
body.Portfolio div#MainContent div.Content { position: absolute; top: 0px; left: 488px; width: 140px; padding-right: 10px; margin-bottom: 1em; }
body.Portfolio div#MainContent div#PageFlipper { bottom: -30px; right: 0; position: absolute;  }

body.Portfolio div#MainContent div#ItemHighlight { }
body.Portfolio div#MainContent div#ItemHighlight a#Enlarge { float: left; clear: left; margin-top: .5em;}
body.Portfolio div#MainContent div#ItemHighlight a#Enlarge img { vertical-align: middle; }
body.Portfolio div#MainContent div#ItemHighlight a#Hidden { display: none; }
div#PageFlipper ul.HNav li { padding: 0 .25em; width: auto;  }
div#PageFlipper ul.HNav li.Selected a { color: #bd2925; font-weight:bold; }

body.Portfolio div#AssetPopover { 
	color: #ccc; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	/*display: block; 
	visibility: hidden;*/
	height: 100%; 
	width: 100%; 
	z-index: 100;  
	opacity: 1;
	filter: alpha(opacity=100);
	margin: 0;
	}
	
div#AssetPopover div.Screen { 
	position: absolute; 
	top: 0px; left: 0px; 
	height: 100%; 
	width: 100%;
	display: block;
	opacity: .75;  
	filter: alpha(opacity=75);
	background-color: #000;  
	z-index: 1;
	}
	
div#AssetPopover div#PopoverAssets { position: absolute; /*display: block; visibility: hidden;*/ top: 20px; left: 0px; z-index: 99; filter: alpha(opacity=100); opacity: 1; text-align: left;}
div#AssetPopover img#AssetImage { filter: alpha(opacity=100); opacity: 1; }
div#AssetFlipper { margin-top: 1em;}
div#AssetFlipper ul.HNav li { margin-right: .5em; }
div#AssetFlipper ul.HNav li a { color: #ccc; }
div#AssetFlipper ul.HNav li a.Selected { color: #bd2925; font-weight:bold; }

/* PEOPLE */

body.People #MainContent { margin-top: 17px; margin-bottom: 0; width: 659px;}
body.People #Container { padding-right: 0; }
body.People #MainContent h2 { color: #858a92; margin: 1em 0 .5em 0; line-height: 100%; font-weight: normal; font-size: 85%; }
body.People #MainContent p { color: #000; font-size: 85%;}

/* TOUR */
body.Tour #MainContent { margin-left: 16px; height: 375px; width: 675px;}
body.Tour #MainContent #CampusMapContainer { position: relative; }
body.Tour #MainContent #HighlightImage { display: block; z-index: 99; position: absolute; top: 0; left: 0;}
body.Tour #MainContent #CampusMap { position: absolute; top: 0; left: 0; z-index: 1;}
body.Tour #MainContent #HighlightText { position: absolute; right: 0; top: 0;   width: 160px; font-size: 100%; }