/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color:#FFD000;
}

.portal {
margin-left: auto;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
text-align: center;
}

/* start Portal page */

#portalHolder {
z-index:1;
position:absolute;
left: 50%; 
top: 50%;
width: 968px;
height: 594px;
margin-top: -297px; /* half of the height */
margin-left: -484px; /* half of the width */
text-align: left;
background-image:url(images/yee-haDesign.gif);
background-repeat:no-repeat;
}

#emailPanel {
z-index:3;
position: absolute;
margin: 315px 0px 0px 397px;
width: 334px;
height: 43px;
}

#emailPanel img {
border: 0;
}

#contentPanel {
z-index:2;
position: absolute;
margin: 184px 0px 0px 362px;
width: 597px;
height: 400px;
}

#projectPanel {
z-index:2;
position: absolute;
margin: 163px 0px 0px 330px;
} 

#navPanel {
z-index:2;
position:absolute;
margin: 181px 0px 0px 39px;
font: bold 100% Arial, Helvetica, sans-serif;
color:#B2B2B2;
}

#navPanel2 {
z-index:2;
position:absolute;
margin: 181px 0px 0px 165px;
font: bold 100% Arial, Helvetica, sans-serif;
color:#B2B2B2;
}

#numbers {
z-index:2;
position:absolute;
margin: 520px 0px 0px 165px;
font: bold 100% Arial, Helvetica, sans-serif;
color:#B2B2B2;
}

#numbers a:link, #numbers a:visited {
z-index:2;
font: bold 100% Arial, Helvetica, sans-serif;
color:#B2B2B2;
text-decoration: none;
}

#numbers a:hover {
z-index:2;
font: bold 100% Arial, Helvetica, sans-serif;
color:#000;
text-decoration: none;
}

#type {
z-index:2;
position:absolute;
margin: 550px 0px 0px 165px;
font: 90% Arial, Helvetica, sans-serif;
color:#000;
}


#nav, #nav ul {
z-index:2;
padding: 2px 0px 0px 0px;
margin: 0px;
list-style: none;
text-align: left;
letter-spacing: 0.1em;
}

#nav li {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
}

#nav a {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
} 


#nav a:link, #nav a:visited {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
color: #B2B2B2;
text-decoration: none;
}

#nav a:hover, #nav a:active {
z-index:2;
margin: 0px;
padding: 0px;
color:#000;
text-decoration: none;
}


#nav2, #nav2 ul {
z-index:2;
padding: 2px 0px 0px 0px;
margin: 0px;
list-style: none;
text-align: left;
letter-spacing: 0.1em;
}

#nav2 li {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
}

#nav2 a {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
} 


#nav2 a:link, #nav2 a:visited {
z-index:2;
margin: 0px;
padding: 2px 0px 0px 0px;
color: #B2B2B2;
text-decoration: none;
}

#nav2 a:hover, #nav2 a:active {
z-index:2;
margin: 0px;
padding: 0px;
color:#000;
text-decoration: none;
}