@charset "utf-8";
/* Grace University CSS styles by The Studio 23, Terrell Robbins - thestudio23@gmail.com*/

/* PNG Fix */

img, div { behavior:url(http://www.graceu.edu/iepngfix.htc);}

/* General Styles */

body{
background:url(../images/structure_images/body_bg.jpg) repeat-x #233870;
margin:0px;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
}

h2, h3, h4, h5, p, li, a, #mp_backlinks, td{
font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, p, li, a, ul{
margin:0;
padding:0;
outline:none;
}

h4 {
font-size:13px;
color:#666666;
margin-bottom:10px;
}

h5{
font-size:10px;
color:#666666;
font-weight:normal;
margin-bottom:10px;
}

p,td{color:#333333;
}

li{
list-style:none;
}

a{
text-decoration:none;
}

table{
margin-bottom:10px;
}
#allContainer, #headerContainer, #navigationContainer, #bannerContainer, #contentContainer, #footerContainer, #footerContainer2, #breadcrumbsContainer{
width:973px;
}

/* Content Container Fancy*/
#allContainerFancy{
width:550px;
}

#contentContainerFancy{
height:auto;
min-height:200px;
float:left;
background:url(../images/structure_images/contentContainer_bg.png) repeat-y;
}

#contentContainerFancy a{
color:#336699;
}

#contentContainerFancy a:hover{
text-decoration:underline;
}

#contentContainerFancy li, #contentContainerFancy p, #contentContainerFancy a, #contentContainerFancy td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#contentContainerFancy li, #contentContainerFancy p{
color:#333333;
}

#contentContainerFancy p, #contentContainerFancy td, #contentContainerFancy li{
line-height:18px;
}

#contentContainerFancy td{
padding:0 5px 5px 0;
}

#contentContainerFancy{
width:550px;	
}

#allContainer{
height:auto;
margin:auto;
}

/* Header Container */
#headerContainer{
height:96px;
background:url(../images/structure_images/header_bg.png) no-repeat;
float:left;
position:relative;
}

#subNav, #myGraceLogin{
float:left;
margin: 56px 0 0 0;
}

#subNav{
height:30px;
width:200px;
margin-left:600px;
padding-top:10px;
}
#subNav li{
width:auto;
padding:0 10px;
display:inline;
line-height:30px;
font-size:11px;
border-right:1px solid #006699;
}

#subNav li a{
color:#FFFFFF;
}

#subNav li a:hover{
color:#3399CC;
}

#myGraceLogin{
height:40px;
width:170px;
}

#myGraceLogin, #myGraceLogin a{
display:block;

}

#myGraceLogin a{
width:120px;
height:20px;
background:url(../images/structure_images/myGraceLogin_bg.png) -10px 0 no-repeat;
padding:20px 0 0 40px;
font-size:12px;
font-weight:bold;
color:#996600;
}

#myGraceLogin a:hover{
background:url(../images/structure_images/myGraceLoginHover_bg.png) -10px 0 no-repeat;
text-decoration:none;
}

/* Navigation Container */
#nav{
width:973px;
height:33px;
background:url(../images/structure_images/navigation_bg.png) no-repeat;
float:left;
position:relative;
z-index:100;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style:none;
}

#nav a {
display:block;
width:auto;
height:33px;
line-height:33px;
padding:0 28px;	
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#nav li {
float:left;
}

#nav li:hover{
background:url(../images/structure_images/navigation_liHover_bg.png);
}

#nav li ul {
position: absolute;
width: 200px;
left: -999em;
background:#FFFFFF;
border:1px solid #336699;
}

#nav li ul a{
width:200px;
height:25px;
font-weight:normal;
color:#336699;
padding:0px;
line-height:25px;
text-align:center;
}

#nav li ul a:hover{
color:#FFFFFF;
}

#nav li:hover ul {
left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}

.navigationSep{
background:url(../images/structure_images/navigationSep.png) no-repeat;
}

/* Banner Container */
#bannerContainer{
height:199px;
float:left;
background:url(../images/structure_images/homeBanner_bg.png) no-repeat;
}

#bannerContainerLarge{
height:339px;
float:left;
background:url(../images/structure_images/homeBanner_bg3.png) no-repeat;
}

/* Breadcrumbs Container */
#breadcrumbsContainer{
height:22px;
float:left;
background:url(../images/structure_images/breadcrumbsContainer_bg.png) no-repeat;
}

.breadCrumbsTitle, #mp_backlinks{
float:left;
font-size:11px;
color:#666666;
}

.breadCrumbsTitle{
margin:5px 0 0 25px;
}

#mp_backlinks{
margin:5px 0 0 5px;
}

#mp_backlinks a{
color:#336699;
padding:0 5px;
}

#mp_backlinks a:hover{
background:#D6E0EB;
}
/* Content Container */
#contentContainer{
height:auto;
min-height:200px;
float:left;
background:url(../images/structure_images/contentContainer_bg.png) repeat-y;
}

#contentContainer a{
color:#336699;
}

#contentContainer a:hover{
text-decoration:underline;
}

#contentContainer li, #contentContainer p, #contentContainer a, #contentContainer td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#contentContainer li, #contentContainer p{
color:#333333;
}

#contentContainer p, #contentContainer td, #contentContainer li{
line-height:18px;
}

#contentContainer td{
padding:0 5px 5px 0;
}

.employmentApplyOnline, .employmentReadMore{
width:75px;
height:16px;
padding-left:20px;
margin-bottom:5px;
float:left;
}

.employmentApplyOnline{
background:url(../images/structure_images/employment_applyOnline_icon.png) no-repeat;
}

.employmentReadMore{
background:url(../images/structure_images/employment_readMore_icon.png) no-repeat;
}

/* Left Container */
#contentLeftContainer, #contentMiddleContainer, #contentRightContainer{
min-height:250px;
}

#contentLeftContainer{
width:150px;
height:auto;
float:left;
margin:10px 0 0 20px;
text-align:center;
}

#contentLeftContainer h2{
margin:0 0 5px 0;
font-size:16px;
color:#336699;
}

#contentLeftContainer li, #contentLeftContainer a, #contentRightContainer li, contentRightContainer a{
font-size:12px;
}

#contentLeftContainer a, contentRightContainer li a{
display:block;
width:150px;
height:auto;
text-decoration:none;
}

#contentLeftContainer li a:hover, #contentRightContainer li a:hover{
background-color:#D6E0EB;
text-decoration:none;
}


#contentLeftContainer ul{
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#contentLeftContainer li, #contentRightContainer li{
line-height:28px;
border-bottom:1px dashed #CCCCCC;
height:auto;
}

/* Middle Container, Content Right Full Span Container*/

#contentMiddleContainer, #contentRightFullSpanContainer{
height:auto;
float:left;
padding:20px;
}

#contentRightFullSpanContainer{
width:760px;
background:url(../images/structure_images/contentRightFullSpanContainer_bg.png) no-repeat;
}

#contentMiddleContainer{
width:504px;
background:url(../images/structure_images/contentMiddleContainer_bg.png) no-repeat;
}

#weatherContainer{
width:255px;
height:52px;
background-image:url(../images/structure_images/weather.jpg);
background-repeat:no-repeat;
float:left;
padding:30px 140px 15px 148px;
}

#weatherContainer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
}

#cancellationsContainer{
width:255px;
height:52px;
background-image:url(../images/structure_images/cancellations.jpg);
background-repeat:no-repeat;
float:left;
padding:30px 140px 15px 148px;
}

#cancellationsContainer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
}

#contentMiddleContainer h1, #contentRightFullSpanContainer h1{
color:#336699;
margin:0 0 10px 0;
font-weight:normal;
font-size:24px;
}

#contentMiddleContainer h2, #contentMiddleContainer h2 a,#contentRightFullSpanContainer h2, #contentRightFullSpanContainer h2 a{
font-size:16px;
color:#669933;
margin-bottom:5px;
}

#contentMiddleContainer h2 a:hover, #contentRightFullSpanContainer h2 a:hover{
text-decoration:none;}

#contentMiddleContainer h3, #contentRightFullSpanContainer h3{
color:#333333;
font-size:14px;
margin-bottom:5px;
}

#contentMiddleContainer p, #contentMiddleContainer ul, 
#contentRightFullSpanContainer p, #contentRightFullSpanContainer ul{
margin-bottom:10px;
}

#contentMiddleContainer p, #contentMiddleContainer li 
#contentMiddleContainer td, #contentRightFullSpanContainer p, 
#contentRightFullSpanContainer li, #contentRightFullSpanContainer td{
line-height:18px;
}

#contentMiddleContainer li, #contentRightFullSpanContainer li{
padding:0 0 0 20px; 
margin:0 0 5px 10px;
background:url(../images/structure_images/contentMiddleContainerLi_bg.png) no-repeat;}

#contentMiddleContainer td, #contentRightFullSpanContainer td{
border-bottom:1px solid #E0E8EF;
}

#contentHero{
width:504px;
height:150px;
margin-bottom:10px;
position:relative;
}

#fourthLevelNav{
width:504px;
height:auto;
}

#fourthLevelNav li{
width:auto;
padding:0 10px 0 10px;
margin:0 0 0 0px;
display:inline;
background:none;
border-right:1px solid #999999;
}


.contentMiddleContainerSep, .contentRightFullSpanContainerSep{
height:12px;
}

.contentMiddleContainerSep{
width:504px;
background:url(../images/structure_images/contentMiddleContainerSep.png) no-repeat;
}

.contentRightFullSpanContainerSep{
width:750px;
background:url(../images/structure_images/contentMiddleContainerSep.png) 50% 0 no-repeat;}

.backtoTop, .fullSpanBacktoTop{
height:20px;
text-align:right;
margin-top:5px;
}

.backtoTop{
width:504px;
}

.fullSpanBacktoTop{}

.applyOnlineButtonBox, .promotionBox, .sectionContentsBox{
float:left;
}

.promotionBox, .sectionContentsBox{
margin:0 10px 10px 0;
width:220px;
padding:10px;
}

.sectionContentsBox{
height:auto;
}

.promotionBox{
height:125px;
background:#EFEFEF;
border:1px solid #CCCCCC;
}

.promotionBox:hover{
background:#DFDFDF;
}

.promotionLink{
width:auto;
height:16px;
float:right;
padding-left:22px;
line-height:16px;
background:url(../images/structure_images/promotionLink_bg.png) no-repeat;
}

.emailLink{
	margin: 0 0 10px 0;
width:482px;
height:16px;
float:right;
padding-left:22px;
line-height:16px;
background:url(../images/structure_images/promotionLink_bg.png) no-repeat;
}

.sectionAlign, .sectionAlignContentsBox, .newsAlign{
float:left;
width:100%;
height:auto;
}

.sectionAlign{
margin-bottom:10px;
}

.sectionAlignContentsBox{
margin-bottom:10px;
padding-bottom:10px;
}

.newsAlign{
margin-bottom:10px;
border-bottom:1px solid #DFDFDF;
}

.applyOnlineButtonBox{
width:180px;
height:60px;
padding:20px 20px;
text-align:center;
background:url(../images/structure_images/applyOnlineButtonBox_bg.jpg) no-repeat;
}

.applyOnlineButtonBox:hover{
background:url(../images/structure_images/applyOnlineButtonBoxHover_bg.jpg) no-repeat;}

.applyOnlineButtonBoxTile{
color:#3F7F00;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:19px;
line-height:22px;
}

.applyOnlineButtonBox a{
font-weight:bold;}

#applyOnlineButton{
width:484px;
height:33px;
text-align:right;
padding-right:20px;
background:url(../images/structure_images/applyOnlineButton_bg.jpg) 100% 0 no-repeat;
margin-bottom:10px;
}

#applyOnlineButton:hover{
background:url(../images/structure_images/applyOnlineButtonHover_bg.jpg) 100% 0 no-repeat;}
#applyOnlineButton a{
line-height:33px;
font-weight:bold;
font-size:11px;
}

/* Site map */
#siteMap ul{
border-left:1px dotted #CCCCCC;
}

#siteMap li{
background:url(../images/structure_images/siteMapLi_bg.png) no-repeat;
padding-left:18px;
margin-left:0px;
font-size:11px;
}

#siteMap ul ul{
margin:0 0 0 15px;
}

#siteMap a{
font-size:11px;
}
/* Right Container */
#contentRightContainer{
width:259px;
height:auto;
float:left;
margin-top:10px;
}

#contentRightContainer h1{
height:42px;
line-height:30px;
padding-left:20px;
width:239px;
float:left;
display:block;
background:url(../images/structure_images/contentRightContainer_h1_bg.png) no-repeat;
font-size:20px;
color:#FFFFFF;
font-weight:normal;
}

#contentRightContainer h2{
font-size:16px;
color:#669933;
margin-bottom:5px;
padding-left:20px;
background:url(../images/structure_images/contentRightContainerH2_bg.png) no-repeat;
}

#contentRightContainer p{
font-size:12px;
line-height:16px;
margin-bottom:8px;
}

#contentRightContainer li a{
text-align:center;
display:block;
width:240px;
height:auto;
text-decoration:none;
}

.rightContainerEntry, .rightContainerEntryLast{
width:240px;
height:auto;
float:left;
padding:0 0 10px 0;
margin-bottom:10px;
}

.rightContainerEntry{
border-bottom:1px dashed #CCCCCC;
}

.rightContainerEntryLast{
border-bottom:none;
}

/* Footer Container */
#footerContainer{
height:43px;
float:left;
background:url(../images/structure_images/footerContainer_bg.png) no-repeat;
}

#footerContainer a{
color:#336699;
}

#footerContainer a:hover{
text-decoration:underline;
}

#footerNavigation{
font-size:11px;
width:780px;
padding:20px;
float:left;
}

#footerNavigation ul{
padding:0;
margin:0;}

#footerNavigation li{
line-height:14px;
float:left;
}

#footerNavigation a{
display:block;
width:auto;
padding:0 10px;
}

.footerNavSep{
border-right:1px solid #336699;
}

#footerTopLink{
height:43px;
width:140px;
line-height:43px;
font-size:12px;
float:left;
text-align:center;
}

/* Footer Container 2*/
#footerContainer2{
height:41px;
float:left;
background:url(../images/structure_images/footerContainer2_bg.png) no-repeat;
text-align:center;
padding-top:10px;
}

#footerContainer2 p{
font-size:11px;
color:#FFFFFF;
}

/* Image Styles */

.imagePad,.imagePad2, .imagePadHero{
border:1px solid #CCCCCC;
padding:3px;
}

.imagePad{
margin:0 5px 15px 5px;
float:left;
}


.imagePad2{
margin:0 5px 15px 0px;
float:left;
}

.imagePad3{
margin:0 5px 0px 0px;
float:left;
border:1px solid #CCCCCC;
padding:3px;
}

.imagePad4{
margin:0 0px 10px 1px;
float:left;
}

.imagePadHero{}

.imagePadPromoBox{
padding-right:5px;
}

.imagePadLeftContainer{
margin-bottom:10px;
}