/* CSS Document */
body { color: #545454; font-family: Arial; font-size: 16px; margin: 0px; }
p { text-align: justify; }
img { border: none; }
ul { list-style: none; padding: 0px; }
#clearbreak { clear: both; }
a { color: #545454; text-decoration: none; }
.page-header { margin: 0px 0px 20px 0px; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
input, select, textarea, button, .btn { font-family: Arial; font-size: 17px; }
@media screen and (min-width:480px){
body { font-size: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
input, select, textarea, button, .btn { font-size: 15px; }
}
@media screen and (min-width:1280px){
body { font-size: 16px; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
input, select, textarea, button, .btn { font-size: 17px; }
.page-header { margin: 0px 0px 30px 0px; }
}
/* CSS Document */
#header { background: #26364c; }
#navigation { background: #1a7fc3; }
#container { padding: 0px 15px; }
#logo { color: #259df2; text-align: center; font-family: "Times New Roman", Times, serif; padding: 10px 0px; }
#logo img { width: 100%; max-width: 150px; }
#phone { display: none; }
#navigation { background: #1a7fc3; }
#advert { margin: 20px 0px 0px 0px; clear: both; }
#advert-bg { color: #FFFFFF; text-align: center; padding: 20px; border-radius: 5px; background: #1a7fc3; border: 5px solid #318cc9; box-shadow: 0px 6px 8px #c0c0c0; }
#advert-bg:hover { background: #669933; border: 5px solid #76a348; }
#advert-1, #advert-2 { margin: 0px 0px 20px 0px; }
#advert-bg h2 { color: #ffff99; margin: 0px 0px 10px 0px; }
#advert-bg #text { margin: 10px 0px 0px 0px; }
#spacer { height: 20px; clear: both; }
#footer { padding: 20px 0px 0px 0px; clear: both; border-top: 1px solid #dedede; }
#footer-1, #footer-2, #footer-3 { margin: 0px 0px 20px 0px; }
#footer-3 > div { margin: 10px 0px 0px 0px; }
#footer h3 { margin: 0px 0px 10px 0px; }
#footer ul, #footer li { padding: 0px; margin: 0px; }
#footer input { padding: 5px; border: 1px solid #c0c0c0; }
#footer button { color: #FFFFFF; padding: 5px 10px; background: #1a7fc3; }
#system-message { text-align: center; padding: 20px 0px; clear: both; border-bottom: 1px solid #dedede; }
@media screen and (min-width:480px){
#header { height: 120px; padding: 10px 0px; }
#logo { float: left; padding: 0px; }
#logo img { width: auto; height: 100px; max-width: none; }
#phone { color: #FFFFFF; display: block; float: right; }
#phone-number { float: left; text-align: right; }
#phone img { float: right; margin: 5px 0px 0px 10px; }
#advert-1 { float: left; width: 32%; margin: 0px; }
#advert-2 { float: left; width: 32%; margin: 0px 0px 0px 2%; }
#advert-3 { float: right; width: 32%; margin: 0px; }
}
@media screen and (min-width:667px){
#navigation { height: 45px; position: relative; }
#footer-1 { float: left; width: 22%; }
#footer-2 { text-align: center; float: left; width: 32%; margin: 0px 0px 0px 2%; }
#footer-3 { text-align: center; float: right; width: 42%; }
}
@media screen and (min-width:1024px){
#header { height: 160px; padding: 10px 0px; }
#navigation { height: 45px; }
#container { width: 970px; margin: 0 auto; padding: 0px 10px; }
#logo { padding: 10px 0px; }
#logo img { height: 120px; }
#phone h5 { color: #66cccc; margin: 0px 0px -5px 0px; }
#advert { margin: -80px 0px 0px 0px; clear: both; position: relative; z-index: 999999; }
#advert-bg { text-align: left; height: 100px; }
#advert-bg img { float: right; margin: 10px 0px 0px 0px; }
#advert-bg #text { float: left; width: 155px; margin: 0px; }
#footer { padding: 50px 0px 0px 0px; }
#footer-1 { width: 310px; }
#footer-2 { width: 310px; margin: 0px 0px 0px 20px; }
#footer-3 { width: 310px; }
}
@media screen and (min-width:1280px){
#spacer { height: 30px; }
#container { width: 1140px; }
#advert-bg #text { width: 220px; }
#advert-1 { width: 366.66px; }
#advert-2 { width: 366.66px; margin: 0px 0px 0px 20px; }
#advert-3 { width: 366.66px; }
#footer-1 { width: 366.66px; }
#footer-2 { width: 366.66px; }
#footer-3 { width: 366.66px; }
}
/* CSS Document */
#menu ul, #menu li { list-style: none; padding: 0px; margin: 0px; }
#menu { padding: 10px 0px; }
#menu select { padding: 4px; width: 97%; border: 1px solid #c0c0c0; }
#menu .menu { display: none; }
@media screen and (min-width:667px){
#menu { color: #FFFFFF; float: left; padding: 0px; }
#menu h3 { color:#000000; }
#menu select { display: none; }
#menu .menu { display: inline-block; padding: 0px; }
#menu .menu a { color: #FFFFFF; text-decoration: none; }
#menu .menu li { font-size: 14px; cursor: pointer; float: left; position:relative; padding: 0px 15px; line-height: 3.2; }
#menu .menu li.active { background: #125988; }
#menu .menu .mega-menu > div a { color: #000000; }
#menu .menu .mega-menu > div { float: left; left: -999em; position: absolute; z-index: 99; width: 100%; padding: 10px 0px; background: #FFFFFF; border-bottom: 1px solid #c0c0c0; }
#menu .menu .mega-menu:hover > div { left: 0px; top: 45px; }
#menu .menu .mega-menu > div ul { float: left; width: 25%; padding: 0; margin: 0; }
#menu .menu .mega-menu ul li { width: 100%; margin: 0px; padding: 2px 0px; position: relative; line-height: 1.8; }
#menu .menu .mega-menu ul li.all { padding: 0px; }
#menu .menu .mega-menu ul li h3 { text-align: center; margin: 0px 2px 10px 2px; background: #1a7fc3; }
#menu .menu .mega-menu ul li h3 a { color: #FFFFFF; }
}
@media screen and (min-width:1024px){
#menu .menu .mega-menu ul li { width: 64%; padding: 2px 18%;; }
#menu .menu .mega-menu ul li.all { width: 100%; padding: 0px; }
}
@media screen and (min-width:1280px){
#menu .menu .mega-menu ul li { width: 62%; padding: 2px 19%;; }
#menu .menu .mega-menu ul li.all { width: 100%; padding: 0px; }
}
/* CSS Document */
.align-right { text-align: right; }
.align-center { text-align: center; }
/* CSS Document */
#home #pull-left, #home #pull-right { margin: 0px 0px 20px 0px; }
#home #bg { padding: 30px; border-radius: 5px; background: #eaf9ff; background-image: url(http://www.agapeuniversity.education/images/sticker-1.png); background-repeat: no-repeat; background-position: top right; border: 2px solid #dfdfdf; }
#home #bg #devider { margin: 0px 0px 20px 0px; padding: 0 0 20px 50px; position: relative; border-bottom: 1px solid #cedee7; }
#home #bg #devider-last { padding: 0 0 0px 50px; position: relative; }
#home #bg h2 { margin: 0px 0px 15px 0px; }
#home #bg img { left: 0; position: absolute; top: 0; width: 30px; }
#home table { width: 100%; }
#home table td { padding: 10px 0px; }
#home .mediumbox { padding: 5px; width: 94%; border: 1px solid #c0c0c0; }
#home .inputbox { padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#home textarea { height: 200px; padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#home button { padding: 5px 10px; border: 1px solid #c0c0c0; }
@media screen and (min-width:768px){
#home #pull-left { float: left; width: 40%; }
#home #pull-right { float: right; width: 58%; }
#home #pull-right h2 { font-size: 30px; margin: 0px 0px 50px 0px; }
#home #form { padding: 20px; border-radius: 5px; border: 1px solid #dedede; }
#home .mediumbox { padding: 10px; width: 84%; }
#home .inputbox { padding: 10px; width: 94%; }
#home textarea { padding: 10px; width: 94%; }
}
@media screen and (min-width:1024px){
#home #pull-left { width: 310px; }
#home #pull-right { width: 640px; }
#home #form { padding: 40px; }
#home .mediumbox { width: 90%; }
#home .inputbox { width: 535px; }
#home textarea { width: 535px; }
}
@media screen and (min-width:1280px){
#home #pull-left { width: 366.66px; }
#home #pull-right { width: 753.34px; }
#home .inputbox { width: 650px; }
#home textarea { width: 650px; height: 220px; }
}
/* CSS Document */
#about #pull-left, #about #pull-right { margin: 0px 0px 20px 0px; }
#about #pull-left h2 { margin: 0px 0px 15px 0px; }
#about #pull-left img { margin: 30px 0px; width: 100%; max-width: 422px; }
#about #pull-right img { width: 100%; margin: 0px 0px 30px 0px; }
#about table { width: 100%; }
#about table td { padding: 10px 0px; }
#about .mediumbox { padding: 5px; width: 94%; border: 1px solid #c0c0c0; }
#about .inputbox { padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#about textarea { height: 200px; padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#about button { padding: 5px 10px; border: 1px solid #c0c0c0; }
@media screen and (min-width:768px){
#about #pull-left { float: left; width: 40%; }
#about #pull-right { float: right; width: 58%; }
#about .mediumbox { padding: 10px; width: 84%; }
#about .inputbox { padding: 10px; width: 93%; }
#about textarea { padding: 10px; width: 93%; }
#about #body { padding: 10px; border: 1px solid #dedede; }
}
@media screen and (min-width:1024px){
#about #pull-left { width: 310px; }
#about #pull-right { width: 640px; }
#about .mediumbox { width: 125px; }
#about .inputbox { width: 288px; }
#about textarea { width: 288px; }
}
@media screen and (min-width:1280px){
#about #pull-left { width: 366.66px; }
#about #pull-right { width: 753.34px; }
#about .mediumbox { width: 155px; }
#about .inputbox { width: 344px; }
#about textarea { width: 344px; }
}
/* CSS Document */
#admissions h1 { text-align: center; }
#admissions table.info { margin: 0 auto; padding: 10px 0px; border-bottom: 1px solid #c0c0c0 }
#admissions table.info tr { display: table; }
#admissions table.info .inputbox, #admissions table.info textarea, #admissions table.health .inputbox, #admissions table.health textarea, #admissions table.schools .inputbox, #admissions table.work input, #admissions table.employ input, #admissions table.question input.inputbox, #admissions table.contact input.inputbox { padding: 5px; width: 87%; border: 1px solid #c0c0c0; }
#admissions table.info select { padding: 5px; border: 1px solid #c0c0c0; }
#admissions table.health { width: 100%; margin: 20px 0px; clear: both; }
#admissions table.health td { padding: 10px; border: 1px solid #c0c0c0; }
#admissions table.question, #admissions table.education, #admissions table.schools, #admissions table.transport, #admissions table.work, #admissions table.employ, #admissions table.contact { width: 100%; margin: 0px 0px 20px 0px; }
#admissions table.question td, #admissions table.education td, #admissions table.transport td, #admissions table.employ td { padding: 5px 0px; }
#admissions table.schools td, #admissions table.work td, #admissions table.contact td { padding: 5px; border: 1px solid #c0c0c0; }
#admissions table.question textarea { width: 97%; height: 100px; border: 1px solid #c0c0c0; }
#admissions button { padding: 10px; margin: 30px 0px 0px 0px; border: 1px solid #c0c0c0; }
#admissions .btn { font-weight: bold; padding: 10px; margin: 30px 0px 0px 20px; background: #f0f0f0; border: 1px solid #c0c0c0; }
@media screen and (min-width:1024px){
#admissions .inputtd { text-align: right; width: 180px; padding: 10px 10px 10px 0px; }
#admissions table.info .inputbox, #admissions table.info textarea, #admissions table.question input.inputbox { width: 300px; }
#admissions table.schools td, #admissions table.work td, #admissions table.contact td  { padding: 10px; }
#admissions table.schools .inputbox, #admissions table.contact input.inputbox { width: 94%; }
#admissions table.work input.mediumbox { width: 200px; }
#admissions table.work input.inputbox { width: 460px; }
#admissions table.employ input { width: 98%; }
}
@media screen and (min-width:1280px){
#admissions table.work input.mediumbox { width: 230px; }
#admissions table.work input.inputbox { width: 575px; }
}
/* CSS Document */
#nursing img { width: 100%; margin: 0px 0px 10px 0px; }
@media screen and (min-width:768px){
#nursing img { float: left; width: auto; height: 200px; margin: 0px 20px 20px 0px; }
}
@media screen and (min-width:1024px){
#nursing img { float: left; width: auto; height: 300px; margin: 0px 20px 20px 0px; }
}
@media screen and (min-width:1280px){
#nursing img { float: left; width: auto; height: 380px; margin: 0px 20px 20px 0px; }
}
/* CSS Document */
#career h2 { margin: 0px 0px 20px 0px; }
#career .float-left { margin: 0px 0px 20px 0px; }
#career .float-left h4 { margin: 0px 0px 10px 0px; }
@media screen and (min-width:1024px){
#career .page-header { text-align: center; }
#career h2 { text-align: center; }
#career .image { padding: 100px 0px 0px 0px; margin: 0px 0px 20px 0px; height: 180px; background: url(http://www.agapeuniversity.education/images/image5.jpg); background-size: 100%; }
#career .image ul.left { float: left; width: 30%; padding: 0px 11% 0px 9%; }
#career .image ul.right { float: left; width: 30%; padding: 0px 5% 0px 15%; }
#career .image h4 { margin: 0px 0px 10px 20px; }
#career .float-left { float: left; width: 40%; padding: 0px 5%; }
}
@media screen and (min-width:1280px){
#career .image { padding: 120px 0px 0px 0px; height: 200px; }
}
/* CSS Document */
#contact #pull-left, #career #pull-right { margin: 0px 0px 20px 0px; }
#contact img { width: 100%; margin: 0px 0px 30px 0px; }
#contact table { width: 100%; }
#contact table td { padding: 10px 0px; }
#contact .mediumbox { padding: 5px; width: 92%; border: 1px solid #c0c0c0; }
#contact .inputbox { padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#contact textarea { height: 200px; padding: 5px; width: 97%; border: 1px solid #c0c0c0; }
#contact button { padding: 5px 10px; border: 1px solid #c0c0c0; }
@media screen and (min-width:768px){
#contact #pull-left { float: left; width: 58%; }
#contact #pull-right { float: right; width: 40%; }
}
@media screen and (min-width:1024px){
#contact #pull-left { width: 610px; }
#contact #pull-right { width: 340px; }
#contact .mediumbox { padding: 10px; width: 275px; }
#contact .inputbox { padding: 10px; width: 588px; }
#contact textarea { padding: 10px; width: 588px; }
}
@media screen and (min-width:1280px){
#contact #pull-left { width: 760px; }
#contact #pull-right { width: 360px; }
#contact .mediumbox { padding: 10px; width: 350px; }
#contact .inputbox { padding: 10px; width: 738px; }
#contact textarea { padding: 10px; width: 738px; }
}
/* CSS Document */
#payment table { margin: 0 auto; padding: 0px 0px 20px 0px; }
#payment table td { padding: 5px 0px; }
#payment .inputbox { padding: 10px; width: 270px; border: 1px solid #c0c0c0; }
#payment button { padding: 10px 20px; border: 1px solid #c0c0c0; }
#payment input.button { padding: 10px 20px; border: 1px solid #c0c0c0; }
/* CSS Document */
#error { text-align: center; }
#error h5 { margin: 0px 0px 20px 0px; }
@media screen and (min-width:768px){
#error h2 { font-size: 100px; }
}