﻿
#MenuButtonDiv {
	display: none;
}

#Logos {
	clear: both;
	margin: auto;
	padding: 20px 15px;
}
#LogosLeft {
	float: left;
	margin-bottom: 20px;
	width: 400px;
}
#LogosRight {
	float: left;
	text-align: right;
	overflow: hidden;
	width: 570px;
	height: 160px;
}
#LogoAreaWrapper {
	min-height: 100px;
	font-size: 28px;
	margin-bottom: 15px;
	font-weight: bold;
}
#TopCollegeName {
	display: none;
}
#PlanTitle {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
#InsideContentWrapper {

	width: 1000px;	
	min-height: 600px;
	border-right: 1px solid #a1a2a6;
	border-left: 1px solid #a1a2a6;
	border-bottom: 1px solid #a1a2a6;
}
#LeftMenuWrapper {
	float: left;
	width: 189px;
	border-top: 1px solid #a1a2a6;
	background-color: #ffffff;
    /* min-height:600px;*/
}
#LeftMenu {
	/*    min-height:200px;*/
        background: #D32328;
/* old browsers */	background: -moz-linear-gradient(left, #e84f53 1%, #D32328 30%, #D32328 100%); /* firefox */;
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#e84f53), color-stop(22%,#D32328), color-stop(73%,#D32328), color-stop(100%,#e84f53)); /* webkit */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84f53', endColorstr='#D32328',GradientType=0 ); /* ie */;
	color: #ffffff;
	-moz-box-shadow: inset 0px 0px 5px #fff;
	-webkit-box-shadow: inset 0px 0px 5px #fff;
	box-shadow: inset 0px 0px 5px #fff;
	border-bottom: 1px solid #a1a2a6;
}
#LeftMenu ul {
	margin: 0px;
	list-style: none;
	text-align: right; /* padding-top:6px;
         padding-bottom:6px;*/;
	padding-left: 0;
}
#LeftMenu a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 8px 4px 0px;
	border-bottom: 1px dotted #ffffff;
}
#LeftMenu li {
	display: block;
	list-style: none;
	margin: 0px;
	font-weight: bold;
	line-height: 14px;
}
#LeftMenu li:hover {
	background: #ffffff;
/* old browsers */	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%); /* firefox */;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* webkit */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie */;
	cursor: pointer;
}
#LeftMenu a:hover {
	color: #000000;
}
#PageContentWrapper {
	border-left: 1px solid #a1a2a6;
	width: 809px;
	float: left;
	background-image: url("/purchase/images/contentbackground.png");
	background-repeat: repeat-x;
	min-height: 497px;
	background-position: bottom;
}
#PageContent {
	padding: 10px;
	padding-top: 5px;
	line-height: 16px;
}
#PageContent div {
	padding: 0px;
}
#BreadCrumb {
	text-align: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#BreadCrumb a {
	color: #000000;
	text-decoration: underline;
}
#Footer 
{
    width:1000px;
    clear: both;
	margin: auto;
	min-height: 100px;
	text-align:center;
}
#MobileFooter {
	display: none;
}
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#topnav li a {
	padding: 5px 25px 10px 10px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
ul#topnav li:hover {
}
ul#topnav li span {
	float: left;
	padding: 4px 7px 8px 0px;
	position: absolute; /* left: 0; always show on left */;
	top: 25px;
	display: none;
	color: #555555;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-image: url("/purchase/images/blcurve.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}
ul#topnav li div {
	background-image: url("/purchase/images/brcurve.gif");
	background-position: right bottom;
}
ul#topnav li:hover span {
	display: block;
}
ul#topnav li span a {
	padding-right: 8px;
	display: inline;
	color: #555555;
	text-decoration: underline;
}
ul#topnav li span a:hover {
}

#homepageboxes {
    text-align:left;
}

.HomePageBox {

	float:left;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	width: 268px;
	height: 332px;

	margin:35px 27px;
}

#HomePageContent 
{
    float: left; margin: 20px 35px;
}