/* ---------------------------- [Master Stylesheet] Project: FKCC Version: 1.0 Last change: 07/25/08 [templates created, lg] Assigned to: Lonnie Griffin [lg] Primary use: Web ------------------------------- */ /* ---------------------------- */ /* Basic Elements /* ---------------------------- */ body{background:url(../images/bkground-body.gif); background-color:#1a4a94; margin:0px; padding:0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:center} a img { border: none; } a, a:visited { } a:hover { text-decoration: none;} p { margin: 10px 0px 10px 0px; line-height: 18px; } address { font-style: normal; line-height: 18px; } form { margin: 0px; padding: 0px; } /* ---------------------------- */ /* Containers /* ---------------------------- */ #wrapper { background: url(../images/bkground-wrapper.jpg) top no-repeat; width: 959px; margin: 0px auto 0px auto; text-align: left; position: relative; } #header {height: 197px; z-index: 99;} #header #img-logo {position: absolute; top: 9px; left: 15px; } #header #btn-applynow {position: absolute; right: 10px; top:35px;} #topnav { margin: 0px; padding: 0px; list-style: none; font-size: 11px;position: absolute; top: 10px; right: 10px; } #topnav li { display: inline; border-right: 1px solid black; padding: 0px 4px 0px 2px; } #topnav li.last { border: none; } #topnav li a { color: #000; } #menu {position: absolute; left: 0px; top: 113px; z-index: 99;} #menu img { float: left; } #menu #dropdown-future-students, #menu #dropdown-current-students, #menu #dropdown-academics, #menu #dropdown-alumni, #menu #dropdown-faculty-administration, #menu #dropdown-contact-us {position: absolute; top: 76px; border-bottom: 2px solid white;background:url(../images/bkground-dropdown.png) top no-repeat; padding: 17px 0px 0px 0px; margin: 0px; z-index: 99; list-style: none; display: none; z-index: 99;} #menu #dropdown-future-students li a, #menu #dropdown-current-students li a, #menu #dropdown-academics li a, #menu #dropdown-alumni li a, #menu #dropdown-faculty-administration li a, #menu #dropdown-contact-us li a {text-decoration: none;padding: 3px 4px 3px 4px; color: #fff;height: 15px; display: block;border-bottom: 1px solid #465f84; border-left: 2px solid white; border-right: 2px solid white;width: 196px;background-color: #08295b;} #menu #dropdown-future-students li a:hover, #menu #dropdown-current-students li a:hover, #menu #dropdown-academics li a:hover, #menu #dropdown-alumni li a:hover, #menu #dropdown-faculty-administration li a:hover, #menu #dropdown-contact-us li a:hover {background:#00aeef; color: #fff;} #menu #dropdown-future-students li a.last, #menu #dropdown-current-students li a.last, #menu #dropdown-academics li a.last, #menu #dropdown-alumni li a.last, #menu #dropdown-faculty-administration li a.last, #menu #dropdown-contact-us li a.last { border-bottom: none; } #menu #dropdown-future-students {left: 77px;} #menu #dropdown-current-students {left: 252px;} #menu #dropdown-academics {left: 402px;} #menu #dropdown-alumni {left: 520px;} #menu #dropdown-faculty-administration {left: 655px;} #menu #dropdown-contact-us {right: 0px; background:url(../images/bkground-dropdown-contact-us.png) top no-repeat;} #content-container {background: url(../images/bkground-content-container.gif) repeat-y; width: 960px; position: relative; z-index: 1} #content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;} #content-container #content-container-top {background: url(../images/bkground-content-container-top.gif) no-repeat; width: 960px; height: 8px; position: absolute; top: 0px; left: 0px;z-index: 99; } #content-container #content-container-bottom {background: url(../images/bkground-content-container-bottom.gif) no-repeat; width: 960px; height: 7px; position: absolute; bottom: 0px; left: 0px; z-index: 99; overflow: hidden;} #content-container #overlay-flash { position: absolute; left: 220px; top: 50px; z-index: 100; } #sidebar {z-index: 99; position: relative; width: 206px; float: left; margin: 0px 0px 10px 13px; min-height: 545px;} #sidebar h2#search, #sidebar h2#categories, #sidebar h2#fkcc-facts { border: none; overflow:hidden; background-repeat:no-repeat; height:0px !important; font-size:0px; margin: 7px 0px 7px -10px; padding:30px 0px 0px 0px; height /**/:30px} #sidebar h2#search {background-image:url(../images/h2-search.gif)} #sidebar h2#categories {background-image: url(../images/h2-categories.gif)} #sidebar h2#fkcc-facts {background-image: url(../images/h2-fkcc-facts.gif)} #sidebar #frmSearch { background: url(../images/bkground-searchForm.gif) no-repeat; width: 194px; height: 39px; position: relative;} #sidebar #frmSearch #tbSearch {background: #f2ede1; border: 1px solid #ffffff; color: #867e6a; position: absolute; top: 6px; left: 10px;width: 139px; height: 21px; padding: 4px 0px 0px 4px;} #sidebar #frmSearch #btnSearch {position: absolute; left: 155px; top: 6px; } #sidebar #submenu-top { background:url(../images/bkground-submenu-top.gif) no-repeat; width: 193px; height: 7px; overflow: hidden; } #sidebar #submenu-bottom {background: url(../images/bkground-submenu-bottom.gif) no-repeat; width: 193px; height: 7px; overflow: hidden;} #sidebar #submenu {width: 181px; background: #e5dfcf; border-left: 1px solid #9f967f; border-right: 1px solid #9f967f; padding: 5px 0px 1px 10px; margin: 0px 0px -5px 0px; } #sidebar #submenu a {color: #501f0a;} #sidebar #submenu li { line-height: 14px; margin: 0px 0px 5px 0px; } #sidebar #submenu li a.active {color: #08295b; background: #b8e9fb; border: 1px solid #5bcaf4; text-decoration: none; display: block; padding: 0px 0px 0px 2px; margin: 5px 0px 0px 0px; line-height: 14px;} #sidebar #submenu h3 {margin: 0px 0px 7px 0px; padding: 0px 0px 0px 20px; font-size: 12px;} #sidebar #submenu h3.plus { background:url(../images/icon-plus.gif) no-repeat 0px 0px; } #sidebar #submenu h3.minus {background:url(../images/icon-minus.gif) no-repeat 0px 0px; } #sidebar #submenu h3.active a { color: #08295b; background: #fff; text-decoration: none; display: block; padding: 1px 0px 1px 4px; margin: 0px 7px -2px -2px; } #sidebar #submenu ul { margin: -7px 7px 7px 18px; padding: 2px 5px 4px 6px; font-size: 11px; list-style: none; line-height: 20px; background-color: #fff; } #sidebar #submenu ul li {} #sidebar #submenu ul li a:hover {} #content {width: 710px; float: right; z-index: 99; position: relative; margin: 2px 15px 5px 0px; padding: 5px 0px 0px 0px; } #content h2,h3,h4,h5,h6 {margin: 10px 0px 10px 0px; padding: 0px; color: #592108; } #content h2 {font-size: 18px; font-weight: normal; border-bottom: 1px solid #b8af9a; padding: 0px 0px 3px 0px; width: 490px; } #content h3 {font-size: 15px;} #content h4 {font-size: 14px;} #content h5 {font-size: 13px;} #content h6 {font-size: 12px;} #content ul {margin: 10px 0px 10px 25px; padding: 0px;} #content ul li {line-height: 16px; padding: 0px 0px 5px 0px;} #content a { color: #0000ff; } #content #btnMultimedia { position: absolute; top: 0px; right: -15px; z-index: 102;} #content #multimedia {width: 210px; border: 1px solid white; background:url(../images/bkground-content-container-home.gif) repeat-y; position: absolute; right: -15px; top: 20px; padding: 25px 0px 5px 5px; z-index: 101; display: none;} #content #contentmenu-container {margin: 3px 0px 20px 0px; } #content #contentmenu {padding: 13px; margin: 0px; background: #e5dfcf; border-bottom: 1px solid #cdc2a6; border-left: 1px solid #cdc2a6; border-right: 1px solid #cdc2a6; display: inline; } #content select {padding: 0px; margin: 0px;} #content #slideshow-flash { z-index: 99; position: relative;} #footer {color: #fff; text-decoration: none; margin: 10px 0px 20px 0px; text-align: center;} #footer a { color: #fff; } #footer address { font-size: 17px; padding: 0px; margin: 0px; } #footer ul { border-top: 1px solid #5274a7; margin: 10px auto 0px auto; padding: 10px 0px 0px 0px; list-style: none; width: 500px; } #footer ul li {display: inline; border-right: 1px solid #fff; padding: 0px 4px 0px 2px; } #footer ul li.last { border: none; } #footer p {margin: 10px 0px 0px 0px; padding: 0px; color: #8ca3c5; font-size: 11px;} #footer p a { color: #8ca3c5; } #wave { width: 100%; background: url(../images/bkground-wave.gif) top repeat-x; height: 100px; } #homepage {} #homepage #header {height: 460px; z-index: 99;} #homepage #students-flash {position: absolute; top: 194px; left: 0px;} #homepage #content-container {background: url(../images/bkground-content-container-home.gif) repeat-y} #homepage #content-container #content-container-top { background:url(../images/bkground-content-container-top-home.gif) no-repeat;} #homepage #content-container #content-container-bottom {background: url(../images/bkground-content-container-bottom-home.gif) no-repeat; overflow: hidden;} #homepage #left-content {width: 206px; float: left; margin: 0px 0px 0px 7px; padding: 0px 0px 10px 0px;} #homepage #left-content h2#more-information{ border: none; overflow:hidden; background-repeat:no-repeat; background-image: url(../images/h2-more-information.gif); height:0px !important; font-size:0px; margin: 7px 0px 7px 0px; padding:30px 0px 0px 0px; height /**/:30px} #homepage #left-content #submenu-top { background:url(../images/bkground-submenu-top.gif) no-repeat; width: 193px; height: 7px; overflow: hidden; margin: 0px 0px 0px 5px; } #homepage #left-content #submenu-bottom {background: url(../images/bkground-submenu-bottom.gif) no-repeat; width: 193px; height: 7px; overflow: hidden; margin: 0px 0px 0px 5px;} #homepage #left-content #submenu {width: 176px; background: #e5dfcf; border-left: 1px solid #9f967f; border-right: 1px solid #9f967f; padding: 5px 0px 10px 15px; line-height: 22px; margin: 0px 0px -5px 5px; list-style: none;} #homepage #left-content #submenu a { color: #501f0a; font-weight: bold;} #homepage #content {width: 495px; float: left; margin: 3px 0px 0px 18px;} #homepage #right-content {width: 213px; float: right} #homepage #right-content img { z-index: 99; position: relative;} #homepage #right-content #frmSearch { background: url(../images/bkground-searchForm.gif) no-repeat; width: 194px; height: 39px; position: relative; margin: 0px 0px 0px 7px;} #homepage #right-content #tbSearch {background: #f2ede1; border: 1px solid #ffffff; color: #867e6a; position: absolute; top: 6px; left: 10px;width: 139px; height: 21px; padding: 4px 0px 0px 4px;} #homepage #right-content #btnSearch {position: absolute; left: 155px; top: 6px; } #homepage #right-content h2#search{ border: none; overflow:hidden; background-repeat:no-repeat; background-image: url(../images/h2-search.gif); height:0px !important; font-size:0px; margin: 7px 0px 7px -2px; padding:30px 0px 0px 0px; height /**/:30px} #homepage #right-content #beach-montage {width: 212px; height: 151px; z-index: 1; position: absolute; right: 0px; bottom: 0px; background:url(../images/bkground-beach-montage.jpg) no-repeat;} #map-container, #challenge-container { margin: 13px 0px 0px 0px; } #map-container { position: relative; z-index: 1; } #map-container p { margin:0px 0px 0px 0px; padding: 0px; } #map-container #overlay-flash { position: absolute; top:50px; left: 440px; z-index: 99; } #videopresentations-container { margin: 20px auto 0px auto; background: url(../images/bkground-videopresentations.gif) no-repeat; width: 591px; padding: 20px 0px 0px 0px;height: 335px; } #videopresentations-container #videopresentations-flash { margin: 0px auto 0px auto; width: 550px; } #slideshowmaster-container {margin: 20px auto 0px auto; width: 591px; height: 448px; background:url(../images/bkground-slideshowmaster.gif) no-repeat; padding:19px 0px 0px 0px; } #slideshowmaster-container #slideshow-flash {margin: 0px auto 0px auto; width: 554px; } #video-container {background: url(../images/bkground-video.gif) no-repeat; width: 437px; height: 284px; padding: 19px 0px 0px 0px; margin: 0px auto 0px auto;} #video-container #video-flash {margin: 0px auto 0px auto; width: 400px; z-index: 99; position: relative;} #slideshow-flash p, #students-flash p, #videopresentations-flash p, #challege-flash p, #facts-flash p, #video-flash p, #overlay-flash p {padding: 10px; background: #fff; border: 1px solid red; clear: both; display: block; text-align: left; position: relative;text-align: left; line-height: 18px; color: #000;} /* ---------------------------- */ /* Forms Validation /* ---------------------------- */ label.alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; color: red;asdf } #success, #error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; display: block; text-align: left; position: relative;} #success p, #error p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;} #success {background-color:#c3fbbb; border:1px solid #abe9a2 } #success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(/images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;} #error {display: none;} #error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 9px 0px 10px 35px; margin: 0px; background: url(/images/alert.gif) no-repeat 0px 0px; color: Red; font-size: 14px; position: relative;} #progress {padding: 15px 0px 13px 10px; display: none; width: 150px; height: 30px; } #progress img {float: left; padding: 0px 8px 0px 0px; } #progress h4 { font-size: 15px; margin: 0px; padding: 7px 0px 10px 0px; color: Red; font-weight: bold; } /* ---------------------------- */ /* Forms Formatting /* ---------------------------- */ #form {font-family:Arial,Helvetica,sans-serif;} #form input[type=image] { display: block; margin: 5px 0px 0px -7px; clear: both; font-weight: bold; font-size: 16px; padding: 4px;} #form input[type=text] {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;} #form select {font-size: 13px; margin: 0px 0px 0px 0px;} #form table { border-collapse: collapse; vertical-align: top} #form h5 {position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background: #e5dfcf; border-bottom: 1px solid #cac0a6; display:block; clear:both} #form textarea { font-family:Arial,Helvetica,sans-serif; } #form .lbl {position:relative;font-weight:bold; margin:5px 0px 3px 0px; clear:both; display: block;color:#000; font-size:12px; font-weight: bold} #form .field {font-size:11px; line-height: 14px; font-family:Arial,Helvetica,sans-serif;clear: both; display: block; margin: 3px 0px 5px 0px; } #form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;} #form .left{float:left; padding:0px 5px 0px 0px} #form .left-phone {float:left; } #form .right-phone {float:left; padding:0px 0px 0px 3px} #form .clear {float:none} #form .highlight { border: 1px solid red; } #form #date-container { margin: 10px 0px 0px 0px; height: 22px;} /* ---------------------------- */ /* Misc /* ---------------------------- */ .left{float:left; } .left-address{float:left;display: block; margin: 0px 10px 0px 0px;padding: 0px; } .right { float: right; } .center { text-align: center; } .img-left{float:left; margin:0px 10px 0px 0px; } .img-right{float: right; margin: 0px 0px 0px 10px;} .margin-right{margin-right: 10px;} .margin-top{ margin-top: 10px;} .margin-bottom { margin-bottom: 10px; } .small{font-size:11px; line-height:14px; font-weight: normal;} .large{font-size:14px; line-height:21px;} .line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden} .nodis { display: none; } .clear{ clear: both; } .highlight { padding: 2px; background-color:#ffff99; } .grey { color: #666; } .border { border: 1px solid white;} .box-highlight { background: #faf1db; border: 1px solid #e3bf7d; padding: 0px 10px 0px 10px;} .highlight { background: #faf1db; padding: 1px;} .red { color:red; } .normal-italics {font-weight: normal; color: #000; line-height: 18px; font-style: italic; }