/* Used to trick floating issues */
div.clearfloat{
	clear:both;
	overflow:hidden;
	height:1px;
}

body{
	font-size: 12px;
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	color:#DBDBDB;
	background-image:url(images/background.gif);	
}


#mastheadcontainer{
	background-image:url(images/masthead_background.gif);
	background-position:center left;
	background-repeat:repeat-y;	
	padding:0px;
	margin:0px;
	height:103px;
}
#masthead{	
	margin-left:auto;
	margin-right:auto;
	height:103px;
	width:778px;
}

#pagecontainer0{	
	background-image:url(images/masthead_background1.gif);
	background-position:center left;
	background-repeat:repeat-y;
	padding:0px;
	margin:0px 0px 0px 0px;
	height:auto;
			
}


#page{	
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	width:778px;
}

#pageright{
	width:303px;
	padding:0px 0px 0px 0px; 	/* padding 6 is supposed to be on the right side - something inside the default page is causing it to grow when altered to correct padding - fix later */
	background-color:#000000;
	background-image:url(images/background_04.gif);
	background-position:center left;
	background-repeat:repeat-y;

}
	  
#page #navigation{
	width:200px;
	background-color:#8f8b8b;
	float:left;
	height:auto;
	
}
#page #content{
	margin:0px 0px 0px px;
	padding:0px;
	width:578px;
	float:left;
	background-color:#000000;
	overflow:hidden;
}



#pagefooter{
	padding:16px 0px 16px 0px;
	background-color:#000000;
	
}
#pagefooter #links{
	/* background-color:#99FF66;  */
	/* 735px */
	padding:0px 0px 0px 40px;
}
#pagefooter #links ul{
	margin:0px;
	padding:0px;
}
#pagefooter #links ul li{
	font-size:12px;
	height:16px;
	float:left;
	padding:0px 6px 0px 7px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background-image:url(images/s_pipe.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
/* */
#pagefooter #links ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0px;
	margin:0px;
	color: #DBDBDB;
	text-decoration: underline;
}
#pagefooter #links ul li a:visited{
	color: #DBDBDB;
	text-decoration: underline;
}
#pagefooter #links ul li a:visited:hover{
	color: #908f8f;
	text-decoration:underline;
}
#pagefooter #links ul li a:hover{
	color: #908f8f;
	text-decoration:underline;
	background-image:url(images/.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
#pagefooter #links ul li a:active{
	color: #8f8b8b;
	text-decoration: underline;
	display:block;
}
#pagefooter #links ul li a:active:hover{
	color: #908f8f;
	text-decoration:underline;
}

#pagefooter #links ul li.first{
	padding:0px 6px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background-image:none;
}
#pagefooter #legal{
	padding:6px 0px 0px 0px;
	font-size:10px;
	clear:both;
	text-align:center;
}
#pagefooter #privacy{
	padding:3px 0px 0px 200px;
}
#pagefooter #privacy ul{
	width:200px;
	margin:0px;
	padding:0px;
}
#pagefooter #privacy ul li{
	font-size:10px;
	height:16px;
	float:left;
	padding:0px 6px 0px 7px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background-image:url(images/s_pipe.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}
#pagefooter #privacy ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0px;
	margin:0px;
	color: #8f8b8b;
	text-decoration: none;
}
#pagefooter #privacy ul li a:visited{
	color: #8f8b8b;
	text-decoration: none;
}
#pagefooter #privacy ul li a:visited:hover{
	color: #908f8f;
	text-decoration:underline;
}
#pagefooter #privacy ul li a:hover{
	color: #908f8f;
	text-decoration:underline;
}
#pagefooter #privacy ul li a:active{
	color: #8f8b8b;
	text-decoration: none;
}
#pagefooter #privacy ul li a:active:hover{
	color: #908f8f;
	text-decoration:underline;
}

#pagefooter #privacy ul li.first{
	padding:0px 6px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background-image:none;
}


/* gecko applies default space to form elements so this removes it globally */
form{
	margin:0px;
	padding:0px;
}

strong{
	/* color: #3255a2; */
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom : 17px;
padding-bottom: 0px;
margin-top : 0px;
line-height: 18px;
}
p.tight{
	line-height: 14px;
}

p span.bigquotes{
	font-family:georgia;
	font-weight:bold;
	font-size:14px;
}
p div .bigquotes{
	background-color:red;
	font-family:georgia;
	font-weight:bold;
	font-size:14px;
}
p sup{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:9px;
	font-weight:normal;
}
p sub{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
}

p.small{
font-size: 11px;
margin-bottom : 10px;
padding-bottom: 0px;
margin-top : 0px;
line-height: 14px;
}

p.smaller{
font-size: 10px;
margin-bottom : 13px;
padding-bottom: 0px;
margin-top : 0px;
line-height: 12px;
}

p.smallest{
font-size: 9px;
margin-bottom : 13px;
padding-bottom: 0px;
margin-top : 0px;
line-height: 11px;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	letter-spacing : 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	line-height: 20px;
	color:#000000;
	color:#999999;
}
h1.header{
	font-family:Times New Roman, Times, serif;
	font-size:20px;	
	color:#8c8c8c;
	letter-spacing:0px;
	text-transform:uppercase;

	margin: 0px 0px 12px 0px;
	line-height: 20px;
	
}
h1.header span.upsize{
	font-size:28px;
}

h1.navheader{
	font-family:Times New Roman, Times, serif;
	font-size:21px;	
	color:#635312;
	letter-spacing:0px;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	line-height: 28px;
	
}
h1.navheader span.upsize{
	font-size:28px;
}


h1 span.bigquotes{
	font-family:verdana;
	font-weight:bold;
	font-size:18px;
	color:#912c45;
}
h1 sup{
	font-size:9px;
	line-height:9px;
	letter-spacing:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}


h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing : 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	line-height: 17px;  /* test height */
	color:#8f8b8b;
	color:#625310;
	color:#9F8D3B;
}
h2 span.bigquotes{
	font-family:georgia;
	font-weight:bold;
	font-size:15px;
}
h2 sup{
	font-size:9px;
	line-height:187px;
	font-weight:normal;
	letter-spacing:0px;
	font-family: Arial, Helvetica, sans-serif;
}
h3{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	letter-spacing : 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	/* color: #6E7B9B; */
	/* color: #000000; */
	color:#7F7777;

}
h3 span.bigquotes{
	font-family:georgia;
	font-weight:bold;
	font-size:15px;
}

h4{
font-family: Arial, Verdana;
font-size: 12px;
font-weight: bold;
letter-spacing : 1px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
line-height: 14px;
}

h5{
font-family: Arial, Verdana;
font-size: 11px;
font-weight: bold;
letter-spacing : 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
line-height: 11px;
}


/* Anchor tag definition - do not change this order */
a:link{
color: #8f8b8b;
text-decoration: underline;
}
a:visited{
/* color: #790079; */
/* color: #5e087c; */
color: #8f8b8b;
text-decoration: underline;
}
a:visited:hover{
/* color: #790079; */
color: #908f8f;
text-decoration: underline;
}
a:hover{
color: #8f8b8b;
text-decoration: underline;
}
a:active{
color: #908f8f;
text-decoration: underline;
}

/* Fix - required when using XHTML 1.0 Strict
 * Gecko Strict (Standard mode) interprets the position of
 * inline images in relation to the baseline. That is they sit on
 * the baseline allowing a gap for the descending curve of certain
 * lowercase letters
 {
	display:block;
}
 */

img{
	/* display:block; */
}
 
img.border1{
	border:3px solid #FF9900;
}

hr{
	/* cannot seem to remove the border from this tag in IE7 */
	border:none;
	border-style:none;
	height:2px;
	elevation:level;
	outline:none;
	outline-style:none;
	background-image:url(images/rep_dashed.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
}

ul{
	font-size: 12px;
	/* margin: 14px 0px 17px 0px; */
	margin: 14px 0px 17px 10px;
	padding: 0px 0px 0px 2px;
	list-style-type:none;
}

ul li{
	background-image:url(images/b_circle.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	color: #404233;
	margin: 5px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	line-height:14px;
}

ul .circle{
list-style-image: url(/images/limg_bluesquareonwhite.gif);
}
ul li ol{
font-size: 11px;
margin: 15px 0px 15px 20px;
padding: 0px;
 list-style-type: decimal;
 background-image: none;
 list-style: decimal outside none;
}
ul li ol li{
 background-image: none;
 list-style-type: decimal;
color: #395ba8;
margin: 6px 0px 6px 0px;
line-height:14px;
font-size:11px;
}



ol{
	font-size: 12px;
	margin: 14px 0px 17px 2px;
	padding: 0px 0px 0px 0px;
}

ol li{
	list-style:decimal inside;
	color: #555555;
	margin: 2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	line-height:14px;
}


dl{
margin:0px 0px 10px 0px;
padding:0px;
}

dl dt{
	font-size:11px;
	font-weight:bold;
}
dl dd{
	font-size:11px;
	margin:5px 0px 5px 20px;
}

/******************************************************************************************
Global classes
******************************************************************************************/
.ednote{
	background-color: #feff7b;
	color: #ff0000;
	padding:1px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #929300;	
	
}

div.hr{
	height:2px;
	background-color:#848484;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	clear:both;
}


/* menu styles */
.menu01{
	width:164px;
	float:right;
}
.menu01 .title{
	font-weight:bold;
	font-size:14px;
	color:#8f8b8b;
	padding:2px 6px 2px 0px;
	text-align: right;
	background-color:#000000;
	letter-spacing:.10ex;
	margin:0px 0px 8px 0px;
}

.menu01 .item{
	/* width:164px; - 14px */
	width:150px;
	text-align:right;
	padding:1px 14px 1px 0px;
	margin:0px 0px 0px 0px;

	/*
	background-image:url(images/menu01_arrow0.gif);
	*/
	background-image:url(images/menu01_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.menu01 .item:hover{
	/*
	background-image:url(images/menu01_arrow1.gif);
	background-color:#b16e00;
	*/

	cursor:pointer;
}

.menu01 .item a{
	color:#8f8b8b;
	font-size:12px;
	text-decoration:none;
}

.menu01 .item a:link{
}
.menu01 .item a:visited{
}
.menu01 .item a:hover{
}
.menu01 .item a:active{
}


.projectlist .title{
	font-weight:bold;
	font-size:14px;
	color:#635312;
	padding:2px 0px 2px 14px;
	background-color:#E5A913;
	letter-spacing:.10ex;
	margin:0px 0px 3px 0px;
}

.projectlist .project{
	float:left;
	margin-right:3px;
}
.projectlist .project .top{
	height:138px;
	width:138px;
	background-color:#000000;
	margin-bottom:2px;
	background-image:url(images/pp_empty.gif);
}
.projectlist .project .bottom{
	width:138px;
	background-color:#BDD8DC;
	/* min-height:138px; */
	min-height:69px;
	height:69px;
}
.projectlist .project .bottom .status{
	background-color:#b16e02;
	color:#8f8b8b;
	padding:2px 0px 2px 8px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}

.projectlist .project .bottom p{
	color:#666666;
	margin:5px;
}


div.tool-tip {
	padding:5px 5px 5px 15px;
	padding-left:15px;
	font-size:12px;
	width: 180px;
	color: #fff;
	text-align: center;
	background: url(images/tool-tip.png) top left repeat-y !important;
}

table.projectprofile{
	background-color:#BDD8DC;
	color:#666666;
}
table.projectprofile caption{
	font-weight:bold;
	font-size:14px;
	color:#635312;
	padding:2px 0px 2px 14px;
	background-color:#E5A913;
	letter-spacing:.10ex;
	margin:0px 0px 0px 0px;
	text-align:left;
}
table.projectprofile th{
	font-weight:bold;
	color:#000;
}
table.projectprofile ul{
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:disc;
}
table.projectprofile ul li{
	background-image:none;
	color: #404233;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:14px;
}