* {
margin:0;
padding:0;
}
html {
}
body {
background-image: url("../img/za-body-bg.jpg");
background-position: top left;
background-repeat: repeat-x;
background-color: #fff;
}
a img {
border:none;
}
.clearer {
clear: both;
}
#container {
margin-left: auto;
margin-right: auto;
width: 940px;
}
#header {
overflow: hidden;
height: 79px;
padding: 0px 0px 0px 20px;
}
#header_left {
float: left;
}
#header_right {
float: right;
color: #fff;
font-size: 140%;
padding: 17px 0px 0px 0px;
margin: 0px 40px 0px 0px;
}
#header_right a {
text-decoration: none;
border: 1px solid #fff;
padding: 2px 4px 2px 4px;
}
#header_right a:hover {
color: #ffff00;
border: 1px solid #ffff00;
}
#top_level_nav {
overflow: hidden;
padding: 8px 0px 0px 30px;
height: 48px;
margin: 0px 0px 20px 0px;
}
#content {
min-height: 350px;
margin: 0px 0px 20px 0px;
}
#footer {
text-align: center;
}
#home_page_container {
overflow: hidden;
margin: 0px 0px 20px 0px;
}
.homepagemain {
float: left;
width: 615px;
height: 285px;
background-color: #ddeeff;
margin: 0px 20px 0px 0px;
}
.homepagemain img {
}

#home_page_menu_container {
float: left;
}
#home_page_menu_top {
background-color: #ddeeff;
width: 288px;
height: 82px;
margin: 4px 0px 12px 0px;
}
#home_page_menu_middle {
background-color: #ddeeff;
width: 288px;
height: 82px;
margin: 12px 0px 12px 0px;
}
#home_page_menu_bottom {
background-color: #ddeeff;
width: 288px;
height: 82px;
margin: 12px 0px 4px 0px;
}
#home_page_n2 {
background-color: #ddeeff;
height: 120px;
margin: 0px 0px 20px 0px;
}
#home_page_n3 {
background-color: #ddeeff;
height: 120px;
margin: 0px 0px 20px 0px;
}

.hiddenButton {
display: none;
}
#tln_admissions {
float: left;
width: 104px;
height: 48px;
margin: 0px 40px 0px 0px;
background: url("../img/za-tln-admissions.jpg") no-repeat 0 0;
border: 0px solid #fff;
}
#tln_admissions:hover { 
background: url("../img/za-tln-admissions-active.jpg") no-repeat 0 0;
}
#tln_admissions span {
display: none;
}
#tln_explore {
float: left;
width: 104px;
height: 48px;
margin: 0px 20px 0px 0px;
background: url("../img/za-tln-explore.jpg") no-repeat 0 0;
border: 0px solid #fff;
}
#tln_explore:hover { 
background: url("../img/za-tln-explore-active.jpg") no-repeat 0 0;
}
#tln_explore span {
display: none;
}
#tln_blog {
float: left;
width: 104px;
height: 48px;
margin: 0px 20px 0px 0px;
background: url("../img/za-tln-blog.jpg") no-repeat 0 0;
border: 0px solid #fff;
}
#tln_blog:hover { 
background: url("../img/za-tln-blog-active.jpg") no-repeat 0 0;
}
#tln_blog span {
display: none;
}
#tln_alumni {
float: left;
width: 104px;
height: 48px;
margin: 0px 30px 0px 0px;
background: url("../img/za-tln-alumni.jpg") no-repeat 0 0;
border: 0px solid #fff;
}
#tln_alumni:hover { 
background: url("../img/za-tln-alumni-active.jpg") no-repeat 0 0;
}
#tln_alumni span {
display: none;
}

/* fading images (eventually) */
#za_headerlogo {
float: left;
width: 450px;
height: 79px;
background: url("../img/za-headerlogo.jpg") no-repeat 0 0;
}
#za_headerlogo:hover { 
background: url("../img/za-za-headerlogo.jpg") no-repeat 0 0;
}
#za_headerlogo span {
display: none;
}

#fade_01_big {
float: left;
width: 615px;
height: 285px;
background: url("../img/jqcycle001.jpg") no-repeat 0 0;
}
#fade_01_big:hover { 
background: url("../img/jqcycle001_z.jpg") no-repeat 0 0;
}
#fade_01_big span {
display: none;
}
#fade_01_small {
float: left;
width: 288px;
height: 82px;
background: url("../img/jqcycle001_small.jpg") no-repeat 0 0;
}
#fade_01_small:hover { 
background: url("../img/jqcycle001_small_z.jpg") no-repeat 0 0;
}
#fade_01_small span {
display: none;
}

#fade_02_big {
float: left;
width: 615px;
height: 285px;
background: url("../img/jqcycle002.jpg") no-repeat 0 0;
}
#fade_02_big:hover { 
background: url("../img/jqcycle002_z.jpg") no-repeat 0 0;
}
#fade_02_big span {
display: none;
}
#fade_02_small {
float: left;
width: 288px;
height: 82px;
background: url("../img/jqcycle002_small.jpg") no-repeat 0 0;
}
#fade_02_small:hover { 
background: url("../img/jqcycle002_small_z.jpg") no-repeat 0 0;
}
#fade_02_small span {
display: none;
}

#fade_03_big {
float: left;
width: 615px;
height: 285px;
background: url("../img/jqcycle003.jpg") no-repeat 0 0;
}
#fade_03_big:hover { 
background: url("../img/jqcycle003_z.jpg") no-repeat 0 0;
}
#fade_03_big span {
display: none;
}
#fade_03_small {
float: left;
width: 288px;
height: 82px;
background: url("../img/jqcycle003_small.jpg") no-repeat 0 0;
}
#fade_03_small:hover { 
background: url("../img/jqcycle003_small_z.jpg") no-repeat 0 0;
}
#fade_03_small span {
display: none;
}