* {
margin : 0;
padding : 0;
}

a	{
	outline: none; /* @ Firefox, remove ugly dotted border */
}


body {
background : #000000 url(../images/background-body.jpg) no-repeat center 106px;
}

#header {
height : 106px;
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 2;
background : transparent url(../images/background-header.jpg) repeat-x center top;
}



h1#wwu {
position : absolute;
width : 273px;
height : 65px;
top : 32px;
text-indent : -99999em;
overflow : hidden;
left : 50%;
margin-left : -136px;
background : transparent url(../images/header-wwu.png) no-repeat;
}

h2#program-emblem {
position : absolute;
width : 216px;
height : 170px;
left : 50%;
top : 55px;
margin-left : -108px;
background : transparent url(../images/header-subnav.png) no-repeat center 50px;

}

h2#program-emblem a {
z-index : 3;
position : absolute;
left : 50%;
margin-left : -57px;
width : 114px;
height : 113px;
text-indent : -99999em;
overflow : hidden;
}

h2#program-emblem a:link, h2#program-emblem a:visited {
background : transparent url(../images/header-program-emblem.png) no-repeat left top;
}

h2#program-emblem a:hover {
background : transparent url(../images/header-program-emblem.png) no-repeat left -113px;
}

#subnav {
position : absolute;
width : 216px;
height : 80px;
left : 50%;
top : 127px;
margin-left : -108px;
list-style-type : none;

}

#subnav a {
float : left;
text-indent : -99999em;
overflow : hidden;

}

#nav-graphic-design {
width : 45px;
height : 47px;
margin-left : 13px;
}

a:link#nav-graphic-design, a:visited#nav-graphic-design  {
background : transparent url(../images/nav-graphic-design.png)
}

a:hover#nav-graphic-design  {
background : transparent;
}



#nav-design-production {
width : 67px;
height : 32px;
margin-left : 16px;
margin-top : 48px;
}

a:link#nav-design-production, a:visited#nav-design-production  {
background : transparent url(../images/nav-design-production.png)
}

a:hover#nav-design-production {
background : transparent;
}





#nav-new-media {
width : 39px;
height : 41px;
margin-left : 21px;
margin-top : 8px;
}

a:link#nav-new-media, a:visited#nav-new-media  {
background : transparent url(../images/nav-new-media.png)
}

a:hover#nav-new-media {
background : transparent;
}


#graphic-design ul, #new-media ul, #design-production ul, #design-program ul {
list-style-type : none;
}


#graphic-design h3, #new-media h3, #design-production h3, #design-program h3 {
display : none;
}


#graphic-design, #design-production, #new-media, #design-program {
position : absolute;
left : 50%;
top : 0;
margin-left : -281px;
width : 562px;
height : 276px;
z-index : 1;
margin-top: -276px;
background : transparent url(../images/student-select.png) top left no-repeat;
}

li a {
text-indent : -9999em;
float : left;
}

.current-selection li {
position : absolute;
font-family : myriad, arial, sans-serif;
font-size : 12px;
}

.current-selection li {
position : absolute;
font-family : myriad, arial, sans-serif;
font-size : 12px;
color : #3e3e3e;
}

.current-selection li a {
text-decoration : none;
color : #ffffff;
float : none;
}

.current-selection li a:link{
color : #dedede;
}

.current-selection li a:visited{
color : #8c8c8c;
}

.current-selection li a:hover{
color : #ffffff;
}









/* Designer Profile */


#visual-identity {
margin : 0 0 30px 0;
text-align : center;
}

#visual-identity img {
border : 0;
}

#designer-profile {
width : 500px; /* 500px with padding */
position : absolute;
left : 50%;
top : 105px;
margin-left : -250px;
font : normal normal normal .8em/1.1em Trebuchet MS, ariel, sans-serif;
padding-bottom : 3em;
}

#profile-content {
text-align : center;
background-color : white;
padding : 170px 10px 10px 10px;
width : 480px; /* 500px with padding */
background : transparent url(../images/background-profile.png) repeat-y;
}

#profile-footer {
float : left;
width : 500px;
height : 259px;

background : transparent url(../images/footer.png) top left no-repeat;
}


#profile-content h3 {
font : normal normal normal 2.3em/1.5em Trebuchet MS, ariel, sans-serif;
}

#profile-content h4 {
font : italic normal normal 1.3em/1.3em Trebuchet MS, ariel, sans-serif;
}

#profile-content a {
font : italic normal normal 1.0em/1.3em Trebuchet MS, ariel, sans-serif;
}

#profile-content a:link{
color : #5e0000;
}


#profile-content a:visited {
color : #460000;
}


#profile-content a:hover {
color : #d60000;
text-decoration : none;
}



p {
margin : 2em 0 -2em 0;
padding : 0 2em;
}


form, label, input, textarea {
float : left;
}

form {
margin : 30px 0;
}

label {
width : 150px;
margin-bottom : 1em;
}

input, textarea {
width : 300px;
margin-bottom : 1em;
}

button {
clear : both;
float : right;
margin-right : 45px;
}







/* Graphic Design */

#baugh {
top : 20px;
left : 30px;
}

#black {
top : 55px;
left : 40px;
}

#harvey {
top : 90px;
left : 50px;
}

#roberts {
top : 125px;
left : 70px;
}

#khawaja {
top : 160px;
left : 95px;
}

#lake {
top : 195px;
left : 140px;
}



#majors {
top : 227px;
left : 180px;
}

#merrigan {
top : 227px;
left : 280px;
}




#mizar {
top : 195px;
left : 365px;
}

#reichert {
top : 160px;
left : 370px;
}

#santos {
top : 125px;
left : 425px;
}

#saari {
top : 90px;
left : 450px;
}

#townley {
top : 55px;
left : 450px;
}

#west {
top : 20px;
left : 470px;
}









/* Design Production */

#bell {
top : 30px; 
left : 35px;
}

#gilmore{
top : 70px; 
left : 45px;
}

#green{
top : 110px; 
left : 65px;
}

#horner{
top : 150px; 
left : 90px;
}

#huynh {
top : 190px; 
left : 150px;
}




#liu{
top : 230px; 
left : 250px;
}




#musgrave {
top : 190px; 
left : 330px;
}

#noble {
top : 150px; 
left : 378px;
}

#paxman {
top : 110px; 
left : 420px;
}

#shoop {
top : 70px; 
left : 440px;
}

#stevenson {
top : 30px; 
left : 445px;
}





/* New Media */

#ashlock {
top : 10px; 
left : 20px;
}

#bryson {
top : 40px; 
left : 30px;
}

#crowe {
top : 70px;
left : 40px;
}

#davids {
top : 100px;
left : 55px;
}

#dovey {
top : 130px;
left : 70px;
}

#feagins {
top : 160px;
left : 95px;
}

#hamm {
top : 195px;
left : 135px;
}

#johnson {
top : 220px;
left : 190px;
}

#kato {
top : 245px;
left : 255px;
}

#lafave {
top : 220px;
left : 310px;
}

#lee {
top : 195px;
left : 370px;
}

#marten {
top : 160px;
left : 385px;
}

#mcknight {
top : 130px;
left : 400px;
}

#montplaisir {
top : 100px;
left : 390px;
}

#nguyen {
top : 70px;
left : 450px;
}

#soraparu {
top : 40px; 
left : 435px;
}

#tronvig {
top : 10px;
left : 470px;
}

/*

#hinthorn {
top : 170px;
left : 245px;
}

#rodriguez {
top : 145px;
left : 240px;
}

*/


#class-2007 {
top : 130px;
left : 266px;
}

#class-2006 {
top : 150px;
left : 266px;
}

#class-2005 {
top : 170px;
left : 266px;;
}

#class-2004 {
top : 190px;
left : 266px;
}

#class-2003 {
top : 210px;
left : 266px;
}

#class-2002 {
top : 230px;
left : 266px;
}