﻿.kwicks {
	list-style: none;
	position: absolute;
	right: 40px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 180px;
	text-decoration: none;
}
.kwicks li{
	padding: 0px;
	cursor: default;
	width: 143px;
	height: 180px;
	margin-right: 0px;
	overflow: hidden;
	text-decoration: none;
	display: block;
}
.kwicks li a:link
{
    text-decoration: none;
    color: #89b3ff;
}
.kwicks li a:visited 
{
    text-decoration: none;
    color: #89b3ff;
}
.kwicks li a:hover 
{
    text-decoration: none;
    color: #ffffff;
}
.kwicks li a:active 
{
    text-decoration: none;
    color: #ffffff;
}
#Blank 
{
    background: none;
}
#StudentLife {
	background: url("navBg.png") repeat;
}
.studentLifeBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 180px;
    background: url("studentLifeBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.studentLifeBtn 
{
    background-position: -32px 0px;
    text-decoration: none;
}
#Academics {
	background: url("navBg.png") repeat-x;
}
.academicsBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 180px;
    background: url("academicsBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.academicsBtn
{
    background-position: -32px 0px;
    text-decoration: none;
}
#FinancialAid { 
	background: url("navBg.png") repeat-x;
}
.finAidBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 180px;
    background: url("finAidBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.finAidBtn
{
    background-position: -32px 0px;
    text-decoration: none;
}
#Opportunities { 
	background: url("navBg.png") repeat-x;
}
.opportunitiesBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 180px;
    background: url("opportunitiesBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.opportunitiesBtn
{
    background-position: -32px 0px;
    text-decoration: none;
}
#Resources { 
	background: url("navBg.png") repeat-x;
}
.resourcesBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 180px;
    background: url("resourcesBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.resourcesBtn
{
    background-position: -32px 0px;
    text-decoration: none;
}
#Home { 
	position: absolute;
	right: 9px;
	top: 0px;
	width: 30px;
	height: 180px;
}
.homeBtn 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 180px;
    background: url("homeBtn.jpg") 0px 0px no-repeat;
    cursor: pointer;
    margin-left: -3px;
}
a:hover.homeBtn
{
    background-position: -32px 0px;
    text-decoration: none;
}
/* SET PROPERTIES FOR NAVIGATIONAL UL ITEM */
#siteNav ul li div ul li 
{
    height: 25px;
    width: 200px;
}
.column 
{
    list-style: none;
}
/* HIDE EXTRA DIV TAGS UNDER LAST LI ELEMENTS */

div>ul>li>div>ul>li>div 
{
    display: none;
}
/* STYLE EACH PANEL CONTAINER */

.li_container 
{
    height: 180px;
    width: 625px;
    margin: 30px auto;
}
/* STYLE THE JAVASCRIPT COLUMNS */

.li_col1 
{
    text-align: right;
    margin-left: 15px;
}
.li_col2 
{
    text-align: left;
    margin-left: 30px;
}