/******************************* layout styles ****************************************/

/* zero out all margin and padding that might posssibly be applied to elements by default */
* {
margin:0; 
padding:0;
font-family:Arial, Helvetica, sans-serif;/* optional-define font for site via parent element */
}

/* all anchor styles-prevent dashed outline */
a, a:hover, a:visited, a:link, a:active {
outline:none;
}

body {
min-width:1020px; /* supported in Mozilla and Safari but not IE */
text-align:center;/* centers layout in middle of screen for IE 6 and below-KLUDGE */
background-color:#464646;
/* so that 1em is equal to 10px */
font-size:62.5%;
}

#all-content {
margin-left:30px;
width:960px;
}

#content {
float:right;
width:777px;
}

/* method to clear without adding markup: http://www.positioniseverything.net/easyclearing.html */
#all-content:after, #content:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}

/******************************* banner styles ****************************************/
#banner-container {
z-index:1;
position:relative;
margin:auto;
width:960px;
height:8.6em;
border-top:1px solid #626262;
background:#1d4564;
}

img#branding {
float:left;
display:block;
width:620px;
height:8.6em;
background:#1d4564;
}

#looking-for {
position:absolute;
left:500px;
top:5px;
font-size:1.05em; 
color:#88b4e1;
background:#083562;
}

#college-links {
position:absolute;
left:460px;
top:0;
width:500px;	
}

#banner-info-container {
float:right;
width:340px;
height:6.6em;
padding-top:2em;
background:#083562 url(../images/core/info-container-bg.png);
}

#college-links ul {
float:right; 
list-style:none;  
margin:5px 25px 0 0; 
padding:0; 
font-size:1.05em; 
}

#college-links ul li {
float:left; 
padding:0 2px;
}

#college-links ul li a {
text-decoration:none;
color:#fff; 
}

#college-links ul li a:hover {
text-decoration:underline;
}

#search-container {
float:left;
width:225px;
margin-left:90px;
padding-top:.75em;
}

/********************** search by degree button + overlay ********************/
a#search-by-degree {
visibility:hidden;
display:block;
width:210px;
height:16px;
margin-top:0;
padding-top:2px;
padding-left:10px;
border:2px solid #a4abb1;
font-size:12px;
text-decoration:none;
color:#474747;
background:#fff url(../images/core/search-by-degree2.png) no-repeat bottom right;
}

#search-by-degree-overlay {
/* need to set to 'display:none;' NOT 'visibility:hidden;' to use jQuery toggle() */
display:none;
position:absolute;
z-index:888;
top:49px;
left:635px;
width:300px;
height:750px;
overflow:auto;
padding-bottom:10px;
border-right:1px solid #474747;
border-bottom:1px solid #474747;
border-left:2px solid #b2b2b2;
background:#fff;
}

#search-by-degree-overlay h3 {
padding:10px 0 3px 10px;
font-size:1.25em;
text-transform:uppercase;
color:#073566;
}

#search-by-degree-overlay ul {
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}

#search-by-degree-overlay ul li {
margin:0;
padding:0;
}

#search-by-degree-overlay ul li a {
display:block;
padding:3px 0;
font-size:1.2em;
text-decoration:none;
color:#474747;
}

#search-by-degree-overlay ul li a:hover {
text-decoration:none;
background-color:#ccc;
}

#search-by-degree-overlay ul li a.hide-degree-search {
display:block;
width:35px;
height:18px;
margin:10px 0 10px 85px;
padding-top:2px;
border:1px solid #666;
font-size:1.15em;
text-align:center;
text-decoration:none;
background:#a4abb1;
color:#fff
}

/* note IE hacks for search search elements see IE hack files */
form#cse-search-box {
/* display:none; */
width:240px;
margin-top:-2px;
}

form#cse-search-box input.text {
display:block;
float:left;
width:160px;
margin-top:1em;
height:12px;
border:2px solid #597a95;
font-size:1em;
color:#656565;
}

form#cse-search-box input.submit {
display:block;
float:right;
width:45px;
height:13px;
margin-top:1.7em;
margin-right:1.9em;
padding-bottom:3px;
border:none;
text-transform:uppercase;
font-size:.8em;
background:url(../images/core/search_but2.gif) no-repeat;
color:#fff;
}

/******************************* image replacement styles ****************************************/
.IR-text {
display:block;
height:0;
width:0;
text-indent:-9999px;
color:#CC9900;
}

/******************************* main menu styles ****************************************/
ul#main-menu {
clear:both;
float:left;
width:890px;
margin-left:3em; 
list-style-type:none;
padding-left:5.5em;
padding-right:1.5em;
border-top:1px solid #ababab;
border-bottom:1px solid #ababab;
background:#cbb79f url(../images/core/mainnav-bg.png) repeat-x top left;
}

ul#main-menu li, ul#main-menu li.start-menu {
float:left;
}

ul#main-menu li {
border-right:1px solid #e5dbcf;
}

ul#main-menu li.start-menu {
border-left:1px solid #e5dbcf;
}

ul#main-menu li a {
float:left;
display:block;
padding:.4em .9em .35em .9em;
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#fff;
}

body#home ul#main-menu {
padding-left:7em;
padding-right:0;
}

body#home ul#main-menu li a {
padding:.4em 1.2em .35em 1.1em;
}

/******** for the 'you are here cues' ****************/
#about ul#main-menu li a#about-mainnav, 
#academic ul#main-menu li a#academic-mainnav, 
#admissions ul#main-menu li a#admission-mainnav, 
#financial ul#main-menu li a#financial-mainnav, 
#online ul#main-menu li a#online-mainnav, 
#military ul#main-menu li a#military-mainnav,
#campuses ul#main-menu li a#campuses-mainnav,
ul#main-menu li a:hover {
background:url(../images/core/navbar_select_but.png) repeat-x top right;
color:#575757;
}

/******************************** secondary navigation *************************************/
#secondary-nav {
float:left;
width:183px;
}

#secondary-nav a.section-link {
display:block;
margin:.9em 1em 1em .9em;
padding-bottom:.4em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:1.5em;
border-bottom:1px solid #ccc;
color:#1d497a;
}

#secondary-nav a.section-link:hover {
color:#990002;
}

#secondary-nav ul {
list-style-type:none;
}

#secondary-nav ul li a, #secondary-nav ul li a.selected-link  {
display:block;
margin-bottom:.3em;
margin-left:1.3em;
padding:.2em 0;
font-size:1.2em;
text-decoration:none;
font-weight:bold;
}

#secondary-nav ul li a  {
color:#656565;
}

#secondary-nav ul li a:hover  {
text-decoration:underline;
}

#secondary-nav ul li a.selected-link  {
color:#9a0002;
}

/***************** child menu ******************/
#secondary-nav ul.child-menu li a, #secondary-nav ul.child-menu li a.child-link-selected  {
display:block;
margin-bottom:.3em;
margin-left:2em;
padding:.2em .9em;
font-size:1.1em;
text-decoration:none;
}

#secondary-nav ul.child-menu li a  {
color:#656565;
}

#secondary-nav ul.child-menu li a:hover  {
text-decoration:underline;
}

#secondary-nav ul.child-menu li a.child-link-selected  {
background:url(../images/core/child-menu-arrow.gif) no-repeat 0 5px;
color:#9a0002;
}

/***************** toddler menu ******************/
#secondary-nav ul.toddler-menu li a, #secondary-nav ul.toddler-menu li a.toddler-link-selected  {
display:block;
margin:4px 10px 4px 32px;
padding:0 0 3px 0;
font-weight:normal;
font-size:1.01em;
text-decoration:none;
}

#secondary-nav ul.toddler-menu li a  {
color:#666;
}

#secondary-nav ul.toddler-menu li a:hover  {
text-decoration:underline;
color:#960001;
}

#secondary-nav ul.toddler-menu li a.toddler-link-selected  {
color:#9a0002;
background:none;
}

a.pdf {
background:url(../images/pdf_icon.gif) no-repeat;
padding:0 0 30px 20px;
color:#960001;
}

a.pdf:hover {
color:#656565;
}

/******************************** readmore and other core styles *************************************/
a.readmore-ver2, a.readmore-ver3 {
clear:both;
margin:0 .25em 0 .25em;
text-decoration:underline;
font-size:1.1em;
color:#990002;
}

a.readmore-ver3 {
padding-left:1.25em;
}

img.readmore-arrow {
margin-bottom:-2px
}

a.external-link {
text-decoration:underline;
color:#960001;
}

a.external-link:hover {
text-decoration:none;
color:#656565;
}

.italic {
font-style:italic;
}

sup.attribution, 
#main-content span.tiny-text,
.tiny-text {
font-size:.85em;
}

#main-content p.tiny-text {
margin:4px 0;
padding:0;
font-size:1.1em;
}
/******************************* footer styles ****************************************/
#footer {
overflow:hidden;
clear:both;
margin:auto;
width:1020px;
height:65px;
background:#ccc url(../images/core/footerbkgd.png) no-repeat left bottom;
}

#footer ul {
list-style-type:none;
margin-left:280px;
}

#footer ul li {
float:left;
padding:8px 8px 0 0;
}

#footer ul li a {
padding-right:8px;
border-right:1px solid #000;
text-decoration:none;
color:#000;
}

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

#footer ul li a.last-footer-item {
border-right:none;
}

#footer ul li.social-media {
padding:3px 8px 0 0;
}

#footer ul li.social-media a {
display:block;
float:left;
width:22px; 
height:22px;
padding:0;
border:none;
}

#footer ul li.social-media a#twitter {
background:#0c2340 url(../images/core/twitter.png) no-repeat left top;
}

#footer ul li.social-media a#facebook {
background:#0c2340 url(../images/core/facebook.png) no-repeat left top;
}

#footer ul li.social-media a#youtube {
background:#0c2340 url(../images/core/youtube.png) no-repeat left top;
}

#footer ul li.social-media a#linkedin {
background:#0c2340 url(../images/core/linkedin.png) no-repeat left top;
}

/* hide whoson.com chat link  and image nested inside */
a#whoson_chat_link, a#whoson_chat_link  img {
display:none;
}
