/*RESET*/

html, body, form, fieldset {
        margin: 0;
        padding: 0;
	font-family:arial;
	font-size:15px;
        color: #f0e0c0;
}

body{
	background-color:#000;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
        font-family: inherit;
}

.clear { line-height: 0; font-size: 0; clear:both; margin:0; padding:0; height: 1px; }

a { color:#fff; border:none; outline: none; text-decoration: underline; font-weight:bold; }
a:visited { border:none; outline: none; }
a:hover { border:none; outline: none; text-decoration: none;}

a img { border:none; outline: none; text-decoration: none; }
a:visited img { outline: none; }
a:hover img { outline: none; text-decoration:underline; }


/*
You know what? Fuck IE 6 users. When you join the 21st century you can see tranparent PNG's correctly. Until then you get ugly grey backgrounds.
img, div { behavior: url(http://www.imaginarythomas.com/iepngfix.htc) }
*/

.whole{
	width:935px;
	margin:auto;
}
.body{
	width:900px;
	float:left;
	padding-top:20px;
}
.head{
	width:900px;
	height:540px;
	background-repeat:no-repeat;
	float:left;
}
.workingBanner{
	width:900px;
	height:450px;
	padding:50px 0 0 100px;
	margin:auto;
	float:left;
	background-image:url('img/site/fpheader.png');
}
.headline{
	font-size:25px;
	font-weight:bold;
}
.tagline{
	font-size:18px;
	font-style:italic;
}
.topNav{
	width:1000px;
	float:left;
	text-align:right;
	background:#ddf;
	padding:5px 0 5px 0;

}
.left{
	width:250px;
	float:left;
}
.title{
	float:left;
	font-weight:bold;
}
.titleLine{
	width:690px;
	padding:0 0px 10px 0px;
	float:left;
	clear:both;
}
.title a{
        color: #e8e7fa;
	text-decoration:none;

}
.dateBox{
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	float:right;
	width:75px;
	color:#000;
	font-size:11px;
}
.dateBoxMo{
	float:right; 
	clear:both;
	width:75px;
	background-color:#806040;
	color:#fff;
	font-size:13px;
}
.dateBoxDay{
	font-size:20px;
}
.side{
	width:200px;
	float:left;
}
.story{
	float:left;
	width:700px;
	padding:10px 0px 10px 0px;
}
.storyItem{
	float:left;
	width:670px;
	padding:20px 15px 20px 15px;
	border-bottom:5px dotted #453423;
}
.storyAlert{
	float:left;
	width:730px;
	background-image:url('/img/site/red.jpg');
}
.storyTitle{
	float:left;
	width:396px;
	border-bottom:solid 2px black;
}
.images{
	border:solid 5px #806040;
}
.right{
	width:500px;
	float:right;
}
.bubble{
	width:400px;
	float:left;
	color:#000;
}
.current{
	width:394px;
	background:#fff;
	text-align:center;
	border-left:3px solid #555;
	border-right:3px solid #555;
	color:#000;
}

.workCont{
	width:200px;
	float:left;
	margin:10px 0 10px 0;
	text-align:center;
}

.workBox{
	height:250px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background-color:#453423;
}
.workBox h2{
	margin-top:0px;
	padding-top:0px;
}
.work{
	width:990px;
	float:left;
	background-color:#aaa;
	text-align:center;
	padding-bottom:50px;
	background-image:url('/img/site/green.jpg');
	color:#fff;
	border:5px solid #358568;
	margin-bottom:20px;
}

.workMore{
	margin:auto;
	width:800px;
}
.workDesc{
	width:970px;
	float:left;
	background-image:url('/img/site/red.jpg');
	border:5px solid #bd604b;
	padding:10px;
}
.workInfo{
	width:320px;
	float:right;
	background-image:url('/img/site/green.jpg');
	color:#fff;
	border:5px solid #358568;
	padding:10px;
}
.workImg{
	width:1000px;
	text-align:center;
	float:left;
}

.workOtherImg{
	float:left;
	width:1000px;
	text-align:center;
	padding: 20px 0 20px 0;
}

.workImg img{
	border:solid 10px #222226;
}
 .workOtherImg img{
	background:#222226;
	padding:10px;
	float:left;
	margin:20px;
}
.pad10{
	padding:10px;
}
.workList{
	background-image:url('/img/site/blue.jpg');
	padding:10px 0 10px 0;
}
.workListLeft{
	border-top: 5px solid #3c4aa8;
	border-bottom: 5px solid #3c4aa8;
	border-left: 5px solid #3c4aa8;
	padding:20px;
	width:400px;
}
.workListRight{
	border-top: 5px solid #3c4aa8;
	border-bottom: 5px solid #3c4aa8;
	border-right: 5px solid #3c4aa8;
	padding:20px;
	font-size:17px;
	font-weight:bold;
	color:#e2e4f3;
}
.nav{
	float:left;
	width:200px;
	background-image:url('img/site/border-middle-sm.png');
}
.nav a{
	padding-left:10px;
	height:30px;
	display:block;
	width:180px;
	clear:both;
	float:left;
	color:#f6fef0;
	font-weight:bold;
	font-size:13pt;
}
.nav a:hover {
	background-color: #e8e7fa;
	color:#10222b;
}
.navdivider{
	padding-left:10px;
	height:30px;
	display:block;
	width:150px;
	clear:both;
	float:left;
	color:#10222b;
	font-weight:bold;
	font-size:15pt;
}
.foot{
	float:left;
	width:900px;
}
.foot a{
	font-size:17px;
	font-weight:bold;
	color:#e8e7fa;
}
.footnotes{
	font-size:12px;
	float:left;
	width:900px;
}
.footnotes a{
	font-size:12px;
}