@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/tabs.css";


/* Site
-------------------------------------------------------------- */

div#page {
    width: 1100px;
    margin: 0 auto;
}

div#header {
    background-image: url(../images/bg_header_a.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}

div#header2 {
    background-image: url(../images/bg_header_b.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}

div#header3 {
    background-image: url(../images/bg_header_c.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}

div#header4 {
    background-image: url(../images/bg_header_d.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}

div#header5 {
    background-image: url(../images/bg_header_e.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}

div#header6 {
    background-image: url(../images/bg_header_f.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 300px;
    position: relative;
}


h1#logo {
    background-image: url(../images/logo.gif);
    width: 244px;
    height: 114px;
    position: absolute;
    right: 0;
}

h1#logo a {
	width: 244px;
    height: 114px;
    display: block;
}

div#header ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header ul li { width: 167px; }

div#header ul li a:hover, div#header ul li a.on { background-position: -167px;  }

div#header2 ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header2 ul li { width: 167px; }

div#header2 ul li a:hover, div#header ul li a.on { background-position: -167px;  }

div#header3 ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header3 ul li { width: 167px; }

div#header3 ul li a:hover, div#header ul li a.on { background-position: -167px;  }

div#header4 ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header4 ul li { width: 167px; }

div#header4 ul li a:hover, div#header ul li a.on { background-position: -167px;  }

div#header5 ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header5 ul li { width: 167px; }

div#header5 ul li a:hover, div#header ul li a.on { background-position: -167px;  }

div#header6 ul {
    list-style-type: none;
    width: 167px;
    height: 177px;
    position: absolute;
    right: 37px;
    top: 110px;
    
}

div#header6 ul li { width: 167px; }

div#header6 ul li a:hover, div#header ul li a.on { background-position: -167px;  }

#nav-1 a { background-image: url(../images/nav_1.gif); height: 19px; }
#nav-2 a { background-image: url(../images/nav_2.gif); height: 19px; }
#nav-3 a { background-image: url(../images/nav_3.gif); height: 21px; }
#nav-4 a { background-image: url(../images/nav_4.gif); height: 21px; }
#nav-5 a { background-image: url(../images/nav_5.gif); height: 19px; }
#nav-6 a { background-image: url(../images/nav_6.gif); height: 20px; }
#nav-7 a { background-image: url(../images/nav_7.gif); height: 20px; }
#nav-8 a { background-image: url(../images/nav_8.gif); height: 19px; }
#nav-9 a { background-image: url(../images/nav_9.gif); height: 19px; }


#homenav {
    width: 1006px; height: 40px;
    background: url(../images/nav-sprite.jpg);
    margin: 0; padding: 0;
    position: relative;}
	
#homenav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
	
#homenav li, #homenav a {
    height: 40px; display: block;}
	
#panel1 {left: 0; width: 67px;}
#panel2 {left: 67px; width: 133px;}
#panel3 {left: 200px; width: 113px;}
#panel4 {left: 313px; width: 88px;}
#panel5 {left: 401px; width: 94px;}
#panel6 {left: 495px; width: 84px;}
#panel7 {left: 579px; width: 96px;}
#panel8 {left: 675px; width: 51px;}
#panel9 {left: 726px; width: 280px;}

#panel1 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    0 -40px no-repeat;}
#panel2 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -67px -40px no-repeat;}
#panel3 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -200px -40px no-repeat;}
#panel4 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -313px -40px no-repeat;}
#panel5 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -401px -40px no-repeat;}
#panel6 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -495px -40px no-repeat;}	
#panel7 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -579px -40px no-repeat;}
#panel8 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -675px -40px no-repeat;}
#panel9 a:hover {
    background: transparent url(../images/nav-sprite.jpg)
    -726px -40px no-repeat;}		
	
div#subheader {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 720px;
    margin: auto;
    background-image: url(../images/hr.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

div#secondnav {
	padding-top: 5px;
    width: 720px;
    margin: auto;
	text-align: right;
}

div#content {
    clear: both;
    width: 720px;
    margin: auto;
    padding-top: 20px;
}

div#content h2 {
    letter-spacing: 3px;
}

h2#apply { background-image: url(../images/h2_apply.gif); }
h2#campuslife { background-image: url(../images/h2_campuslife.gif); }
h2#comeseeus { background-image: url(../images/h2_comeseeus.gif); }
h2#contactus { background-image: url(../images/h2_contactus.gif); }
h2#interact { background-image: url(../images/h2_interact.gif); }
h2#factstats { background-image: url(../images/h2_factstats.gif); }
h2#payingforcollege { background-image: url(../images/h2_payingforcollege.gif); }
h2#whyumkc { background-image: url(../images/h2_whyumkc.gif); }
h2#selectyourmajor {
    background-image: url(../images/h2_selectyourmajor.gif);
    background-repeat: no-repeat;
    float: left;
    width: 170px;
    height: 27px;
}
#rightcol { 
	float: right;
	width: 205px;
}