body
	{
	margin: 0;
	font: 11px Verdana, sans-serif;
	text-decoration: none;
	color: black;
	background: #f2f2f2;
	}

.mainBox
	{
	z-index: 2;
	position: relative;
	margin: 0px auto 0px -400px;
	width: 800px;
	min-height: 700px;
	left: 50%;
	top: 0px;
	bottom: 0px;
	padding: 0px 0px 70px 0px;
	border-left: 6px solid #eeeeee;
	border-right: 6px solid #eeeeee;
	border-bottom: 6px solid #eeeeee;
	background: white url('http://www.artinsocialstructures.org/images/logo_small.gif') no-repeat;
	background-position: 740px bottom;
	display: block;
	overflow: hidden;
	}

.navbar
	{
	z-index: 2;
	position: absolute;
	top: 70px;
	left: 325px;
	width: 465px;
	margin: 0px auto 0px 0px;
	color: #999999;
	text-decoration: none;
	background: #F3EFEE;
	}

.navigation
	{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 4px 10px;
	border-right: solid white 2px;
	color: #b0b0b0;
	text-decoration: none;
	}

.navigation :visited
	{
	color: #999999;
	text-decoration: none;
	}

.navigation :link
	{
	color: #999999;
	text-decoration: none;
	}

.navigation :active
	{
	color: #c15a23;
	text-decoration: none;
	}

.navigationCurrent
	{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 4px 10px;
	border-right: solid white 2px;
	color: black;
	text-decoration: none;
	}


@font-face {
	font-family: "KombinatHeader";
	src: 
		url("fonts/KombinatHeader.woff") format("woff"),
		url("fonts/KombinatHeader.otf") format("opentype");
			font-stretch: normal;
			font-style: normal;
			unicode-range: U+20-7E, U+A0-A3, U+A5, U+A7-A9,
				U+AB, U+AF-B1, U+B4, U+B6-B8,
				U+BB, U+BF-CF, U+D1-D6, U+D8-DD,
				U+DF-EF, U+F1-FD, U+FF, U+131,
				U+152-153, U+160-161, U+178, U+17D-17E,
				U+192, U+2C6-2C7, U+2D8-2DD, U+2013,
				U+2018-201A, U+201C-201E, U+2020, U+2022,
				U+2026, U+2039-203A, U+2122, U+2264-2265;
	}
	
.pageHeader
	{
	font-family: "KombinatHeader", Lucida Sans Unicode, Lucida Grande, Lucida Sans Unicode, Geneva, Arial, Verdana, sans-serif;
	position: relative;
	clear: both;
	top: 22px; 
	left: 326px;
	width: 464px; 
	min-height: 32px;
	margin: 0px 0px 24px 0px;
	font-size: 32px;
	letter-spacing: 0.04em;
	}

.NarrowGrey
	{
	z-index: 3;
	position: relative;
	float: right;
	clear: both;
	width: 400px;
	min-height: 30px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 10px 4px;
	background: #F3EFEE;
	}
	
.NarrowWhite
	{
	position: relative;
	float: right;
	clear: both;
	width: 400px;
	min-height: 30px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 10px 4px;
	}
	
.WideGrey
	{
	z-index: 3;
	position: relative;
	float: right;
	width: 465px;
	min-height: 30px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 10px 4px;
	background: #F3EFEE;
	}
	
.WideWhite
	{
	z-index: 3;
	position: relative;
	float: right;
	width: 464px;
	min-height: 30px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 10px 4px;
	}

.FullWidthWhite
	{
	z-index: 3;
	position: relative;
	float: left;
	width: 780px;
	min-height: 30px;
	margin: 4px 10px 0px 10px;
	}

.bottomBoxFrontDoor
	{
	z-index: 1;
	position: absolute;
	width: 325px;
	bottom: 0px;
	left: 10px;
	min-height: 30px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 20px 4px;
	background: white;
	}

.bottomBox
	{
	z-index: 1;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 10px;
	min-height: 20px;
	margin: 4px 10px 0px auto;
	padding: 4px 0px 10px 4px;
	}
	
.captionLabel
	{
	position: relative;
	float: left;
	margin-right: 10px;
	color: #777777;
	}
		
.pullQuote 
	{
	color: #033;
	width: 150px;
	height: 100px;
	background: white;
	filter: alpha(opacity=90);
	opacity: .90;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, Georgia;
	font-size:  18px;
	line-height: 16px;
	text-align:  right;
	}

.dropthecap
 	{
	 float:left;
	 margin-top: 0px;
	 color: black;
	 padding-top: .2em;
	 font-size: 36pt;
	 height: 1em;
	 font-weight: bold;
	 font-family: 'times','Times New Roman';
	 } 

	
.smallGreyText
	{
	color: #999999;
	font-size: 9px;
	line-height: 11px;
	}

.small
	{
	color: #000000;
	font-size: 9px;
	line-height: 11px;
	}

.acronym
	{
	text-decoration: none;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	font-size: 14px;
	font-weight: bold;
	}

em, q
{
	font-style: italic;
}

h3
	{
	font-weight: bold;
	font-family: Verdana, 'Lucida Grande', Geneva, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	}
	
strong
	{
	font-weight: bold;
	}

a:hover  {
	color: red;
	text-decoration: underline; 
	}
                        
a:visited  
	{
	color: #4d4d4d;
	text-decoration: none; 
	}

a:link  
	{
	color: #cc6600;
	text-decoration: none; 
	}


.statcounter
	{
	z-index: 1;
	position: fixed;
	left: 10px;
	bottom: 18px;
	color: #6f6f6f;
	font-size: 10px;
	line-height: 13px;
	}

.statcounter :hover
	{
	color: black;
	}

.statcounter :visited
	{
	color: #6F6F6F;
	text-decoration: none;
	font-weight: bold;
	}

.statcounter :link
	{
	color: #bfbfbf;
	text-decoration: none;
	}

.statcounter :active
	{
	color: #bfbfbf;
	text-decoration: none;
	}

.statcounterImage
	{
	position: absolute;
	left: 340px;
	bottom: -1px;
	}