/*CSS for parsons website
*/

body {
    font-family: Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    font-size: 13px;
    color: #000;
    background-color:#ffddaaa //this will change the font as well
    margin: 0px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px;
	text-align: left;a
	
}

h1 {
	font-size: 14px;
	font-family: Courier, Helvetica, Verdana, Arial;
	font-weight: inherit;
    margin:0;
    padding:0;
    position: absolute;
    background: #ffff00;  //yellow
    border: 0px solid #ccc;
	color: black;
	line-height: 22px;
	font-size: 23px;
}

h3 {
	font-size: 13px;
	font-family: Courier, Helvetica, Verdana, Arial;
	font-weight: inherit;
    margin: 0px;
    padding: 0px;
    position: absolute;
    background: black;
    border: 1px dotted #ffff00;
	color: #ffff00; //light yellow
	line-height: 1.em;
}
h4 {
	padding: 4px 4px;
  	font-family: Courier, Helvetica, Verdana, Arial;
	font-weight: inherit;
	font-size: 13px;
    color: black;
    border: 1px dotted #ffff00;  //yellow
    
}

h5 {
	padding: 0px;
  	font-family: Courier, Helvetica, Verdana, Arial;
	font-weight: normal;
	font-size: 175px;
    color: black;
    margin: 0px 30px;
    border: none  
}

h6 {
	background: url("/web/arrow.png") no-repeat scroll 0 0;
	font-size: 12px;
	font-family: Courier, Helvetica, Verdana, Arial;
	font-weight: inherit;
    margin:3px 0px -13px;
    padding:0px 80px;
    position: relative;
    border: 0px solid #ccc;
	color: black;
}

#content{
position:absolute;
margin-right:20px;
margin-left:225px;
margin-bottom:0px;
}

a {text-decoration:none}

a img {
	border:none;
	color: #fff;
	margin: -3px 0px;
	padding: 0px;
	
} 


a:link {
	font-family: Courier, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #1177bb;
    background: #ffffff;
	text-align: left;
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}

a:visited {
	font-family: Courier, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #1177bb;
    background: #ffffff;
	text-align: left;
	border: none;
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}

a:hover {
	font-family: Courier, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000; 
    background: #ffff00; // white
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}

	
a:link .image { border-color: #000; }

a:hover .image, a:active .image {
	border:0px; 
	border-thickness: 0px; 
	border-color: none; 
	border-style: solid}
	
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 1em;
}

#nav li, #nav li ul {
	position; absolute:
	float: left;
	width: 10em;
	left: -999em;
	clear: left;
}

#tagline p {
font-style: italic;
font-family: Helvetica, Times, serif;
border-top: 3px solid #7da5d8;
border-bottom: 3px solid #7da5d8;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .8em;
margin: 0;
background: #bed8f3 url(images/header.gif) repeat-y right bottom:
}


 #banner a, #banner a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#grey; 
  color:#fff;
  text-decoration: none;
  display:block; 
  width:8em; 
  padding:0.0em;
  margin:0.0em auto;
  border-right:10px solid #fff;
  }
  #banner a:hover {
  border-right:410px solid #0099ff;
  }
  /*--------OLD VERSION--------------*/
/*
.project {
width: 230px;
}
.project img {
float:left;
}
.project a div {
display: none;
font:  12px
}
.project a:hover div {
display:block;
font:  10px "Courier",sans-serif;
color:#000000;
background-color:#ffff00;
float:right;
width: 130px;
margin: -5px 0px -1px 0px;
}
*/
  /*--------NEW VERSION--------------*/

.project {
width: 100px;
}
.project img {
float:left;	
margin: -1px 0 0;
border-top: #000000 1px dashed;
}


.project a div {
display: none;
font:  11px
}


.project a:hover div {
background-color:#ffff00;
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity:0.8;
color:#000000;
display:block;
font:  11px "Courier",sans-serif;
margin: 0px 0px 0px 0px;
padding: 10px 0px;
position: absolute;
float:none;
width: 100px;





/* hack for an IE bug that requires you to make some change on hover in order for it to work properly */
.project a:hover {font-size: 100%;}
.project a div {font-size: 50%;}

/* hack to make the outer div (div.project) wrap in standardscompliant browsers */
.project:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
} 

-->