﻿/* alternate styles */
body {background:#dee7ef url(/images/homepage/index-contbg.jpg) repeat-x;margin:0 auto;}

#contact-print {display:none;}

#horizontal_container {
margin: 0 auto 10px auto;
padding: 0;
width: 810px;
height: 300px;
background: transparent;
border-bottom: 1px #e8e8e8 solid;
position:relative;
z-index:1000;
top:0;
}

#contentarea .horizontal_accordion_toggle {
float: left;	/* This make sure it stays horizontal */
display: block;
height: 300px;
width: 30px;
background: #779dc2;
color: #f8f8f8;
text-decoration: none;
outline: none;
border-right: 1px solid #0b4094;
cursor: pointer;
margin: 0;
}

#contentarea .horizontal_accordion_toggle_active {
background: #0b4094;
border-right: 1px solid #779dc2;
}

#contentarea .horizontal_accordion_toggle h3 {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
white-space:nowrap;
display:block;
bottom:0;
width:30px;
height:20px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
margin: 260px auto 0 auto;
padding: 0 0 5px 0;
color:#fff;
}
		
#contentarea .horizontal_accordion_content {
height: 300px;	/* We need to define a height for the accordion as it stretches the width */
float: left;	/* This make sure it stays horizontal */
overflow: hidden;
background-color: #f8f8f8;
color: #444444;
width: 750px;
position:relative;
z-index:999;
}

#contentarea .horizontal_accordion_content p.freshmen101 {
display:block;width:325px;background:#f8f8f8;border:2px #0b4094 solid;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;position:absolute;top:175px;left:10px;z-index:1000;
}
#contentarea .horizontal_accordion_content p.transfer101 {
display:block;width:325px;background:#f8f8f8;border:2px #0b4094 solid;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;position:absolute;top:170px;left:5px;z-index:1000;
}
#contentarea .horizontal_accordion_content p.grad101 {
display:block;width:325px;background:#f8f8f8;border:2px #0b4094 solid;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;position:absolute;top:170px;left:0px;z-index:1000;
}
#contentarea .horizontal_accordion_content p.verification {
display:block;width:325px;background:#f8f8f8;border:2px #0b4094 solid;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;position:absolute;top:160px;left:10px;z-index:1000;
}
#contentarea .horizontal_accordion_content div {display:block;width:750px;height:300px;margin:0;padding:0;}
#contentarea h3, #navarea h3 {text-transform:none;margin:5px 10px;padding:0;color:#0b4094;font-size:14px;letter-spacing:-1px;font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;}

#info {width:810px;margin:0 0 0 -1px;padding:0;float:left;border-left:1px #779dc2 solid;}
#info p {width:450px;position:absolute;top:120px;left:400px;border:3px #111 solid;padding:15px;z-index:-1;}
#info ul.indexlist {list-style-type:none;margin:0 0 0 30px;padding:0;}
#info ul.indexlist li {margin:5px 0;}
#content {width:459px;margin:10px 10px 10px 0;padding:0;float:left;}
#content h4 {clear:both;font-size:14px;color:#7796b0;padding:0;margin:5px 0 5px 30px;text-transform:none;letter-spacing:-1px;font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;border-bottom:1px #779dc2 solid;}
#content p {width:400px;font-family:Tahoma, sans-serif;padding:0 10px 0 30px;margin:0 0 10px 0;position:relative;top:0;left:0;border:0;z-index:0;}
#content-lv2 {width:790px;margin:10px 0 0 -1px;padding:0;float:left;border-left:1px #779dc2 solid;}
#content-lv2 p {font-family:Tahoma, sans-serif;padding:5px 10px 5px 15px;margin:0;}
#content-lv2 h1, #content-lv2 h2,#content-lv2 h4 {margin:0 0 0 10px;text-transform:none;}
#annc {width:310px;margin:5px 0 5px 10px;padding:0;float:left;font-size:11px;}
#annc h1 {font-size:16px;color:#7796b0;border-bottom:1px #7796b0 solid;padding:0;margin:7px 0 5px 0;text-transform:none;letter-spacing:-1px;font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;}
#annc p {margin:10px 5px;padding:0;position:relative;top:0;left:0;border:0;z-index:0;width:300px;}
/* navarea - alt version */

#navarea-alt {
	width:177px;
	margin:0 0 -500em 0;
	padding:0 0 500em 0;
	border-right:1px #779dc2 solid;
	border-left:1px #779dc2 solid;
	float: left;
	background: #fff;
	}

#navarea-alt-lv2 {
	width:177px;
	margin:0;
	padding:0;
	border-right:1px #779dc2 solid;
	float: left;
	background: #fff;
	}

#navarea-alt a, #navarea-alt-lv2 a {	
	color:#00267e;
	text-decoration:none;
	}

#navarea-alt a:hover, #navarea-alt-lv2 a:hover {
	text-decoration: underline;
	}

#navarea-alt p, #navarea-alt-lv2 p {margin:0;padding:0 10px;font-family: Tahoma, sans-serif;font-size:11px;}

#sitenav ul li.navlink a {color:#0b4094}
#sitenav ul li.navlink a:hover {text-decoration:underline;}
#sitenav .desc {margin:0;padding:0;font-size:10px;width:150px;}
#sitenav .desc a {text-decoration:none;}
#sitenav .desc a:hover {text-decoration:underline;}
#sitenav ul li {padding:3px 10px;}
#sitenav ul li.home {background: #d6dce6;padding:4px 10px;margin:0;width:157px;}
#sitenav ul li.res {background: #d6dce6;padding:4px 10px;margin:10px 0 0 0;width:157px;}
/* sycamore express area */
#sycexpress {
background-color:#bad4b3;
border-bottom:1px #779dc2 solid;
text-align:center;
}

#sycexpress:hover {
background-color:#cde9c5;
}

#sycexpress p.hdr {
font-size:12px;
text-align:center;
font-family:Arial, Helvetica, sans-serif; 
color:#555040;
margin:0px;
padding:5px 0;}

#sycexpress p {
font-size:11px;
text-align:center; 
color:#555040;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0;
}

#sycexpress a, #sycexpress a:hover {
color:#555040;
border:0px;
text-decoration:none;
}

#sycexpress img {
width:150px;height:auto;margin-top:0px;border:0px;
}



/* level II styles added by j tipton */

#finaid_gray {
width:740px;
padding-top:10px;
padding-right:10px; 
padding-bottom:10px; 
padding-left:0px; 
background-color:#f3f3f3; 
/*margin-left:10px; 
margin-right:25px;*/
margin:8px 25px 8px 10px;
}


#finaid_white {
width:740px;
}

#finaid_white ul.arrow {
list-style-type: none;
margin: 5px 0px 5px 15px;
padding:0;
width:90%;
}

#finaid_white ul.arrow li {
background: url('images/arrow_clear.gif') no-repeat 0 3px;
padding: 0px 10px 10px 10px;
margin: 0;
}

#finaid_white ul.arrow li a {
background: transparent; 
text-decoration: none;
}

#finaid_white ul.arrow li a:hover {
background: transparent; 
text-decoration: underline;
}

#finaid_breadcrumbs {
display: block;
float: right;
margin: 2px 30px 5px 5px;
padding: 0;
background: transparent;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
color: #555040;
}


#finaid_blue {
float:right;
font-size:95%;		
margin:20px;
border:0px solid #cdcdcd;
padding:20px 20px 20px 20px;
width:160px;
background-color:#d6dce6;
color:#555040;
}

#finaid_bigblue {
margin:20px 20px 20px 30px;;
border:0px solid #cdcdcd;
padding:20px 20px 20px 10px;
width:45%;
background-color:#d6dce6;
color:#555040;
}


#apply_links {
float:right;
font-size:95%;		
margin:20px;
border:0px solid #efefef;
padding:20px 20px 20px 20px;
width:275px;
background-color:#d6dce6;
color:#555040;
}

#apply_links ul {
margin-top:0px; 
margin-left:30px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
color:#555040;
}


#apply_fafsa {
margin:20px 20px 20px 30px;
border:0px solid #cdcdcd;
padding:20px 10px 20px 10px;
width:45%;
background-color:#d6dce6;
color:#555040;
}



.hidden { display: none; }

.unhidden {
display: block; 
border: 1px #cdcdcd dotted;
margin-top:5px;
margin-left:25px;
background-color:#f7f7f7;
width:80%;
line-height:100%;
padding:10px 10px 10px 0px;
font-size:95%;
}





/* footer */

#finaid-footer {
clear: both;
margin: 0 auto;
padding: 10px 0;
font-size: 11px;
font-family: "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
text-align:center;
width:988px;
background:#e8e8e8;
border:1px #779dc2 solid;
}

#finaid-footer p {
color: #777;
margin: 0;
padding: 8px 5px;
clear: both;
}

#finaid-footer a {
color: #777;
text-decoration: underline;
}

#finaid-footer a:hover {
text-decoration: underline;
}

#finaid-footer ul {
width: 990px;
margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}
	
#finaid-footer ul li {
display: inline;
font-weight: bold;
color: #777;
padding: 0 10px;
margin: 0;
}

#finaid-footer ul li a {
color: #777;
background: transparent;
text-decoration: none;
}

#finaid-footer ul li a:hover {
background: transparent;
text-decoration:underline;
}

/* askus form */
/* form styles */
#finaid_gray p {margin:5px 0;padding:5px 15px;font-size:13px;line-height:19px;color:#333;font-weight:regular;}
#finaid_gray label {display:block;text-align:right;width:130px;float:left;padding:6px 0;font-family: "proxima-nova",sans-serif;font-size:12px;color:#555040}
#finaid_gray .small {color:#777;display:block;font-size:x-small;font-weight:normal;text-align:right;width:120px;}
#finaid_gray .smallpriv {color:#555;display:block;font-size:10px;font-weight:normal;text-align:left;width:250px;margin:10px 0 10px 100px;}
#finaid_gray input {float:left;font-size:13px;padding:4px 2px;border:solid 1px #b7b7b7;width:400px;margin:2px 0 5px 5px;}
#finaid_gray input.zip {width:85px;margin:0 0 0 5px;}
#finaid_gray input.sycid {width:150px;margin:0 0 0 5px;}
#finaid_gray input.phone {width:35px;margin:4px 2px;float:left;text-align:center}
#finaid_gray input.phone4 {width:35px;margin:4px 2px;float:left;text-align:center}
#finaid_gray input.msgme {width:25px;margin:0;padding:0;float:left;border:0;}
#finaid_gray select {
float:left;
padding:0;
margin:3px 0 5px 5px;
font-size:10px;
width:150px;
border:1px solid #b7b7b7;
height: 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#finaid_gray textarea {margin:2px 0 5px 5px;font-size:13px;padding:0 2px;float:left;width:200px;max-width:200px;min-width:200px;height:50px;min-height:50px;max-height:50px;border:1px #b7b7b7 solid;}
#finaid_gray button {
clear:both;
margin:10px 0 10px 100px;
width:175px;
background:#e4e4e4;
text-align:center;
padding:6px 0;
color:#222;
font-size:15px;
font-weight:bold;
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
border-bottom: 1px #777 solid;
border-right: 1px #777 solid;
}
#finaid_gray button:active {border-bottom: 1px #ccc solid;border-right: 1px #ccc solid;border-top: 1px #777 solid;border-left: 1px #777 solid;}
#finaid_gray label.error {width:300px;color:white;margin: 0 0 0 155px;padding:5px;clear:both;float:none;text-align:left;}
#finaid_gray label.inqerror {width:400px;margin: 5px 0 0 135px;padding:3px;clear:both;float:none;text-align:left;font-weight:bold;color:maroon;font-size:12px;border:1px maroon solid;background:#f0caca;} 
.confirmEmail {display:none;}
