/*////////////////////////////////////////////////////////////// // // // PROPERTY OF VICTORY CHRISTIAN CENTER // // // // DESIGNED & DEVELOPED BY STEPHEN KEY // // // //////////////////////////////////////////////////////////////*/ /* ///////////////////////////////////////////////////////////// Constants PAGE BG: #142c49 FONT: font-family:Liberation Sans, Arial, Helvetica, sans-serif; BLUE LINKS: #3b63d7 ///////////////////////////////////////////////////////////// */ /* //////////////////////// RESET ////////////////////////// */ *,html,body,div,span,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,input,button,textarea,p,blockquote,img,table,thead,tfoot,tr,th,td { margin:0; padding:0; border:0; outline:0; } /*@font-face { font-family: Liberation Sans; src: url(http://www.victory.com/styles/LiberationSans.ttf) format("truetype"); } */ /* ////////////////////// SET UP DOM /////////////////////// */ html { height:100%; } body#home { background-color:#230c02; font-family:Liberation Sans, Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5; } body#detail { background-color:#eae5de; background-image:url('../images/bg.jpg'); background-position:top center; background-repeat:repeat-x; font-family:Liberation Sans, Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5; } body#form { background-color:#eae5de; background-image:url(''); background-position:top center; background-repeat:repeat-x; font-family:Liberation Sans, Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5; } p { margin:18px 0px 18px 0px; } h1 { font-size:42px; margin:0px 0px 16px 0px; } h2 { font-size:32px; margin:0px 0px 13px 0px; } h3 { font-size:28px; margin:5px 0px 10px 0px; } h4 { font-size:24px; margin:0px 0px 8px 0px; } h5 { font-size:20px; margin:0px 0px 6px 0px; } h6 { font-size:16px; margin:0px 0px 4px 0px; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color:#555; } h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color:#555; } h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color:#555; } h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { color:#555; } h5 a:link, h5 a:visited, h5 a:hover, h5 a:active { color:#555; } h6 a:link, h6 a:visited, h6 a:hover, h6 a:active { color:#555; } a { color:#2037df; text-decoration:none; } a:link { color:#001ada; } a:visited { color:#5e2cd0; } a:hover { color:#1e39fd; } a:active { color:#011399; } .left { float:left; } .right { float:right; } .red { color:#df0202; } fieldset { border:#000 solid 1px; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px; } legend { font-size:14px; color:#000; font-weight:bold; } /* ///////////////////////// HEADER /////////////////////// */ #home_bg_graphic { width:100%; height:100%; overflow:auto; background-image:url('../images/home_graphic_bg.jpg'); background-position:top center; background-repeat:no-repeat; } #bg_graphic { width:100%; height:100%; overflow:auto; background-image:url('../images/graphic_bg.jpg'); background-position:top center; background-repeat:no-repeat; } #bg_form { width:100%; height:100%; overflow:auto; background-image:url('../images/form-bg.jpg'); background-position:top center; background-repeat:no-repeat; } #wrapper { width:1000px; margin:0 auto; } #header { height:85px; padding:15px 0 0 0; } #content { min-height:400px; overflow:auto; } #nav { list-style:none; float:right; width:700px; text-align:right; margin:15px 0px 0px 0px; font-size:16px; text-shadow:1px 1px 2px #000; } #nav li { display:inline; float:right; margin:0 0 0 20px; } #nav li a { color:#fff; } #programs { background-image:url('../images/nav_programs.png'); background-position:top left; background-repeat:no-repeat; padding:11px 0px 10px 45px; } #apply { background-image:url('../images/nav_apply.png'); background-position:top left; background-repeat:no-repeat; padding:11px 0px 10px 42px; } #contact { background-image:url('../images/nav_contact.png'); background-position:top left; background-repeat:no-repeat; padding:11px 0px 10px 38px; } #info { background-image:url('../images/nav_info.png'); background-position:top left; background-repeat:no-repeat; padding:11px 0px 10px 38px; } /* ///////////////////////// HOME ///////////////////////// */ #home_nav { text-align:center; padding:20px 0px 0px 0px; width:1000px; height:130px; } #home_nav a { background-position:top center; background-repeat:no-repeat; width:188px; height:130px; color:#fff; display:block; margin:0px 0px 0px 0px; float:left; } #home_nav a.prog { background-image:url('../images/icons/home/programs.png'); } #home_nav a.prog:visited { background-image:url('../images/icons/home/programs.png'); } #home_nav a.prog:hover { background-image:url('../images/icons/home/programs_over.png'); margin:0px 0px 0px 0px; } #home_nav a.prog:active { background-image:url('../images/icons/home/programs_over.png'); margin:0px 0px 0px 0px; } #home_nav a.apply { background-image:url('../images/icons/home/apply.png'); } #home_nav a.apply:visited { background-image:url('../images/icons/home/apply.png'); } #home_nav a.apply:hover { background-image:url('../images/icons/home/apply_over.png'); margin:0px 0px 0px 0px; } #home_nav a.apply:active { background-image:url('../images/icons/home/apply_over.png'); margin:0px 0px 0px 0px; } #home_nav a.contact { background-image:url('../images/icons/home/contact.png'); } #home_nav a.contact:visited { background-image:url('../images/icons/home/contact.png'); } #home_nav a.contact:hover { background-image:url('../images/icons/home/contact_over.png'); margin:0px 0px 0px 0px; } #home_nav a.contact:active { background-image:url('../images/icons/home/contact_over.png'); margin:0px 0px 0px 0px; } #home_nav a.info { background-image:url('../images/icons/home/info.png'); } #home_nav a.info:visited { background-image:url('../images/icons/home/info.png'); } #home_nav a.info:hover { background-image:url('../images/icons/home/info_over.png'); margin:0px 0px 0px 0px; } #home_nav a.info:active { background-image:url('../images/icons/home/info_over.png'); margin:0px 0px 0px 0px; } #home_nav a.imt { background-image:url('../images/icons/home/imt.png'); } #home_nav a.imt:visited { background-image:url('../images/icons/home/imt.png'); } #home_nav a.imt:hover { background-image:url('../images/icons/home/imt_over.png'); margin:0px 0px 0px 0px; } #home_nav a.imt:active { background-image:url('../images/icons/home/imt_over.png'); margin:0px 0px 0px 0px; } #home_nav img { float:left; width:188px; height:130px; } #home_nav .spacer { float:left; width:15px; height:50px; } #home_featured { margin:0px 0px 0px 0px; } #home_featured object { padding:3px; background-color:#fff; border:#000 solid 1px; float:left; } #home_featured .vid { padding:3px; background-color:#fff; border:#000 solid 1px; float:left; } #home_featured img { border:#000 solid 1px; float:left; } #home_featured #news { height:260px; width:250px; background-color:#fff; border:#000 solid 1px; float:left; margin:0px 6px 0px 7px; } #home_featured #news .head { background-color:#000; color:#fff; padding:5px 5px 5px 5px; font-size:15px; background-image:url('../images/news_head.jpg'); background-position:top center; background-repeat:repeat-x; } #home_featured #news li { list-style:none; padding:7px; border-bottom:#ccc solid 1px; font-size:13px; } #banner { width:1000px; height:300px; margin:0; padding:0; background-color:#000; overflow:hidden; } #ad { float:left; background-color:#000; z-index:1; height:300px; } #ad a img { width:1000px; height:300px; cursor:pointer; } #thumb { z-index:50; position:absolute; top:372px; } #thumb a { cursor:pointer; background-color:#000; margin:5px 0px 5px 6px; padding:0px 5px 0px 5px; border:#555 solid 1px; font-size:16px; } #thumb a:link { color:#aaa; } #thumb a:visited { color:#aaa; } #thumb a:hover { color:#fff; background-color:#333; border:#555 solid 1px; } #thumb a:active { color:#fff; background-color:#333 border:#555 solid 1px;; } div#banner div#slide-holder { z-index:40; width:1000px; height:300px; margin:0 auto; } div#banner div#slide-holder div#slide-runner { width:1000px; height:300px; overflow:hidden; position:absolute; } div#banner div#slide-holder img { margin:0; display:none; position:absolute; } div#banner div#slide-holder div#slide-controls { left:0; bottom:5px; width:1000px; height:46px; display:none; position:absolute; } div#banner div#slide-holder div#slide-controls p.text { float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; } div#banner div#slide-holder div#slide-controls p#slide-nav { float:left; height:24px; display:inline; margin:11px 0px 0 15px; } div#banner div#slide-holder div#slide-controls p#slide-nav a { float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-color:#555; border:#000 solid 1px; } p#slide-nav a:link { color:#ccc; } p#slide-nav a:visited { color:#ccc; } p#slide-nav a:hover { color:#fff; } p#slide-nav a:active { color:#aaa; } /* ///////////////////////// PAGES ///////////////////////// */ #sub_nav { list-style:none; } #sub_nav li { display:inline; } #sub_nav li a { color:#000; display:block; float:left; padding:8px 10px 8px 10px; cursor:pointer; font-size:14px; } #sub_nav li a:link { color:#000; } #sub_nav li a:visited { color:#000; } #sub_nav li a:hover { color:#000; background-image:url('../images/sub_nav_arrow.jpg'); background-position:bottom center; background-repeat:no-repeat; } #sub_nav li a:active { color:#000; background-image:url('../images/sub_nav_arrow.jpg'); background-position:bottom center; background-repeat:no-repeat; } .current { background-image:url('../images/sub_nav_arrow.jpg'); background-position:bottom center; background-repeat:no-repeat; } #dropdown { clear:both; width:980px; list-style:none; padding:7px 0px 0px 0px; } #dropdown li { display:inline; margin:0px 10px 0px 10px; } #dropdown li a:link { color:#bf0000 } #dropdown li a:visited { color:#bf0000 } #dropdown li a:hover { color:#ff0101 } #dropdown li a:active { color:#ff0101 } #main { width:660px; float:left; clear:both; padding:20px 20px 30px 20px; overflow:auto; } .vpic { background-color:#eee; border:#ccc solid 1px; padding:3px; margin:0 0 10px 10px; } .hpic { background-color:#eee; border:#ccc solid 1px; padding:3px; margin:10px 0 10px 0; } ul#honor { padding:0 0 0 20px; } /* //////////////////////// FORM //////////////////////// */ td { padding:0px 10px 0px 0px; } label { font-size:14px; color:#555; font-style:italic; } input[type=text] { background-color:#fafafa; border:#ccc solid 1px; font-size:16px; color:#000; padding:3px; margin:0px 0px 10px 0px; } input[type=password] { background-color:#fafafa; border:#ccc solid 1px; font-size:16px; color:#000; padding:3px; margin:0px 0px 10px 0px; } input[type=submit] { height:30px; background-color:#03f; background-position:top center; background-repeat:no-repeat; cursor:pointer; border:#555 solid 1px; color:#fff; font-size:16px; font-weight:bold; } input[name=next1] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next2] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next3] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next4] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next5] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next6] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next7] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next8] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=next9] { width:130px; background-image:url('../images/continue.png'); text-indent:-500px; } input[name=addstory] { width:130px; background-image:url('../images/add_story.jpg'); text-indent:-500px; } input[name=submit] { width:130px; background-image:url('../images/send-now.png'); text-indent:-500px; } #pay { background-image:url('../images/pay-now.png'); text-indent:-500px; } #register_btn { background-image:url('../images/register-now.png'); text-indent:-500px; } input[name=login] { width:130px; background-image:url('../images/login.png'); text-indent:-500px; } input[name=sendrec] { width:130px; background-image:url('../images/send-now.png'); text-indent:-500px; } input[name=approve] { background-image:url('../images/approve.png'); text-indent:-500px; width:170px; height:50px; } input[name=deny] { background-image:url('../images/deny.png'); width:170px; height:50px; } input[rel=yes] { background-image:url('../images/yes.png'); width:70px; height:30px; } input[rel=no] { background-image:url('../images/no.png'); width:70px; height:30px; } input[name=upload] { width:130px; background-color:#206bdb; color:#fff; font-size:14px; font-weight:bold; } input[name=remove] { background-image:url('../images/remove.jpg'); width:70px; height:30px; } select { background-color:#fafafa; border:#ccc solid 1px; font-size:16px; color:#000; padding:3px; margin:0px 0px 10px 0px; } textarea { background-color:#fafafa; border:#ccc solid 1px; font-size:16px; color:#000; padding:3px; width:640px; height:200px; margin:0px 0px 10px 0px; } input:focus { border:#0247e5 solid 2px; } select:focus { border:#0247e5 solid 2px; } textarea:focus { border:#0247e5 solid 2px; } input[type=submit]:focus { border:#aaa solid 2px; } .form_alert { background-color:#fdeaea; border:#bf0202 solid 1px; color:#cc0303; padding:3px; font-size:17px; font-weight:bold; margin:0 0 10px 0; } .form_thanks { font-size:28px; font-weight:bold; } .show { } .hide { display:none; } #verify { background-color:#fdeaea; border:#e53535 solid 1px; padding:10px; margin:0 0 10px 0; text-align:center; } #approve { float:right; margin:0 0 20px 0; } #alert { border:#d60202 solid 1px; padding:10px 10px 10px 50px; margin:20px 0px; color:#d60202; background-color:#fff4f4; font-size:20px; font-weight:bold; background-image:url('../images/icons/ui/exclamation.png'); background-position:10px 10px; background-repeat:no-repeat; } #thanks { border:#ccc solid 1px; padding:10px 10px 10px 50px; margin:20px 0px; color:#378f18; background-color:#effbeb; font-size:20px; font-weight:bold; background-image:url('../images/icons/ui/smiley.png'); background-position:10px 10px; background-repeat:no-repeat; } #intro { border:#c5d3da solid 1px; padding:10px; margin:20px 0px; color:#286080; background-color:#e0ebf2; clear:both; } .white-box { border:#ccc solid 1px; padding:10px; margin:20px 0px; color:#000; background-color:#fff; overflow:auto; } .agree { background-image:url('../images/icons/ui/back_alt.png'); background-position:90px 6px; background-repeat:no-repeat; padding:10px 50px 10px 10px; } #steps { margin:20px 0 0 0; width:960px; } #steps ul#tabs { margin:0; padding:0; } #steps ul#tabs li { list-style:none; display:inline; font-size:12px; color:#777; font-family:Arial, Helvetica, sans-serif; padding:6px 20px 8px 20px; margin:0px; border-top:#aaa solid 1px; border-right:#eee solid 1px; border-left:#aaa solid 1px; background-color:#ccc; background-image:url('tab_off.jpg'); background-position:top center; background-repeat:repeat-x; text-shadow:1px 1px 1px #fff; } #steps ul#tabs li.current { list-style:none; display:inline; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; padding:11px 20px; margin:0px; border-top:#ccc solid 1px; border-right:#fff solid 1px; border-left:#ccc solid 1px; background-color:#eee; background-image:url('tab.jpg'); background-position:top center; background-repeat:repeat-x; text-shadow:1px 1px 1px #fff; } #steps .section { border:#ccc solid 1px; background-color:#eee; width:900px; margin:0; padding:20px; margin:5px 0px 0px 0px; } .error { color:#f00; } select.error { color:#f00; border:#f00 solid 1px; } /* //////////////////////// SIDEBAR //////////////////////// */ #sidebar { width:260px; height:400px; float:left; padding:20px 20px 30px 20px; } #sidebar img { width:70px; height:70px; float:left; padding:2px; background-color:#fff; border:#ccc solid 1px; margin:0px 7px 7px 0px; } #housing { width:560px; height:400px; float:left; padding:20px 20px 30px 20px; } #housing img { width:70px; height:70px; float:left; padding:2px; background-color:#fff; border:#ccc solid 1px; margin:0px 7px 7px 0px; } /* //////////////////////// FOOTER //////////////////////// */ #footer { color:#ccc; background-color:#000; clear:both; border-top:#000 solid 1px; margin:40px 0 0 0; height:300px; font-size:16px; font-weight:bold; } #footer_con { width:1000px; margin:0 auto; padding:25px 0px 20px 0px; } #footer_con #left { float:left; width:250px; font-weight:normal; } #footer_con #left img { height:32px; margin:0px 0px 0px 5px; } #footer_con #right { float:right; width:750px; margin:0; } #footer_con #right .col { float:left; width:120px; margin:0 0 50px 30px; } #footer_con #right .col li { list-style:none; font-size:13px; padding:0 0 10px 0px; color:#ccc; font-weight:normal; } #footer_con a:link, #footer_con a:visited, #footer_con a:hover, #footer_con a:active { color:#999; } #footer_con a:hover { color:#ccc; } /* ///////////////////////// PRELOADED ///////////////////////// */ .preload { display:none; } /* ///////////////////////// ODD TABLES ///////////////////////// */ #hor-zebra{ width:400px; text-align:left; border-collapse:collapse; margin:20px; } #hor-zebra th{ color:#4e1003; padding:10px 8px; } #hor-zebra td{ color:#000; padding:8px; } #hor-zebra .odd{ background:#ede0ab; } /* ///////////////////////// APP ///////////////////////// */ .alpha_filter { font-size:13px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:2px; background-color:#eee; border:#2037df solid 1px; } .app-list { padding:10px 0px 10px 0px; border-bottom:#000 dashed 1px; display:block; overflow:auto; font-size:18px; } .app-list:hover { background-color:#fcfdbd; } .app-list img { float:left; margin:0 20px 0 0; } .app-list .name { float:left; margin:3px 0 0 0; padding:0 10px 0 10px; width:300px; font-weight:bold; text-transform:capitalize; } .app-list img.flag { float:right; margin:0; padding:0 10px 0 10px; } .app-list .date { float:right; text-align:right; margin:3px 0 0 0; padding:0 10px 0 10px; width:250px; font-size:15px; color:#000; } .app-list .status { float:right; text-align:right; margin:3px 0 0 0; padding:0 10px 0 10px; width:100px; font-size:15px; color:#000; font-weight:bold; } .news-list { padding:0px 0px 8px 0px; border-bottom:#000 dashed 1px; display:block; overflow:auto; font-size:14px; } #login { width:500px; margin:0 auto; } #login .top { background-image:url('../images/log-top.png'); background-position:top center; background-repeat:repeat-y; height:60px; } #login .st_top { background-image:url('../images/log-st-top.png'); background-position:top center; background-repeat:repeat-y; height:60px; } #login .cr_top { background-image:url('../images/cr-st-top.png'); background-position:top center; background-repeat:repeat-y; height:60px; } #login .mid { background-image:url('../images/log-mid.png'); background-position:top center; background-repeat:repeat-y; padding:10px 10px 10px 20px; } #login .btm { background-image:url('../images/log-btm.png'); background-position:bottom center; background-repeat:repeat-y; height:60px; } #stu_img { width:200px; height:200px; overflow:hidden; background-image:url('../images/img-bg.jpg'); background-position:top; background-repeat:no-repeat; } #stu_img img { width:300px; } .app_img { width:100px; height:100px; border:#000 dashed 1px; float:right;} #profile-contain { background-color:#ede6d6; border:#ded3ba solid 1px; min-height:300px; overflow:auto; width:960px; } #profile-nav-contain { background-color:#ede6d6; min-height:300px; height:100%; width:160px; float:left; overflow:auto; } ul#profile-nav { list-style:none; width:160px; text-align:center; } ul#profile-nav li { padding:0; border-bottom:#ded3ba solid 1px; } ul#profile-nav li a { display:block; padding:3px 0 3px 0; margin:0; background-color:#fdfaf3; background-image:none; color:#000; } ul#profile-nav li a:link.current, ul#profile-nav a:visited.current { background-color:#fdfaf3; pointer-events:none; cursor:default; } ul#profile-nav li a:link { background-color:#ede6d6; } ul#profile-nav li a:visited { background-color:#ede6d6; } ul#profile-nav li a:active { background-color:#d8ccb2; } ul#profile-nav li a:hover { background-color:#d8ccb2; } #profile-content { float:left; padding:10px 10px 10px 25px; background-color:#fdfaf3; width:765px; min-height:300px; } #reg_sel { padding:0px; margin:10px 0 0 0; } #reg_sel tr td { font-size:16px; font-weight:bold; } .title_id { font-size:16px; font-weight:normal; } #sort-by a.active {color: #000000;} table#course { border:#000 solid 1px; font-size:13px; width:100%; } table#course td { padding:5px; } table#course thead { font-weight:bold; background-color:#ede6d6; } #cno { background-color:#fff; width:10%; } #ctitle { width:280px; width:40%; } #ctime { font-weight:bold; background-color:#fff; width:120px; width:20%; } #cin { width:30%; } #ccr { background-color:#fff; } /* ///////////////////////// ERRORS ///////////////////////// */ #error h1 { color:#da0101; font-size:46px; }