@charset "utf-8";
/* CSS Document */
html {overflow-y: scroll}
* {
margin: 0;
padding: 0;
}
#search {
padding-bottom: 15px;
}
#search input {
border: 0px solid #333;
/** ie hack **/
*height: 16px;
}
#topImage {
margin: 0 auto;
width: 760px;
margin-top: 40px;
}
.indent {
margin-left: 22px;
font-size: 11px;
padding-bottom: 3px;
}
.indentTd {
padding-left: 35px;
}
body {
background: #D6CB74 url(../images/backgrounds/bodyBG.gif) no-repeat top center;
/*background: #F3BC62 url(../images/backgrounds/bodyBG2.png) no-repeat top center;*/
font: .8em/140% Verdana, Arial, Helvetica, sans-serif;
}
#content {
margin: 0 auto;
width: 760px;
margin: 0 auto;
width: 760px;
background-image: url(../images/wrapperBackgroundTan.gif);
background-repeat: repeat-y;
padding-top: 20px;
}

/************************************************
Very Top Bar at the top of the screen
*************************************************/
#topBarColor {
background-color: #235393;
}
#topBar {
position: relative;
width: 760px;
height: 55px;
margin: 0 auto;
}
#topBar a img {
padding-top: 3px;
border: none;
}
#topCenter {
position: absolute;
top: 1px;
text-align: right;
right: 0;
color: #fff;
}
#topCenter a {
color: #fff;
text-decoration: none;
font-size: .95em;
}
#hotline {
margin-top: 14px;
}
#hotline span {
color: #B2003A;
}
/************************************************
Header information
*************************************************/
h1, h2, h3, h4, h5, #centerColumn li {
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1 {
font-size: 1.4em;
padding: 5px 0;
color: #B1003C;
}
h1 a {
text-decoration: none;
color: #b1003c;
}
h2 {
font-size: 1.2em;
color: #444;
padding-top: 15px;
}
h3 {
padding: 4px 10px;
color: #245493;
font-size: 1.1em;
}
h4 {
font-size: 1em;
padding-top: 4px;
margin-bottom: -5px;
color: #245493;
}
h5 {
font-size: 1em;
color: #245493;
}
/************************************************
Redefine standard tags
*************************************************/
a {
color: #245493;
}
p {
padding: 6px 0;
}

/************************************************
Table styling
*************************************************/
table {
background-color: #E6EFA4;
margin-top: 10px;
}
table img {
border: none;
}
thead {
font-size: 1.2em;
color: #B3323D;
font-weight: bold;
height: 35px;
}
tbody {
background-color: #D1E24D;
}
th {
color: #B3323D;
text-align: left;
height: 60px;
padding: 2px 7px;
}
.alignRight {
text-align: right;
}
td {
padding: 2px 7px;
}
/************************************************
PDF Forms
*************************************************/
dd {
padding-left: 15px;
margin-bottom: 10px;
}
dt a {
font-weight: bold;
}
.mpnplus,
.mpnstfrd {
display:none;
}
/************************************************
Main Content Area
*************************************************/
#mainContent, #mainContentDev, #mainContentTest {
float: left;
width: 540px;
margin-top: -20px;
padding: 10px;
padding-bottom: 20px;
}
#mainContentDev {
background-image: url(../images/dev.gif);
background-repeat: repeat;
}
#mainContentTest {
background-image: url(../images/test.gif);
background-repeat: repeat;
}
#mainContent ul, #mainContentDev ul , #mainContentTest ul {
padding-left: 35px;
padding-bottom: 10px;
}
#mainContent ul li, #mainContentDev ul li, #mainContentTest ul li {
padding-top: 5px;
}
#mainContent ul ul {
	margin-bottom: -7px;
	}
#leftColumn {
float:left;
width: 190px;
margin-top: -20px;
font-size: .9em;
}
#leftColumn ul {
list-style: none;
}
#leftColumn ul li {
margin: 10px;
border-bottom: 1px dashed #333;
padding-bottom: 6px;
}
#leftColumn ul li a {
color: #333;
text-decoration: none;
}
#leftColumn ul li a:hover {
color: #245493;
}
#leftColumn p {
padding: 8px;
border: 1px solid #666;
background-color: #C0d43a;
margin: 4px;
}
pre {
font: bold 1.05em/140% Verdana, Arial, Helvetica, sans-serif;
padding-left: 200px;
margin-top: -16px;
}
/************************************************
Columns for index page
*************************************************/
#centerColumn {
float: left;
margin-top: -20px;
padding: 10px;
width: 170px;
border-right: 1px dotted #777;
display: block;
}
#centerColumn ul {
padding-left: 15px;
}
#centerColumn li {
font: 1em/130% Arial;
padding-bottom: 6px;
}
a:link h1 {
text-decoration: underline;
}
#rightColumn {
float: left;
margin-top: -20px;
width: 359px;
padding: 10px;
}
#bottomColumn {
padding: 10px;
float: right;
width: 550px;
border-top: 1px dotted #666;
}
#addSpace a img {
border: none;
}
#linkColor1, #linkColor2, #linkColor3, #linkColor4 {
text-align: center;
}
#linkColor1 {
background-color: #B2003A;/*#ED5F60*/
}
#linkColor2 {
background-color: #C0D43A;
}
#linkColor3 {
background-color: #01BBE2;
}
#linkColor4 {
background-color: #F7AF43;
}
#topImageDefault {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/topmain2.jpg);
background-repeat: no-repeat;
height: 221px;
}
#topImage1 {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/plan-for-college-girlLeaningOnTree.jpg);
background-repeat: no-repeat;
height: 235px;
}
#topImage2 {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/pay-for-college-graduate.jpg);
height: 235px;
}
#topImage3 {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/in-the-community-Clay.jpg);
height: 235px;
}
#topImage4 {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/help-saf-redScarfGirl.jpg);
height: 235px;
}
#topImage5 {
margin: 40px auto 0 auto;
width: 760px;
background-image: url(../images/resources-libraryStacksBoy.jpg);
height: 235px;
}
/************************************************
login styling
*************************************************/
fieldset {
margin: 15px 30px;
padding: 5px;
}
#login {
width: 350px;
float: left;
padding-right: 20px;
}
#mainContent label, #mainContentDev label, #mainContentTest label {
padding: 0 3px 6px 3px;
display: block;
}
legend {
background: #ddd url(../images/submit_button.jpg);
padding: 0px 20px;
border: 1px solid #999;
margin-bottom: 10px;
}
.btn {
display:block;
margin-left: 20px;
border: 1px solid #ccc;
padding: 1px 15px;
margin-top: 8px;
background-color: #EFF0D9;
}
.btn:hover {
background-color: #D6CB74;
}
.small {
font-size: 0.85em;
color: #666;
margin-top:-10px;
padding-left: 10px;
}
/************************************************
footer info
*************************************************/
#footer {
color: #666;
font-size: .8em;
clear: both;
width: 740px;
margin: 5px auto;
line-height: 120%;
text-align: right;
}
#footer a {
color: #666;
text-decoration: underline;
}
.errorText {
color: #B2003C;
}

/* Login pages */
#mcisLinks {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-weight: bold;
 color: #1D5693;
 text-align: center;
 margin: 3px;
 padding: 3px;
 float: left;
 width: 124px;
 clear: none;
}
/* margins for student-profile.jsp */
#mainContent img {
 margin: 0px 10px;
}
/* unique table for golf schedule*/
table#tableSchedule {
background-color: #FFF;
margin: 30px;
}
table#tableSchedule tbody {
background-color: #FFF;
}
table#tableSchedule th {
font-size: 1.2em;
color: #444;
height: 10px;
}
/* Toggle trigger */
h1.trigger {
background: #EFF0D9 url(../images/arrow.gif) no-repeat 3px 45%;
padding-left: 22px;
cursor: pointer;
margin-bottom: 3px;
border: 1px solid #ccc;
color: #2473CB;
font-size: 1.25em;
*width: 98%;
}
/* Toggle trigger */
h1.show {
background: url(../images/arrow.gif) no-repeat 3px 45%;
padding-left: 22px;
cursor: pointer;
margin-bottom: 3px;
color: #245493;
font-size: 1.15em;
}
h1.shownotoggle {
margin-bottom: 3px;
color: #245493;
font-size: 1.15em;
}
h1.trigger:hover {
background-color: #E6E8C6;
}
.togglediv {
display: none;
}
.togglerror {
display: inline;
}
/* MENU */
/*** ESSENTIAL STYLES ***/
#menu {
margin: 0 auto;
*margin-top: -3px;
width: 760px;
height: 31px;
_height: 29px;
background-color:#A88CC1;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
z-index: 1000;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 1000;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size: 13px;
	z-index: 1000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*Below is code from old menu still needed */
/*===============================================*/


.sf-menu ul li {
	border-right: 0;
}
.sf-menu ul {
margin-top: -1px;
padding: 0;
background-color: #FBC2BB;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #CCC;
position: absolute;
}

.sf-menu a {
display: block;
text-decoration: none;
padding: 8px 3px;
color: #333;
height: 15px;
font-size: 13px;
letter-spacing:0px;
width: 179px;
border-bottom: 1px solid #FED7AD;
text-align: center;
}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus {
	color: #FFF;
}
.sf-menu ul, .sf-menu ul li {
	width: 260px;
}
.sf-menu li li a {
width: 255px;
text-align: left;
}
.sf-menu li li li a {
text-align: left;
}
.one {
background: #009DDC url(../images/home.png) no-repeat 50% 50%;
}
.one a:hover {
background-color:#05478F !important;
background: #05478F url(../images/home.png) no-repeat 50% 50%;
}
.two {
background-color:#B0D06B;
}
.two a:hover {
background-color:#8BB339 !important;
}
.three {
background-color:#F58A7C;
}
.three a:hover {
background-color:#F26753 !important;
}
.four {
background-color:#FDC26A;
}
.four a:hover {
background-color:#FCA92E !important;
}
.five {
background-color:#A88CC1;
}
.five a:hover {
background-color:#8A64AC !important;
}
.six {
background-color:#B0D06B;
}
.six a:hover {
background-color:#8BB339 !important;
}
.seven {
background-color:#F58A7C;
}
.seven a:hover {
background-color:#F26753 !important;
}

.sf-menu a {_height: auto !important;}
.sf-menu ul a {_height: 1em !important;}
.clearit {clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	8px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.3em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrowsf.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			11px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

#imgPreviewWithStyles {
background: #D6CB74;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 8px;
z-index: 999;
border: 1px solid #666;
}
.preview{
cursor: pointer;
}