﻿body 
{
    background: #001234;
    font: 14px Verdana, Helvetica, sans-serif; 
    color: #000000;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
    min-width: 1000px;
    margin: 0px;
    padding: 0px;
}
p 
{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 150%;
}
h1 
{
    color: #001234;
    font: italic 26px "Palatino Linotype", Palatino, Tahoma, Arial, sans-serif;
}
h2 
{
    color: #001234;
    font: italic 22px "Palatino Linotype", Palatino, Tahoma, Arial, sans-serif;
}
h3 
{
    color: #89b3ff;
    font: 18px Verdana, Helvetica, sans-serif;
}
h4 
{
    color: #89b3ff;
    font: italic 16px Verdana, Helvetica, sans-serif;
}
h5 
{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
h6 
{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
a:link 
{
    text-decoration: none;
    color: #487cdb;
}
a:visited 
{
    text-decoration: none;
    color: #487cdb;
}
a:hover 
{
    text-decoration: underline;
    color: #001234;
}
a:active 
{
    text-decoration: none;
    color: #001234;
}
img 
{
    border-style: none;
}
/* EMERGENCY BANNER STYLING */
#emergency
{
    position: relative;
    margin: 0px;
    width: 100%;
    height: 50px;
    background-color: Red;    
    text-align: center;
    padding: 1px 0px;
}
#emergency p, #emergency
{
    color: White;
    font: italic 18px bold "Trebuchet MS", helvetica, sans-serif;
}
#emergency p a:link, #emergency p a:visited, #emergency a:link, #emergency a:visited
{
    font-weight: bold;
    font-style: italic;
    color: #001234;
    text-decoration: none;
}
#emergency p a:hover, #emergency p a:active, #emergency a:hover, #emergency a:active
{
    font-weight: bold;
    font-style: italic;
    color: #7d0000;
    text-decoration: underline;
}
/* PAGE WRAPPER */

#pageWrapper 
{
    position: relative;
    width: 1000px;
    min-height: 1200px;
    height: auto !important;
    height: 1200px;
    margin: 0px auto;
    z-index: 1;
    border: solid 10px #000000;
    padding-top: 160px;
    padding-bottom: 50px;
}

/* VISUAL EFFECTS */

#amb 
{
    position: absolute;
    width: 811px;
    height: 397px;
    top: 0px;
    left: 0px;
    background: url("amb.png") no-repeat;
    z-index: 4;
}
#topGrunge 
{
    position: absolute;
    width: 967px;
    height: 1060px;
    left: 0px;
    top: 0px;
    background: url("topGrunge.png") no-repeat;
    z-index: 3;
}
#bottomGrunge 
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 1000px;
    height: 758px;
    background: url("bottomGrunge.png") no-repeat;
    z-index: 2;
}

/* GLOBAL NAV */

#globalNav 
{
    position: absolute;
    top: 10px;
    right: 40px;
    z-index:10;
    text-align: right;
    line-height: 0%;
}
a.globalNav 
{
    display: block;
    color: #9f9f9f;
    font: 14px "Palatino Linotype", Palatino, Tahoma, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: capitalize;
}
a:hover.globalNav 
{
    color: #ffffff;
    text-decoration: none;
}
.clearField 
{
    width: 120px;
    height: 20px;
    margin-left: 10px;
    color: #d6d6d6;
    font: bold italic 14px "Palatino Linotype", palatino, Helvetica, serif;
}
.clearFieldActive 
{
    color: #000000;
    font: 14px "Palatino Linotype", palatino, Helvetica, serif;
}
.searchBtn 
{
    width: 23px;
    height: 23px;
    text-decoration: none;
    background: url("/students/csSearchBtn.png") no-repeat 0px 0px;
}
.searchBtn:hover 
{
    background-position: -23px 0px;
}

/* CONTENT AREA */

#contentWrapper 
{
    position: relative;
    margin: 0px auto 10px auto;
    width: 950px;
    min-height: 1000px;
    height: auto !important;
    height: 1000px;    
    border: solid 7px #000000;
    z-index: 50;
    text-align: center;
    padding-bottom: 25px;
    
}
#bg 
{
    position: absolute;
    background: #ffae00 url("contentBG.jpg") repeat-x;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: .93;
    filter:alpha(93);
}
#contentHeader 
{
    position: relative;
    margin: 0px auto;
    width: 900px;
    height: 100px;
    background: url("headerBg.png") no-repeat;
    z-index: 51;
    opacity: 1.0;
    filter:alpha(100);
}
a.logo
{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 231px;
    height: 61px;
    background: url("csLogo.png") no-repeat 0px 0px;
}
a:hover.logo 
{
    background-position: 0px -61px;
    text-decoration: none;
}

/* HIGHLIGHTS */

#highlights 
{
    position: absolute;
    top: 0px;
    right: 20px;
    width: 399px;
    height: 90px;    
}
.highlights 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.highlights li 
{
    position: relative;
    padding: 0px;
	cursor: default;
	width: 123px;
    height: 90px;
    margin-right: 10px;
	text-decoration: none;
	float: left;
}
.item 
{
    display: inline-block;
    position: relative;
    width: 123px;
    height: 90px;
}
.highlightPic 
{
    position: absolute;
    left: 0px;
    width: 123px;
    height: 90px;
    overflow: hidden;
}
a:hover.highlightPic
{
    background-position: 0px -100px !important;
}

/* SITE NAV */

#siteNav 
{
    position: relative;
    width: 870px;
    height: 180px;
    margin: 0px auto;
    overflow: hidden;
    text-align: right;
}
#siteNavBG
{
    position: absolute;
    width: 870px;
    height: 180px;
    overflow: hidden;
    top: 100px;
    right: 35px;
    padding-left: 9px;
    background: url("navBgDrop.png") no-repeat 0px 0px;
}

/* MAIN CONTENT SECTION */

#copyHeader
{
    position: relative;
    margin: 0px auto;
    width: 900px;
    height: 99px;
    background: url("copyHeader.png") no-repeat;
}
#copyWrapper
{
   position: relative;
   margin: 0px auto;
   width: 886px;
   min-height: 620px;
   height: auto !important;
   height: 620px;
   background: white;
   border: solid 7px #001234; 
}
#copy 
{
    position: relative;
    padding: 20px;
    width: 846px;
    text-align: left;
    z-index: 300;
}
#breadcrumbs 
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 100%;
    color: #89b3ff;
    text-transform: uppercase;
    z-index: 70;
}
.breadcrumbs a:link
{
    color: #89b3ff;
}
.breadcrumbs a:visited
{
    color: #89b3ff;
}
.breadcrumbs a:hover
{
    color: #ffffff;
}
.breadcrumbs a:active
{
    color: #cccccc;
}
/* FOOTER */
#footer 
{
    position: relative;
    margin: 20px auto 0px auto;
    text-align: center;
    z-index: 400;
    width: 800px;
    height: 100px;
    background: #ffffff;
    border: solid 6px black;
}
.footer p
{
    color: #001e56;
    font: 14px Verdana, Helvetica, sans-serif;
}
.footer a:link
{
    color: #426bb8;
    text-decoration: none;
    font: bold 14px "Palatino Linotype", Palatino, serif;
}
.footer a:visited 
{
    color: #426bb8;
    text-decoration: none;
}
.footer a:hover
{
    color: #184fb7;
    text-decoration: none;
}
.footer a:active
{
    color: #273f6b;
    text-decoration: none;
}

/* OTHER ELEMENTS */

a.DegreesBtn 
{
    display:inline-block;
    width: 187px;
    height: 66px;
    background: url("/images/DegreesBtn.png") no-repeat 0px 0px;
    text-decoration: none;
}
a:hover.DegreesBtn 
{
    background-position: 0px -66px;
    text-decoration: none;
}

a.ClassesBtn 
{
    display: inline-block;
    width: 187px;
    height: 66px;
    background: url("/images/ClassesBtn.png") no-repeat 0px 0px;
    text-decoration: none;
}
a:hover.ClassesBtn 
{
    background-position: 0px -66px;
    text-decoration: none;
}
/* The Class below is for viewing PDFs from the DMS on a webpage (added by Ty) */
.ektdmsiframe
{
    height: 1100px;
}

.search , .suggestedResults ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.search li:hover 
{
    background-color: #f4f4f4;
}
.suggestedResults
{
    background-color: #f4f4f4 !important;
    margin-bottom: 10px;
}
.suggestedResults li:hover 
{
    background-color: #eaedff;
}
/* HEADER STYLE FOR MINISTRY OPENINGS */
.ministryHeading 
{
    font: bold italic 16px Verdana, Helvetica, Arial, sans-serif;
}
/* ACADEMICS BUTTONS */
a.applyBtn, a.enrollBtn, a.onlineCoursesBtn
{    
    display: block;
    width: 187px;
    height: 66px;
    text-decoration: none;
}
a.applyBtn 
{
    background: url("/images/applyBtn.png") no-repeat 0px 0px;
}
a.enrollBtn 
{
    background: url("/images/enrollBtn.png") no-repeat 0px 0px;
}
a.onlineCoursesBtn 
{
    background: url("/images/onlineCoursesBtn.png") no-repeat 0px 0px;
}
a:hover.applyBtn, a:hover.enrollBtn, a:hover.onlineCoursesBtn
{
    background-position: 0px -66px;
    text-decoration: none;
}
#ctl00_ContentPlaceHolder1_UpdateProgress1 
{
    position: absolute;
    top: 10px;
    right: 0px;
    width: auto;
    height: auto;
}
#links 
{
    position: absolute;
    top: 40px;
    right: 0px;
    width: 500px;
    height: 35px;
}
#communique {
bottom: 0px;
}
#Review {
margin: 0px 90px 0px 0px;
display: inline-block;
}
#contactUs {
display: inline-block;
margin: 0px;
padding: 10px 0px 0px 0px;
}
#contactUs a {
text-decoration: none;
width: 75px;
height: 38px;
background: url("/images/feedbackIcon.png") no-repeat 0px 0px;
float: left;
}
#contactUs a:hover {
text-decoration: none;
background-position: 0px -38px;
}
.addthis_toolbox {
display: inline-block;
margin: 0px 90px 0px 0px;
}
a.StudentsCSI, a.MentorCSI {
width: 100px;
height: 35px;
display: inline-block;
float: right;
}
a.StudentsCSI {
background: url("/images/CSIBtns.png") no-repeat 0px 0px;
}
a:hover.StudentsCSI {
background-position: 0px -35px;
}
a.MentorCSI {
background: url("/images/CSIBtns.png") no-repeat -100px 0px;
}
a:hover.MentorCSI {
background-position: -100px -35px;
}
.dropdown, .dropdownProps {
top: 40px !important;
left: 0px !important;
}