/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #fff;
	font: 13px/140% Arial, Helvetica, sans-serif;
	color: #444;
	margin:0; }

/* link */
a { color: #026acb; text-decoration: none; outline: none; }	
a:hover { text-decoration: none; color:#9a0000; }

p { margin: 0 0 1.2em; padding: 0; }

img { border:none; }

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }

/* headings */
h1, h2, h3, h4 { line-height: 1.4; margin: 0 0 .4em 0; }
h1 { font-size: 1.5em; color:#b26969; }
h2 { font-size: 1.3em; color:#9a0000; }
h3 { font-size: 1.25em; color:#777; }
h4 { font-size: 1.15em; color:#333; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

#pagewrap {
	width: 960px;
	padding:0 10px 10px 10px;
	margin: 0 auto;
	background: #fff; }

.breadcrumb { clear:both; height: 26px;  margin:0; background:#efefef; padding: 9px 15px 0 15px; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf;  border-bottom: 1px solid #afafaf; }
/************************************************************************************
HEADER
*************************************************************************************/

#header { width:960px; height:105px; background:url(images/redline.png) 0 75px repeat-x; position:relative; clear:both; }
#header > div.logo { float:left; margin:0; padding:0; width:382px; height:105px; background: url(images/bg_saclogo.png) 0 20px no-repeat; }
#header > div.logo:hover { background: url(images/bg_saclogo-hover.png) 0 20px no-repeat; }
#header > div.logo  h1 a  { display: block; text-indent: -9999px; margin:0; width:382px; height:105px; }

div.logo { float:left; margin:0; padding:0; width:382px; height:105px; background: url(images/bg_saclogo.png) 0 20px no-repeat; }
div.logo:hover { background: url(images/bg_saclogo-hover.png) 0 20px no-repeat; }
div.logo  h1 a  { display: block; text-indent: -9999px; margin:0; width:382px; height:105px; }

/* == Top links === */
#topNavbar    { background: #e7e7e7; overflow:auto;}
#topNav       { color: #000;  font: .9em arial,helvetica,sans-serif; width: 960px; margin: 0 auto; }
#topNav ul    { margin:0; padding: 0 0 0 0; list-style-type: none; float:right;  }
#topNav ul li { margin:0; padding:0; float: left; }
#topNav ul li a:link, div#topNav ul li a:visited   {  display:block; padding: 15px 0 5px 16px; margin:0; color:#000; text-decoration: none;  }
div#topNav ul li a:hover, div#topNav ul li a.active, div#topNav ul li a.selected { color: #9a0000; }

/* top banner */
#topbanner { height:105px; background:url(images/redline.png) 0 75px repeat-x; }

#site-logo { float:left; margin:0; padding:0; width:382px; height:105px; background: url(images/bg_saclogo.png) 0 20px no-repeat; }
#site-logo:hover { background: url(images/bg_saclogo-hover.png) 0 20px no-repeat; }
#site-logo img { border:none; }

/************************************************************************************
SEARCH FORM
*************************************************************************************/
#sitesearch {
	position: relative;
	float: right;
	width: 167px;
	margin-top: 47px;
}

/* search field */
.searchbox  { position:relative; float:right; width:167px; height:15px; padding:0; border:1px solid #999;  }
.searchbox input#searchfield { 
	position:absolute; 
	top:0;
	left:0;
	margin:0; 
	padding: 0 5px; 
	width:140px; 
	height:15px;
	color:#666; 
	font-size:11px;
	border:none; }
.searchbox input#gosearch { position:absolute; width:15px; height:15px; top:0; right:0; }
	
/************************************************************************************
BANNER ROTATOR
*************************************************************************************/

#bannerRotator { clear:both; position:relative;z-index:0; }

#article {
	float: left;
	clear: left;
	width: 700px;
	margin: 0px;
	padding:15px 10px 10px 10px;
	border-left: 2px solid #FFF; 
}

/************************************************************************************
SIDEBAR - HOME PAGE
*************************************************************************************/
#sidebar {
	width: 240px;
	height:482px; /* update 6/7/13: adding 20px */
	margin: 0px;
	float: right;
	z-index: 20;	
}

.makeagift { 
	height:28px; 
	padding:0; 
	background:#f4f4f4 url(images/bg_sidebarheader.png) repeat-x;
	font-size:1.1em;
	font-weight:bold; 
	border: 1px solid #999;
	border-bottom: 3px solid #999;
	margin-bottom:10px; }

.makeagift a, .makeagift a:visited
	{ display:block; color:#9a0000; text-decoration:none; padding:5px 15px; background:url(images/arrow-red.png) no-repeat 210px; }
.makeagift:hover   { background:#666; color:#fff; border: 1px solid #444; border-bottom: 3px solid #444; }
.makeagift a:hover { color:#fff; background:url(images/arrow-gray.png) no-repeat 210px; }

.sidebarContent { 
	height: 482px; /* update 6/7/13: adding 20px */
	border: 1px solid #999; border-bottom: 3px solid #999;
	background: #fff url(images/bg_gradient.png) repeat-x bottom; }

.connect        {  }
.connect p      { font-size:1.1em; font-weight:bold; padding:5px 15px; margin-bottom:10px; border-top: 1px solid #999; border-bottom: 1px dotted #999; color:#000; }
.media-icons    { text-align:center; }
.media-icons img { margin: 2px 5px; }
/************************************************************************************
FOOTER LINKS
*************************************************************************************/
/* == footerLinks columns === */

div#footerLinks   {
	clear: both;
	overflow: auto;
	padding: 60px 0 15px;
	margin: 0px;
	font-size: .9em; }
div#footerLinks a, div#footerLinks a:visited { color:#000; text-decoration:none; }
div#footerLinks a:hover, div#footerLinks a:active { color:#900; }
div#footerLinks h2 { 
	padding:0 0 5px 0; margin:0 0 15px 0; color:#333; font-weight:400; font:1.5em "Times New Roman", Times, serif; text-transform:uppercase; border-bottom:1px solid #e2113b; }

.footerLinksCol1, .footerLinksCol2, .footerLinksCol3, .footerLinksCol4  { float:left; width:16.5%; padding-right:2%; margin:0;  }

.footerLinksCol5 { float:right; width:218px; margin:0; padding:0 10px; border:1px solid #999; }

.footerLinksCol1 ul, .footerLinksCol2 ul, .footerLinksCol3 ul, .footerLinksCol4 ul, .footerLinksCol5 ul { margin:0 0 0 0; padding:0; list-style-type:none; }
.footerLinksCol1 ul li, .footerLinksCol2 ul li, .footerLinksCol3 ul li, .footerLinksCol4 ul li, .footerLinksCol5 ul li { padding-bottom:1px; margin-bottom:8px; line-height:135%; border-bottom:1px dotted #c9c9c9;}

.footerLinksCol1 h3, .footerLinksCol2 h3, .footerLinksCol3 h3, .footerLinksCol4 h3, .footerLinksCol5 h3 { 
	margin:10px 0; padding:0; font-weight:400; font:1.2em/1.5 "Times New Roman", Times, serif; text-transform:uppercase; color:#9a0000;  }

.footerLinksCol5 ol li { padding-bottom:1px; border-bottom:1px dotted #c9c9c9; }

/************************************************************************************
SITE INFO
*************************************************************************************/
#siteInfo {
	clear: both;
	color: #fff;
	font-size: 0.75em;
	letter-spacing: 0.2em;
	text-align: center;
	height: 24px;
	padding-top: 8px;
	background: #666;
	border-bottom:2px solid #333;
	margin: 0px 0px 15px;
}
	
#siteInfo span { background:url(images/whitesquare.png) 0 3px no-repeat; padding-left:20px; margin-left:15px; }
	
#siteInfo a { color: #fff; }

/************************************************************************************
FOOTER LINKS - EXPLORE SAC
*************************************************************************************/
#exploreSAC { clear:both; height:275px; background:#efefef; }

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/************************************************************************************
Level 2, 3, 4...
*************************************************************************************/

.pageTitleBar { height:30px; background:#9a0000; color:#fff; margin-top:6px; border-top:1px solid #000; border-bottom:1px solid #000; }
.pageTitle     { float:left; width:75%; padding: 5px 0 0 15px; /*text-transform:uppercase;*/ font:1.5em Georgia, "Times New Roman", Times, serif; letter-spacing:0.035em; }
.pageTitle h1  { padding:0; margin:0; font-size:1em; color:#fff; font-weight:normal; }
.contact       { float:right; width:10%; text-align:right; padding: 5px 15px 0 0; }
.contact a { color: #fff;}


/************************************************************************************
ARTICLE
/************************************************************************************/
#mainContent-Article {
	clear: both;
	margin: 0;
	overflow: auto;
	padding: 0px;
	background:url(images/bg_maincontent-homeB.png) repeat-y;
	border-bottom:3px solid #afafaf;
}

#article {
	float:right;
	width: 670px;
	margin: 0px;
	padding: 15px 30px 15px 15px;
}

h2#article-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 1.6/125% Arial, Helvetica, sans-serif; }

#article-image { margin: 0 0 15px; }

/************************************************************************************
LEFT NAV
/************************************************************************************/
#leftNav {
	float: left;
	width: 240px;
	min-height: 380px;
	margin: 0px;
	background: url(images/bg_leftnav.png) repeat-x top;
	z-index:20;
}

#leftNav ul { margin:15px 15px 15px 15px; padding:0; font: .95em/1.4 Helvetica, Arial, sans-serif; font-weight:600;  letter-spacing:0.035em; list-style-type:none; }
#leftNav ul li  {   border-bottom:1px dotted #999; padding-bottom:3px;} 
#leftNav ul li  a { display:block; color:#fff; text-decoration:none; } 
#leftNav ul li  a:hover { color:#ccc; font-weight:bold;} 

#leftNav ul li span.heading, #leftNav ul li span.heading a, #leftNav ul li span.heading a:visited {  color:#fff; text-transform:uppercase; padding-top:5px; padding-bottom:5px; font-family:Helvetica, Arial, sans-serif; }
#leftNav ul li span.heading a:hover { color:#900; }

#leftNav ul ul { padding:0; margin:5px 0 5px 20px; font: 11px Verdana, Helvetica, Arial, sans-serif; }
#leftNav ul li ul li {  list-style-image:url(images/bullet_white.png); color:#fff; border:none; font-weight:400; line-height:1.35em; }
#leftNav ul li ul li a, #leftNav ul li ul li a:visited {  color:#fff; } 
#leftNav ul li ul li:hover {  list-style-image:url(images/bullet_gray.png); } 
#leftNav ul li ul li:selected   {  list-style-image:url(images/bullet_gray.png); }
#leftNav ul li ul li  a { display:block; color:#fff; } 
#leftNav ul li ul li  a:hover { color:#ccc; }

/************************************************************************************
FULL PAGE
/************************************************************************************/

.fullpage { clear: both; margin: 0; padding:15px 15px 25px 15px; border-left:1px solid #afafaf; border-right:1px solid #afafaf; border-bottom:3px solid #afafaf; }

#mainContent-Col2  { float:left; width:450px; margin:0; padding:15px; }

/************************************************************************************
SUBSITE HOME PAGE A - 3 COLUMN LAYOUT
/************************************************************************************/

#mainContent-3colWrapper {
	clear: both;
	margin: 0;
	padding: 0px;
	background:url(images/bg_maincontent-homeA.png) repeat-y;
	border-bottom:3px solid #afafaf;
	overflow: auto;
	z-index:0;
}

#middle-col{ float:left; width:480px; margin:0; padding:0; }
#middle-colContent         {
	margin: 0;
	padding: 15px;
}

/* rightColumn */

.rightColumn { float:right; width:210px; margin:0; padding: 15px; min-height:380px; }
.rightColumn ul { margin:15px 15px 15px 15px; padding:0; font-size:.9em; /*font-size:.9em; font-weight:400;  letter-spacing:0.035em; list-style-image:url(images/bullet.png);*/ }
.rightColumn ul li { padding: 0 0 5px 0; margin:0; list-style-image:url(images/bullet.png); }
/*.rightColumn ul li  a { display:block; color:#0665be; } 
.rightColumn ul li  a:hover { color:#900; }*/ 
/*.rightColumn h2 { font-size: 1.3em; color:#9a0000; margin:0; padding:0; }*/



.editableContent  { clear:both; margin:25px 15px; padding:10px; color:#066; border:3px dashed #ccc; }

/************************************************************************************
SUBSITE HOME PAGE B, C - 2 COLUMN LAYOUT
/************************************************************************************/

#mainContent-2colWrapper {
	clear: both;
	margin: 0 0 0 0;
	padding: 0px;
	background:url(images/bg_maincontent-homeB.png) repeat-y;
	border-bottom:1px solid #afafaf;
	overflow: auto;
	z-index:0;
}

.content-col2 { float:right; width:680px; margin:0; padding:15px; }

/********************************************************************************
/* Online Counseling
/********************************************************************************/
/*first time registration button */
.firstTimeOLCounsel {   
	height:28px;
	width:328px;
	padding:0; 
	background:#f4f4f4 url(images/bg_sidebarheader.png) repeat-x;
	font-size:1.1em;
	font-weight:bold; 
	border: 1px solid #999;
	border-bottom: 3px solid #999;
	margin-bottom:30px; 
}
.firstTimeOLCounsel a, .firstTimeOLCounsel a:visited { 
	display:block; 
	color:#9a0000; 
	text-decoration:none; 
	padding:5px 10px; 
	background:url(images/arrow-red.png) no-repeat 308px; 
}
.firstTimeOLCounsel:hover   { background:#666; color:#fff; border: 1px solid #444; border-bottom: 3px solid #444; }
.firstTimeOLCounsel a:hover { color:#fff; background:url(images/arrow-gray.png) no-repeat 308px; }

/*log in dialog aera */
.button  { 
	background:#333; 
	font: 12px Arial, Helvetica, sans-serif;	
	border:1px solid #fff; 
	color:#fff; 
	font-weight:bold; 
	padding: 2px 8px; 
	letter-spacing:0.05em; 
	margin: 10px 5px; 
 } 
.button:hover { color:#FC0; }

.signInField {
	border: 1px solid #888; 
	background-color:#f4f4f4; 
	width: 210px;
	padding: 2;
}

.tblDefault {
	font-family: "Verdana"; 
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 19px;
}

/* Others */
.bold13px {
	font-size:13px;
	font-weight:bold;
}

.longFields {
	border: 1px solid #888; 
	background-color:#f4f4f4; 
	width: 310px;
	padding: 2;	
}

.regFields {
	border: 1px solid #888; 
	background-color:#f4f4f4; 
	padding: 2;	
}

.red { color: #9a0000; }

/************************************************************************************
FORM
/************************************************************************************/

form { width: 100%; }
.row      { clear:both; height:auto; padding: 5px 0; }
.leftcol  { float:left; width: 39%;  text-align:right; font-weight:bold; }
.rightcol { float:right; width: 59%;; }
.submit   { padding-top: 1.5em;}
.rq      { color:#c00; font-size: 1.3em; }

input[type="text"], input[type="email"], textarea, select { font-family:inherit; background:#f7f7f7; border: 1px solid #999; color:#222; margin:0; padding:1px 6px; margin-top:5px; }

input[type="submit"], input[type="reset"] { background:#5a5759; color:#fff; font-weight:bold;padding: 3px 10px; }
input[type="submit"]:hover, input[type="reset"]:hover { background:#9a0000; color:#fff; }
input[type="radio"], input[type="checkbox"] { background:none; color:#fff; padding:0; margin: 0px 6px 0px 0; border:none; }

input.btnEnroll { font-size:1.15em; letter-spacing:1px; padding: 3px 15px; border: 1px solid #222; }
input..btnEnroll:hover { background:#9a0000; color:#fff; }
input..btnEnroll:hover input[type="submit"] { background:#000; color:#fff; border: 1px solid #ccc; }
input..btnEnroll:hover input[type="submit"]:hover { background:#000; border: 1px solid #c00; color:#c00; }

fieldset { padding:10px 20px; border: 1px dotted #9a0000; box-sizing:border-box; overflow:auto;  margin: 15px 0 0 0; }
legend   { padding:0 10px; background:#fff; border-bottom: 2px solid #cb6b6d; box-sizing:border-box; font-weight:bold; font-size:1em; color:#666; }

.button      { font-size: 1.05em; font-weight:bold; background:#9A0000; color:#fff; border:1px solid #111; padding: 3px 10px; border-right: 2px solid #111; border-bottom: 3px solid #111; }
.button:hover { background:#000; }
.bold        { font-weight:bold;  }
.button-row  { padding: 5px 0 5px 40%; margin-bottom: 10px; }

.Row  { clear:both; overflow:auto; margin: 15px 0; }
.Col1 { float:left; width:32%; text-align:right; font-weight:bold; margin-right:2%; }
.Col2 { float:left; width:66%;  }

.txtCenter { text-align:center; }
.red  { color:#f00; font-weight:bold; font-size:125%; }

input:active, input:focus { border-color:#cb6b6d; }

/* ****************************************************************** 
Horizontal menu
******************************************************************* */

#mainMenu { position:relative; clear:both; z-index:10;}
#menuTop {   
	width:960px;
	height:30px;
	background: #666;
	z-index:11;
	border-bottom:1px solid #333; }

ul.menuHoriz    { list-style-type:none; padding:0; margin:0; overflow:hidden; }
ul.menuHoriz li { float:left; height:30px; margin: 0; padding:0; text-align:center;}

ul.menuHoriz li:hover { background: #9a0000; }

ul.menuHoriz li.Discover         { width: 110px; border-right:1px solid #333; }
ul.menuHoriz li.CurrentStudents  { width: 132px; border-left:1px solid #ccc; border-right:1px solid #333; }
ul.menuHoriz li.FutureStudents   { width: 127px; border-left:1px solid #ccc; border-right:1px solid #333; }
ul.menuHoriz li.Academics        { width: 93px; border-left:1px solid #ccc; border-right:1px solid #333;  }
ul.menuHoriz li.ContinuingEd     { width: 162px; border-left:1px solid #ccc; border-right:1px solid #333; }
ul.menuHoriz li.FacultyStaff     { width: 116px; border-left:1px solid #ccc; border-right:1px solid #333;  }
ul.menuHoriz li.Foundation       { width: 98px; border-left:1px solid #ccc; border-right:1px solid #333; }
ul.menuHoriz li.Accreditation    { width: 105px; border-left:1px solid #ccc; }

ul.menuHoriz li  a {}
ul.menuHoriz li  a, ul.menuHoriz li  a:visited {
	display:block; 
	padding: 7px 0 5px 0;
	margin:0; 	 
	font: 1.1em Helvetica, Arial,sans-serif; 
	color:#fff;
	text-decoration: none; 
	text-align:center;
 }
ul.menuHoriz li  a:hover  { display:block; color:#fff; }