* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 76%;
    line-height: 1em;
    background-image: url( '../images/sky.png' );
    background-repeat: repeat-x;
    background-color: #BAE3F9;
}

body.homepage{
    background-image:none;
    background-color: #444;
}
body.clusters {
    background-image:none;
    background-color: #444;
}

.homepage #wrapper {
    position: relative;
    background-image: url( '../images/skygrass.png' );
    border-bottom: 3px solid #333;
}

.clusters #wrapper {
    position: relative;
    background-image: url( '../images/skygrass2.png' );
    border-bottom: 3px solid #333;
}

#page {
    position: relative;
    width: 986px;
    margin: 0 auto;
}

/****/
#header {
    position: relative;
}

.homepage #header {
    height: 37px;
}

.clusters #header {
    height: 68px;
}

/****/
#header_logo {
    position: absolute;
    top: 0;
    left: 25px;
    height: 80px;
    width: 140px;
    background-image: url( '../images/logo_top.png' );

}

.homepage #header_logo {
    display: none;
}

#header_logo h1, #header_logo h2 {
    display: none;
}

/**** Header Links ****/
#header_links {
    position: absolute;
    width: 986px;
    height: 38px;
}

.homepage #header_links {
    top: 15px;
}

.clusters #header_links {
    top: 46px;
}

#header_links ul {
    position: absolute;
    list-style: none;
    right: 16px;
}

#header_links li {
    position: relative;
    height: 35px;
    top: 02px;
    display: inline;
}

#header_links a {
    position: relative;
    text-decoration: none;
}

#header_links p {
    position: relative;
    top: 6px;
    left: 2px;
    color: #fff;
    font-weight: bold;
    padding: 0 2px 0 3px;
}

a .menudiv_01 {
    position: relative;
    float: left;
    width: 10px;
    height: 35px;
    background-image: url( '../images/menu_01.png' );
    background-repeat: no-repeat;
}

a .menudiv_02 {
    position: relative;
    float: left;
    height: 35px;
    background-image: url( '../images/menu_02.png' );
    background-repeat: no-repeat;
}

a .menudiv_03 {
    position: relative;
    float: left;
    width: 22px;
    height: 35px;
    background-image: url( '../images/menu_03.png' );
    background-repeat: no-repeat;
}

a:hover .menudiv_01 {
    background-image: url( '../images/menu_01_h.png' );
}

a:hover .menudiv_02 {
    background-image: url( '../images/menu_02_h.png' );
}

a:hover .menudiv_03 {
    background-image: url( '../images/menu_03_h.png' );
}

.last .menudiv_03 {
    width: 25px;
}

.homepage #content, .clusters #content {
    position: relative;
    top: 0;
    width: 986px;
    height: 574px;
    background-image: url( '../images/glass_ring.png' );
    background-repeat: no-repeat;
}
.clusters #content {
    height: 524px;
}

#home_content {
    position: relative;
    top: 14px;
    left: 27px;
    width: 932px;
    height: 502px;
    background-image: url( '../images/glass.jpg' );
    background-repeat: no-repeat;
}

#home_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 249px;
    background-image: url( '../images/home_logo.png' );
    background-repeat: no-repeat;
}

#home_logo h3, #home_logo h4, #welcome_text {
    display: none;
}

#welcome_arrow {
    position: absolute;
    top: 370px;
    left: 0;
    width: 260px;
    height: 50px;
    background-image: url( '../images/welcome_arrow.png' );
    background-repeat: no-repeat;
}

#welcome_arrow p {
    color: #ffffff;
    font-weight: bold;
    margin: 18px 0 0 23px;
}

.home_button {
    background-repeat: no-repeat;
    background-position: 15px 15px;
    position: absolute;
    width: 224px;
    height: 434px;
    top: 43px;
}

.home_button a {
    position: absolute;
    width: 224px;
    height: 434px;
    background-image: url( '../images/home_button_ring_hover.png' );
    background-repeat: no-repeat;
}

.home_button a:hover {
    position: absolute;
    width: 224px;
    height: 434px;
    background-image: url( '../images/home_button_ring.png' );
    background-repeat: no-repeat;
}

.home_button a span {
    display: none;
}

#home_button_01 {
    background-image: url( '../images/button_01.jpg' );
    left: 287px;
}

#home_button_02 {
    background-image: url( '../images/button_02.jpg' );
    left: 507px;
}

#home_button_03 {
    background-image: url( '../images/button_03.jpg' );
    left: 722px;
}

/****/
#clusters_content {
    position: relative;
    top: 14px;
    left: 27px;
    width: 932px;
    height: 502px;
    background-image: url( '../images/glass.jpg' );
    background-repeat: no-repeat;
}
#explore_logo{
    position:absolute;
    width:190px;
    height:98px;
    top:5px;
    left:5px;
    background-image:url('../images/explore_careers.png');
}
#explore_logo h3{
    display:none;
}
#explore_instructions{
    position:absolute;
    width:330px;
    height:80px;
    top:20px;
    left:210px;
    overflow:auto;
}
#explore_instructions p{
    color:#004E91;
    /*font-weight:bold;*/
}
#cluster_grid {

}

#cluster_grid li {
    list-style: none;
    position: absolute;
    width: 183px;
    height: 90px;
}

li.cluster{
    position: absolute;
    width: 183px;
    height: 90px;
}
#cluster_grid li a{
    position: absolute;
    cursor:pointer;
    width: 183px;
    height: 90px;
    background-image: none;
}
#cluster_grid li a:hover{
    cursor:pointer;
    background-image: url( '../images/cluster_hover.png' );
}
#cluster_grid li a span.cluster {
    position: absolute;
    width: 183px;
    height: 90px;
}
#cluster_grid li a span.cluster span{
    display:none;
}
.cluster_13, .cluster_19 {
    top: 13px;
}

.cluster_01, .cluster_05, .cluster_09, .cluster_14, .cluster_20 {
    top: 103px;
}

.cluster_02, .cluster_06, .cluster_10, .cluster_15, .cluster_21 {
    top: 193px;
}

.cluster_03, .cluster_07, .cluster_11, .cluster_16, .cluster_22 {
    top: 283px;
}

.cluster_04, .cluster_08, .cluster_12, .cluster_18, .cluster_23 {
    top: 373px;
}

/**/
.cluster_01, .cluster_02, .cluster_03, .cluster_04 {
    left: 5px;
}

.cluster_05, .cluster_06, .cluster_07, .cluster_08 {
    left: 190px;
}

.cluster_09, .cluster_10, .cluster_11, .cluster_12 {
    left: 375px;
}

.cluster_13, .cluster_14, .cluster_15, .cluster_16, .cluster_18 {
    left: 560px;
}

.cluster_19, .cluster_20, .cluster_21, .cluster_22, .cluster_23 {
    left: 745px;
}

.cluster_01 a span.cluster {
    background-image: url( '../images/cluster_01.png' );
}

.cluster_02 a span.cluster{
    background-image: url( '../images/cluster_02.png' );
}

.cluster_03 a span.cluster{
    background-image: url( '../images/cluster_03.png' );
}

.cluster_04 a span.cluster{
    background-image: url( '../images/cluster_04.png' );
}

.cluster_05 a span.cluster{
    background-image: url( '../images/cluster_05.png' );
}

.cluster_06 a span.cluster{
    background-image: url( '../images/cluster_06.png' );
}

.cluster_07 a span.cluster{
    background-image: url( '../images/cluster_07.png' );
}

.cluster_08 a span.cluster{
    background-image: url( '../images/cluster_08.png' );
}

.cluster_09 a span.cluster{
    background-image: url( '../images/cluster_09.png' );
}

.cluster_10 a span.cluster{
    background-image: url( '../images/cluster_10.png' );
}

.cluster_11 a span.cluster{
    background-image: url( '../images/cluster_11.png' );
}

.cluster_12 a span.cluster{
    background-image: url( '../images/cluster_12.png' );
}

.cluster_13 a span.cluster{
    background-image: url( '../images/cluster_13.png' );
}

.cluster_14 a span.cluster{
    background-image: url( '../images/cluster_14.png' );
}

.cluster_15 a span.cluster{
    background-image: url( '../images/cluster_15.png' );
}

.cluster_16 a span.cluster{
    background-image: url( '../images/cluster_16.png' );
}

.cluster_18 a span.cluster{
    background-image: url( '../images/cluster_17.png' );
}

.cluster_19 a span.cluster{
    background-image: url( '../images/cluster_18.png' );
}

.cluster_20 a span.cluster{
    background-image: url( '../images/cluster_19.png' );
}

.cluster_21 a span.cluster{
    background-image: url( '../images/cluster_20.png' );
}

.cluster_22 a span.cluster{
    background-image: url( '../images/cluster_21.png' );
}

.cluster_23 a span.cluster{
    background-image: url( '../images/cluster_22.png' );
}

/****/
#footer {
    position: relative;
    width: 986px;
    text-align : center;
    margin: 0 auto;
}

#footer p {
    margin: 5px 0 0 26px;
    color: #666;
}

#penn_ed_logo {
    position: relative;
    float: right;
    margin: -7px 26px 0 0;
    width: 320px;
    height: 80px;
    background-image: url( '../images/penn_ed_logo.png' );
    background-repeat: no-repeat;
}

#penn_ed_logo p {
    display: none;
}

a.footer_link { color : #eee; text-decoration : none }
a.footer_link:hover { text-decoration : underline }