@font-face
{
    font-family: 'DSDigitalNormal';
    src: url('fonts/ds-digi-webfont.eot');
    src: url('fonts/ds-digi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ds-digi-webfont.woff') format('woff'),
         url('fonts/ds-digi-webfont.ttf') format('truetype'),
         url('fonts/ds-digi-webfont.svg#DSDigitalNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DSDigitalItalic';
    src: url('fonts/ds-digii-webfont.eot');
    src: url('fonts/ds-digii-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ds-digii-webfont.woff') format('woff'),
         url('fonts/ds-digii-webfont.ttf') format('truetype'),
         url('fonts/ds-digii-webfont.svg#DSDigitalItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MicroSquareRegular';
    src: url('fonts/micr-webfont.eot');
    src: url('fonts/micr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/micr-webfont.woff') format('woff'),
         url('fonts/micr-webfont.ttf') format('truetype'),
         url('fonts/micr-webfont.svg#MicroSquareRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MicroSquareBold';
    src: url('fonts/micrb-webfont.eot');
    src: url('fonts/micrb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/micrb-webfont.woff') format('woff'),
         url('fonts/micrb-webfont.ttf') format('truetype'),
         url('fonts/micrb-webfont.svg#MicroSquareBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MicroSquareBoldItalic';
    src: url('fonts/micrbi-webfont.eot');
    src: url('fonts/micrbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/micrbi-webfont.woff') format('woff'),
         url('fonts/micrbi-webfont.ttf') format('truetype'),
         url('fonts/micrbi-webfont.svg#MicroSquareBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MicroSquareItalic';
    src: url('fonts/micri-webfont.eot');
    src: url('fonts/micri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/micri-webfont.woff') format('woff'),
         url('fonts/micri-webfont.ttf') format('truetype'),
         url('fonts/micri-webfont.svg#MicroSquareItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

ul, ol, dl 
{
	padding: 0;
	margin: 0;
}

li
{
	/* list-style-image: url( bullet.png ); */
	list-style-type: dot;
}

a:link 
{
	color: #fff;
	text-decoration: underline; 
	/* unless you style your links to look extremely unique, 
	it's best to provide underlines for quick visual 
	identification */
}
a:visited 
{
	color: #fff;
	text-decoration: underline;
}

a:hover, a:active, a:focus 
{ 
	/* this group of selectors will give a keyboard navigator 
	the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.container 
{
	width: 1200px;
	margin: 0 auto;
}

.header 
{
	width: 100%;
	height: 100px;
}

.middle
{
	/* border:3px solid #f0f; */
  	width: 100%;
	display: inline-block;
	clear: both;
}

.left
{
	width: 130px;
	float: left;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}

.content 
{
	width: 1060px;
	height: 560px;
	overflow: auto;
	float: left;
}

.content ul, .content ol 
{ 
	padding: 0 15px 15px 40px; 
	/* this padding mirrors the right padding in the headings and 
	paragraph rule above. Padding was placed on the bottom for space 
	between other elements on the lists and on the left to create 
	the indention. These may be adjusted as you wish. */
}

.logo
{
	margin-top: 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

ul.nav 
{
	list-style: none;
	margin-bottom: 15px;
}
	
ul.nav li
{
	font-family: DSDigitalItalic;
	font-size: 24px;
	margin-top: 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	line-height: 1.4;
	list-style-type:none;
	list-style-image:none;
}

ul.nav a, ul.nav a:visited 
{
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align:right;
	padding-right:5px;
	margin: 0;
/*
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -1px -1px #888;
*/
	border: 0px solid #555;
	height:20px;
}

#poes
{
	opacity: 0.56862;	
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;	
}

#poes:hover 
{
	opacity: 1;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus 
{
	color: #FFF;
}

.footer
{
	clear: both;
	height: 30px;
}

html, body
{
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #000000;
	margin: 0px;
	border: 0px;
}

.assnav
{
	float: right;
	height: 60px;
	font-family: DSDigitalItalic;
	font-size: 13px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-top: 10px;
	clear: both;
}

.text
{
	line-height: 175%;
	width: 650px;
	margin-top: 23px;
	margin-left: 25px;
	color: #fcfcfc;
	font-family: MicroSquareRegular;
	font-size: 14px;	
}

.nb
{
	color: white;
}

	
ul.asterix li
{
	list-style-type: none;
	list-style-image: none;
}