@charset "utf-8";
/* CSS Document */

HTML {
	MIN-HEIGHT: 100%; 
	MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
}

BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	pading-top: 0px;
	MARGIN: 0px;
	background-color:#CCCCCC;
	COLOR: #666; LINE-HEIGHT: 140%; 
	FONT-FAMILY: arial, helvetica, verdana,  sans-serif; 
	TEXT-ALIGN: center;
	FONT-SIZE: 12px; 
}
TABLE {
	FONT-SIZE: 12px; COLOR: #666; FONT-FAMILY: arial, helvetica, verdana, 	sans-serif; 	TEXT-ALIGN: left
}
TD {
	FONT-SIZE: 12px; COLOR: #666; FONT-FAMILY: arial, helvetica, verdana,  sans-serif; TEXT-ALIGN: left
}
TH {
	FONT-SIZE: 12px; COLOR: #666; FONT-FAMILY: arial, helvetica, verdana,  sans-serif; TEXT-ALIGN: left
}
A:link {
	COLOR: #e87e04; 
}
A:visited {
	COLOR: #545454; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #a4bb33;
}

H1 {
	FONT-SIZE: 17px; COLOR: #e87e04;
	padding-bottom: 5px;
	padding-top:28px;
    margin-top:5px;
	margin-bottom:0px;
}
H2 {
	FONT-SIZE: 12.5px; 
	margin-top:14px;  
	PADDING-BOTTOM: 5px; 
COLOR: #333;
	margin-bottom:2px;
}
H3 {
	FONT-SIZE: 12.5px; COLOR: #00a3b3; margin-top:8px; margin-bottom:3px; PADDING-BOTTOM: 0px;
}
H4 {
	FONT-SIZE: 12px;  
	PADDING-top: 3px; 
	PADDING-BOTTOM: 1px; 
	PADDING-left: 4px; 
	background-color: #dae758;
	width:615px;
	margin-top: 20px;

	COLOR: black;
}
H5 {
	FONT-SIZE: 12px; margin-top:0px; margin-bottom:0px; PADDING-top: 1px; PADDING-BOTTOM: 1px; COLOR: #e36124;
}
H6{
	FONT-SIZE: 12px;  
	PADDING-top: 5px; 
	PADDING-BOTTOM: -3px; 
	margin-top: 4px;
	margin-bottom:-4px;
	COLOR: #e36124;
}
P {
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom:0px;
	PADDING-BOTTOM: 5px;
	line-height:135%;
	max-width:625px;
}

 UL {
	MARGIN-LEFT: 0px;
	margin-bottom: 10px;

		max-width:590px;

}


#mainpart{
padding-left: 40px;

}


#skip {
	DISPLAY: none
}
#container {
	MARGIN: 0px auto; 
	WIDTH: 970px; 
	TEXT-ALIGN: left; 
	background-color: #ffffff;
	position:relative;
}

#strip{
background-image:url(gui/top1.gif);
background-color:#a4bb33;
background-repeat:repeat-y;
height:15px; text-align:right;
font-weight:400; color:#FFFFFF;}
#strip A{
color:#FFFFFF;
font-weight:700;
text-decoration:none;
}
#strip.column{ position:absolute;
left:145px;
top: 0px;
}
#header{background-color:#bed73b;
background-image:url(gui/logo.gif);
background-repeat:repeat-y;
height:82px; }
#mission{position:absolute;
top: 30px;
font-size:15px;
font-weight:700;
line-height:120%;
left: 300px;
}

#shadow{background-image:url(gui/shadowpage.gif);
height: 7px;
}
#side{width:45px;
}

.column {
background-image:url(gui/columnhead.gif);
padding-left:26px;
width:177px;
line-height:110%;
}
.bottomcolumn{
background-image:url(gui/column.gif)}


#nav{
    background-color:#0094A5;
	background-image:url(gui/blu1.gif);
background-repeat:repeat-y;
	position:relative; 
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	list-style-type:none;
	z-index:1000;
	HEIGHT: 23px; 
	padding:0px 0 0px 0px;
	width:970px; 
	Float: left;
}
#nav ul 
{
	padding:0; 
	margin:0; 
	list-style-type:none;/* for Firefox */
}
#nav li,
#nav li a
{
	float:left;
	CURSOR: hand; 
	vertical-align:middle;
/*	display:block; */
	position:relative;/*or else be left justified at edge of container*/
}
#nav li.projects,
#nav li.projects a
{
	background-image:url(gui/projects.gif);
	background-repeat:no-repeat;
	width:80px;
	height:23px;
}
#nav li.programs,
#nav li.programs a
{
	background-image:url(gui/programs.gif);
	background-repeat:no-repeat;
	width:87px;
	height:23px;
}
#nav li.parking,
#nav li.parking a
{
	background-image:url(gui/parking.gif);
	background-repeat:no-repeat;
	width:100px;
	height:23px;
}
#nav li.people,
#nav li.people a
{
	background-image:url(gui/people.gif);
	background-repeat:no-repeat;
	width:175px;
	height:23px;
}
#nav li.public,
#nav li.public a
{
	background-image:url(gui/public.gif);
	background-repeat:no-repeat;
	width:119px;
	height:23px;
}
/*not sure why we need this one, but we seem to...*/
#nav li:hover a,
#nav li a:hover 
{
	border:0;
}
/*when we hover over the list item,
set the rollover image on the anchor element*/
/*IE6 needs us to handle the second event*/
#nav li.projects:hover,
#nav li.projects a:hover
{
	width:80px;
	background-image:url(gui/projects.gif);
	background-repeat:no-repeat;
}
#nav li.programs:hover,
#nav li.programs a:hover
{
	width:87px;
	background-image:url(gui/programs.gif);
	background-repeat:no-repeat;
}
#nav li.parking:hover,
#nav li.parking a:hover
{
	width:100px;
	background-image:url(gui/parking.gif);
	background-repeat:no-repeat;
}
#nav li.people:hover,
#nav li.people a:hover
{
	width:175px;
	background-image:url(gui/people.gif);
	background-repeat:no-repeat;
}
#nav li.public:hover,
#nav li.public a:hover
{
	width:119px;
	background-image:url(gui/public.gif);
	background-repeat:no-repeat;
}
#nav li ul 
{
	visibility:hidden;
/*display:none; */
	position:absolute; 
	top:23px;
	left:0; 
	height:auto;
	width:25em;/*set the width for the whole dropdown*/
	margin:0;
	padding:0;
	overflow:hidden;
	margin:0;
	padding:0;
/*	border:none;*/
	border-bottom:#545454 1px solid;
	border-right:#545454 1px solid;
	border-left:#545454 1px solid;
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type:none;
	vertical-align:middle;
}

/*when the mouse is over the top level items
we set the visibility of inner ul elements*/
/*required  or else no drop down happens*/
#nav li:hover ul,
#nav li a:hover ul
{
	/*display:block;*/
	visibility:visible; 
}


/****************************/
/*each inner ul has it's own inner li and a elements*/
#nav li ul li a,
#nav li.projects ul li a,
#nav li.programs ul li a,
#nav li.parking ul li a,
#nav li.people ul li a,
#nav li.public ul li a,
#nav li.press ul li a/*the last item on the list needs to be there or the background in the drop down has a gif in it. Feed it bogus code here. */
{
	height:1.8em; 
	width:25em;
	padding:.18em 0 0 1em;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
/*	background-color:red;*/
	color:white;
	background-color:#a4bb33;
/*	border-bottom:green 1px solid;*//*causes a bump in IE6 when hovered*/
	background-image:none;
}


/*when the mouse is over a dropped down item*/
/*needed or else we get no rollover in IE7*/
/*needed or else we get an image rollover in IE6*/
#nav li ul li a:hover,
#nav li.projects ul li a:hover,
#nav li.programs ul li a:hover,
#nav li.parking ul li a:hover,
#nav li.people ul li a:hover,
#nav li.public ul li a:hover,
#nav li.press ul li a:hover
{
	height:1.8em; 
	width:25em;
	background-color:#0094a5;
	border-bottom-width:thick;
	border-bottom-color:#FFFFFF;
	color: #FFFFFF;
	background-image:none;/*gots to have this for IE6*/
}

/*when the mouse is over the top list item,
set the background for the dropped down a elements
unfortunately, they will use the parent li background image*/
/*required for IE7, but not IE6*/
#nav li:hover ul li a,
#nav li.projects:hover ul li a,
#nav li.programs:hover ul li a,
#nav li.parking:hover ul li a,
#nav li.people:hover ul li a,
#nav li.public:hover ul li a,
#nav li.press:hover ul li a
{
	vertical-align:middle;
	text-align:left;
	background-image:none;/*because we have an image up the stack*/
}


#subnav {
	FONT-SIZE: 11px; 
		LIST-STYLE-TYPE: none;
}

#subnav  p{
	FONT-SIZE: 11px; 
	left: 0;
	line-height:110%;
	margin-top:0px;
	margin-bottom: 1px;
	PADDING-TOP: 0px;

}
#subnav h4{
	margin-top:0px;
	margin-bottom: 5px;
	line-height: 10px;
}

#subnav h3{
	margin-bottom: 0px;
	margin-top: 0px;
	PADDING-TOP: 5px;
	line-height: 10px;
}
#subnav h2{
	
	PADDING-TOP: 0px;
	margin-bottom: -15px;
	line-height: 20px;
}
#subnav A {
	text-decoration: none
}
#subnav ul {
    line-height:100%;
	margin-left:0px;
	margin-top: 12px;
padding-left:0px;
	MARGIN-BOTTOM: 2px; 
		list-style-type:none;/* for Firefox */
}
#subnav  UL li{
	MARGIN-TOP: 4px;
	line-height:122%;
	margin-left:0px;
	padding-left:0px;
		LIST-STYLE-TYPE: none;
}
#subnav  UL li a{
	MARGIN-TOP: 4px;
	line-height:122%;
	margin-left:0px;
	padding-left:0px;
		LIST-STYLE-TYPE: none;
}

#subnav ul LI UL LI {
margin-top:5px;
margin-left:30px;
	LIST-STYLE-TYPE: none;
	padding-left: 00px;

	COLOR: #e87e04; 
}
#subnav LI UL LI UL LI {
	MARGIN: 0px 0px 0px 0px; COLOR: #416199; 	list-style-type:none;/* for Firefox */

}
#subnav .on {
	COLOR: #a0b0cc
}
#footer{
	FONT-SIZE: 10px; 

}
#photo
{
    WIDTH: 203px;
	margin:0;
	padding:0;
    LEFT: 45px;
	POSITION: absolute;
    TOP: 400px;
    voice-family: inherit
}
#feed
{
    WIDTH: 203px;
	margin:0;
	padding:0;
    LEFT: 47px;
	POSITION: absolute;
    TOP: 300px;
    voice-family: inherit
}
#photobox
{
    WIDTH: 203px;
	margin-left:-26px;
	padding:0;

	POSITION: relative;
    TOP: 30px;
    voice-family: inherit
}
.pix2
{
    MARGIN-TOP: 2px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    MARGIN-RIGHT: 10px;
    POSITION: relative
}
#mainpart ul{
	list-style-image:url(squares/bullet.gif);
	}
		.clear
	{clear:both;
	}
	
	
    #feedControl {
    margin-top : 0px; margin-left: 0px; margin-right: 0px;
    width : 197px;font-size: 11px;
    color: #b0e0e6;float: left; }
    #mainshift{
    float:left; margin-left:0px;  margin-right:0px; background-color:#9CADD0; }
    .gfg-title {
    color:#FFFFFF;background-color:#a4bb33;
    }
    .gfg-subtitle {
    color:#FF0000; background-color:#000000; }
    .gfg-entry {
    height:20em;    }