/*structure*/
body{
	background:#1C2022 /*url('../images/background_vert_line.gif') 50% 0% repeat-y*/; /*1C2022*/
	color:#FFFFFF;
	text-align:center;
	margin:0 0 1em 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#outer{ /*holds a background*/
	background:url('../images/background_horiz_line.gif') 0 191px repeat-x;/*notice delicate balance of width of image and 1920 screen sizes*/
}

#body{ /*holds all the stuff that displays*/
	text-align:justify;
	margin:auto;
	/*width:727px; /*770-43*/
	/*padding-right:44px;/*notice the discrepency between this and the top; it resolves a rendering issue in IE6 and still works in MF0.9*/
	width:770px;
}

#content{ /*contains text*/
	/*padding-right:10px;*/
}

#footer{
	margin-top:1em;
	text-align:right;
	font-size:x-small;
}

/*headers*/
h1{
	margin:0 0 10px 0;
	padding-top:5px;
	text-align:right;
	width:100%;
	text-align:center;
}
h2{
	text-align:center;
	margin:1em 0 0;
}

/*general*/
a{
	color:#93B1BF;
}
a:hover{
	color:#276E8F;
}

p{
	margin:0 0 1em;
}

img{
	border:0;
}
div{
	margin:0;
	padding:0;
	clear:both;
}

/*special*/
div.picture{
	float:right;
	clear:left;
	width:210px;
	height:200px;
	margin-left:10px;
	display:block;
	font-size:14px;
	background-position:1px 1px;/*for a's border*/
	background-repeat:no-repeat;
}
div.separator{
	width:10px;
	height:200px;
	float:right;
	clear:left;
	background:url('images/spacer.gif');
}

div.picture a{
	display:block;
	width:195px;
	height:200px;/*200-10*/
	padding-left:4px;
	border:1px solid #1C2022;
	color:#1C2022;
	text-decoration:none;
}
div.picture a:hover{
	margin:0px;
	border:1px solid #CCCCCC;
	color:#1C2022;
}
div.picture img{
	height:195px;
	width:1px;
	/*vertical-align:top;*/
}

div.picture span{
	position:relative;
	top:-17px;
	left:0px;
	z-index:0;
	display:block;
	color:#FFFFFF;
	height:1em;
	width:auto;
	margin-bottom:-1em;/*for IE6*/
}

a.none{
	display:inline;
	margin:0;
	border:0;
	height:1em;
	width:auto;
}