/* Theme Name: Faith Theme URI: http://faithinyourfuture.ca/ Version: 0.2.3 Description: A WordPress Theme for STAR Catholic Schools Author: Overhaul Media Author URI: http://overhaulmedia.com Tags: wpframework, framework, widgets, gravatars, valid xHTML, valid CSS, SEO, microformats, hAtom, vCard, XOXO Copyright 2009 STAR Catholic All rights reserved. */ /* Reset Browser Defaults */ @import url( 'library/styles/reset.css' ); /* Apply base theme styles and colors */ @import url( 'library/styles/base.css' ); /* Site Specific Styles */ @import url( 'assets/css/screen.css' ); /* portal */ #portal {width:810px; margin:7px 0 21px 0; padding:10px 27px 20px 28px; float:left; background:#ffffff url(assets/images/portal_bg.jpg) 0 2px repeat-x; border:1px solid #94bae1; } #portal_heading { width:550px; margin:0; padding:0 0 10px 0; float:left; border-bottom:1px solid #e2e2e2; } #portal_heading h2 { width:550px; margin-top:10px; padding:0; float:left; font:normal 22px "Myriad Pro", Arial, Verdana; color:#3964a2; } #portal_heading p { width:550px; margin:0; padding:0; float:left; font:normal 14px "Myriad Pro", Arial, Verdana; color:#7e7e7e; } #box {width:600px; margin:0; padding:0; float:right; display:inline; } /* christ_the_king */ #christ_the_King {width:200px; margin:0; padding:0; float:left;display:inline;} #christ_the_King h2 {width:202px; margin:0; padding:10px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2;display:inline; } #christ_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image1.jpg) 0 0 no-repeat; height:135px;display:inline; } #christ_image a { width:200px; height:135px; margin:0; padding:0; float:left;display:inline; } #christ_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image1_hover.jpg) 0 0 no-repeat; } #christ_the_King_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 94px; float:left; background:url(assets/images/christ.jpg) 0 0 no-repeat; height:80px;display:inline;} #christ_the_King_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px;display:inline; } #christ_the_King_bottom p a {color:#2366a4; text-decoration:underline; } #christ_the_King_bottom p a:hover { text-decoration:none; } /* end christ_the_king */ /* Sacred Heart */ #sacred_heart {width:200px; margin:0 0 0 97px; padding:0; float:left;display:inline;} #sacred_heart h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2;display:inline; } #sacred_heart_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image2.jpg) 0 0 no-repeat; height:135px;display:inline; } #sacred_heart_image a { width:200px; height:135px; margin:0; padding:0; float:left;display:inline; } #sacred_heart_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image2_hover.jpg) 0 0 no-repeat; } #sacred_heart_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 92px; float:left; background:url(assets/images/sacred.jpg) 0 0 no-repeat; height:80px;display:inline;} #sacred_heart_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px;display:inline; } #sacred_heart_bottom p a {color:#2366a4; text-decoration:underline; } #sacred_heart_bottom p a:hover { text-decoration:none; } /* Sacred Heart */ /* ************************ */ /* benedict */ #benedict {width:199px; margin:0 0 0 97px; padding:0; float:left} #benedict h2 {width:199px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #benedict_image { width:199px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/second_image7.jpg) 0 0 no-repeat; height:135px; } #benedict_image a { width:199px; height:135px; margin:0; padding:0; float:left; } #benedict_image a:hover {width:199px; margin:0; padding:0; background:url(assets/images/second_image7_hover.jpg) 0 0 no-repeat; } #benedict_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 91px; float:left; background:url(assets/images/stbenedict.jpg) 0 0 no-repeat; height:80px;} #benedict_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #benedict_bottom p a {color:#2366a4; text-decoration:underline; } #benedict_heart_bottom p a:hover { text-decoration:none; } /* end benedict */ /* Notre Dame School */ #notre {width:202px; margin:0 0 0 0; padding:0; float:left} #notre h2 {width:202px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #notre_image { width:202px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image4.jpg) 0 0 no-repeat; height:135px; } #notre_image a { width:202px; height:135px; margin:0; padding:0; float:left; } #notre_image a:hover {width:202px; margin:0; padding:0; background:url(assets/images/image4_hover.jpg) 0 0 no-repeat; } #notre_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/natre.jpg) 0 0 no-repeat; height:80px;} #notre_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #notre_bottom p a {color:#2366a4; text-decoration:underline; } #notre_heart_bottom p a:hover { text-decoration:none; } /* end Notre Dame School */ /* Father Lacombe School */ #father {width:200px; margin:0 0 0 0px; padding:0; float:left} #father h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #father_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image5.jpg) 0 0 no-repeat; height:135px; } #father_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #father_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image5_hover.jpg) 0 0 no-repeat; } #father_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/father_lacombe.jpg) 0 0 no-repeat; height:80px;} #father_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #father_bottom p a {color:#2366a4; text-decoration:underline; } #father_heart_bottom p a:hover { text-decoration:none; } /* End Father Lacombe School */ /* St. augustine School */ #augustine {width:200px; margin:0 0 0 97px; padding:0; float:left} #augustine h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #augustine_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image6.jpg) 0 0 no-repeat; height:135px; } #augustine_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #augustine_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image6_hover.jpg) 0 0 no-repeat; } #augustine_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/st_auqustine.jpg) 0 0 no-repeat; height:80px;} #augustine_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #augustine_bottom p a {color:#2366a4; text-decoration:underline; } #augustine_bottom p a:hover { text-decoration:none; } /* St. anthony’s School */ #anthony {width:200px; margin:0 0 0 0px; padding:0; float:left} #anthony h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #anthony_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image3.jpg) 0 0 no-repeat; height:135px; } #anthony_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #anthony_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image3_hover.jpg) 0 0 no-repeat; } #anthony_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/stanthony.jpg) 0 0 no-repeat; height:80px;} #anthony_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #anthony_bottom p a {color:#2366a4; text-decoration:underline; } #anthony_bottom p a:hover { text-decoration:none; } /* lacombe */ #lacombe {width:200px; margin:0 0 0 97px; padding:0; float:left} #lacombe h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #lacombe_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image8.jpg) 0 0 no-repeat; height:135px; } #lacombe_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #lacombe_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image8_hover.jpg) 0 0 no-repeat; } #lacombe_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/holy_trinity.jpg) 0 0 no-repeat; height:80px;} #lacombe_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #lacombe_bottom p a {color:#2366a4; text-decoration:underline; } #lacombe_bottom p a:hover { text-decoration:none; } /* outreach */ #outreach {width:200px; margin:0 0 0 0px; padding:0; float:left} #outreach h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #outreach_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image10.jpg) 0 0 no-repeat; height:135px; } #outreach_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #outreach_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image10_hover.jpg) 0 0 no-repeat; } #outreach_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/outreach.jpg) 0 0 no-repeat; height:80px;} #outreach_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #outreach_bottom p a {color:#2366a4; text-decoration:underline; } #outreach_bottom p a:hover { text-decoration:none; } /* St. Andre School */ #beaumont {width:200px; margin:0 0 0 97px; padding:0; float:left} #beaumont h2 {width:200px; margin:0; padding:15px 0 0 0; float:left; font:normal 16px "Myriad Pro", Arial, Verdana; color:#3964a2; } #beaumont_image { width:200px; margin:16px 0 0 0; padding:0; float:left; background:url(assets/images/image99.jpg) 0 0 no-repeat; height:135px; } #beaumont_image a { width:200px; height:135px; margin:0; padding:0; float:left; } #beaumont_image a:hover {width:200px; margin:0; padding:0; background:url(assets/images/image99_hover.jpg) 0 0 no-repeat; } #beaumont_bottom {width:108px; margin:10px 0 0 0; padding:0 0 0 93px; float:left; background:url(assets/images/beaumont.jpg) 0 0 no-repeat; height:80px;} #beaumont_bottom p {width:108px; margin:0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#2366a4; line-height:20px; } #beaumont_bottom p a {color:#2366a4; text-decoration:underline; } #beaumont_bottom p a:hover { text-decoration:none; } /* end portal styles */ /*---------------- SCHOOLS INDEX ---------------*/ #ministryIndex { margin: 0; border-top:11px solid #4a8ccd; background:#b5d0ed; } #ministryIndexContainer { margin: 0 auto; width: 847px; padding: 0 10px 0px 10px; position: relative; display: block; } #ministryIndexContainer td { margin: 10px 0 10px 0; color: #4a8cce; border-left: 1px solid #b5d0ed; } #ministryIndexContainer ul { padding: 0; margin-bottom: 10px; } #ministryIndexContainer ul li.ministryIndexHeader { color: #ffffff; padding: 20px 0 0 10px;} #ministryIndexContainer ul li.subMinistry { margin: 0; padding: 0; border: none; text-indent: 20px; } #ministryIndexContainer li { } #ministryIndexContainer a { color: #4574a4; text-decoration: none; display: block; margin: 0 0 0 0; padding: 3px 10px 2px 10px ; } #ministryIndexContainer a:link, #ministryIndexContainer a:visited { } #ministryIndexContainer a:hover, #ministryIndexContainer a:active { background: #1d6ec1; } #ministryIndexTab { margin: 0 0 0 0; } #ministryIndexTab h1 a { padding: 0; width: 147px; height: 27px; text-indent: -9999px; overflow: hidden; } #ministryIndexTab a { background: transparent; margin: 0; padding: 0; } #ministryIndexTab a:link, #ministryIndexTab a:visited { background: transparent; background: url(assets/images/btn_ministryIndex_open.png) no-repeat bottom right; } #ministryIndexTab a:hover, #ministryIndexTab a:active { background: transparent; background: url(assets/images/btn_ministryIndex_closed.png) no-repeat bottom right; } #top_drop { margin: 0 auto; width: 100%; padding: 5px 15px 0px 10px; position: relative; display: block; background-color:#4b8ecc; text-align:center; } #top_drop td { margin: 0; color: #d1dde9; border-left: 1px solid #3a80c7; } #top_drop ul { list-style: none; padding: 0; margin: 0px; line-height:25px; } #top_drop ul li { margin: 0; height: 15px; } #top_drop ul li.ministryIndexHeader { color: #ffffff; padding: 10px 0 0 10px; height: 15px; font-weight: normal; } #top_drop ul li.subMinistry { margin: 0; padding: 0 0 0 0; text-indent: 20px; height: 15px; } #top_drop ul li a { color: #ccdae9; text-decoration: none; margin: 0; padding: 1px 0 1px 10px; display: block; } #top_drop ul li a:link, #ministryIndexContainer ul li a:visited { } #top_drop ul li a:hover, #ministryIndexContainer ul li a:active { background: #63a3de; color:#fff; } @charset "utf-8"; /* CSS Document */ body {margin:0; padding:0; background:#2366a4 url(assets/images/header_bg.gif) 0 0 repeat-x;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; } img, ul, li, ol, pre {margin:0; padding:0;} img.left {float:left; } img.alineleft {float:left; margin:0 15px 0 5px } img.right {float:right; } a img {border:none; } /* End basic css */ /* page */ #page {width:100%; margin:0; padding:0; } #page_header {width:100%; margin:0; padding:0; float:left; height:187px; background:#b5d0ed; } #header_in {width:867px; margin:0 auto; padding:0; } #header {width:867px; margin:0; padding:0; float:left; /*background:url(assets/images/header_background.gif) 486px 7px no-repeat;*/ height:146px; } #header_top {width:867px; margin:6px 0 0 0; padding:0; float:left; height:140px; } #logo {width:159x; height:131px; margin:5px 0 0 0; padding:0; float:left; } #faith {width:210px; height:25px; margin:0; padding:25px 0 0 52px; float:left;} #form {width:220px; height:20px; margin:0 15px 0 0; padding:110px 0 0 0; float:right; } #form form {margin:0; padding:0; } #form input { margin:0; padding:0; } #form input.text {width:151px; margin:0; padding:0; height:20px; background:#ffffff; border:none; float:left; } #form input.submit {width:62px; margin:0; padding:0; height:20px; background:url(assets/images/search.gif) 0 0 no-repeat; border:none; float:right; cursor:pointer; } #form label {margin:0; padding:0; } #menu {width:867px; margin:0; padding:0; float:left; height:41px; background:url(assets/images/menu.gif) 0 0 repeat-x; } #menu_left {width:650px; margin:0; padding:0; float:left; height:41px; background:url(assets/images/menu.gif) 0 0 repeat-x;} #menu_left ul {width:650px; margin:0; padding:0; height:41px; list-style:none; } #menu_left ul li {display:block; float:left; height:41px; margin:0; padding:0; font:normal 14px "Myriad Pro", Arial, Verdana; color:#4574a4; padding:0 2px 0 0;} #menu_left ul li.line {background:url(assets/images/menu_line.gif) right top no-repeat; } #menu_left ul li a {display:block; float:left; height:41px; margin:0; padding:0; line-height:41px; font-weight:bold; color:#4574a4; padding:0 14px; text-decoration: none; } #menu_left ul li a:hover {background:url(assets/images/menu_hover.gif) 0 0 repeat-x; color:#ffffff; } #menu p {width:100px; margin:0; padding:0; float:right; height:41px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#4587c4; line-height:41px; } #menu_right {width:180px; margin:0; padding:0; float:right; height:41px; background:url(assets/images/menu.gif) 0 0 repeat-x;} #menu_right p { width:180px; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#4587c4; line-height:41px; } #menu_right p a {color:#4587c4; text-decoration:none; } /* middle page */ #page_middle {width:100%; margin:0; padding:0; float:left; background:#86b2de;} #middle_in {width:867px; margin:0 auto; padding:0; } #middle {width:867px; margin:0 0 20px 0; padding:0; float:left; } #quick_link {width:867px; margin:0; padding:0; float:left; } #quick_link_left {width:607px; height:338px; margin:0; padding:0; float:left; } #quick_link_right {width:260px; margin:0; padding:0; float:left; height:338px; background:#b5d0ed; } #quick_link_heading {width:248px; margin:0; padding:0 0 0 12px; border-bottom:1px solid #ffffff; height:48px; background:#b5d0ed; } #quick_link_heading h2 {font:normal 18px "Myriad Pro", Arial, Verdana; color:#498bce; line-height:48px;} #school_list a {width:210px; margin:0; padding:22px 0 0 50px; height:50px; float:left; border-bottom:1px solid #ffffff; font: normal 18px Arial, Helvetica, sans-serif; color:#ffffff; background:url(assets/images/icon_school.gif) 14px 14px no-repeat; text-decoration:none; } #school_list a:hover {background:#86b2de url(assets/images/icon_school_hover.gif) 14px 14px no-repeat; cursor:pointer;} .smallfont {font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; } #photo_gallery a {width:210px; margin:0; padding:22px 0 0 50px; height:50px; float:left; border-bottom:1px solid #ffffff; font: normal 18px Arial, Helvetica, sans-serif; color:#ffffff; background:url(assets/images/photo.gif) 14px 24px no-repeat; text-decoration:none; } #photo_gallery a:hover {background:#86b2de url(assets/images/photo_hover.gif) 14px 24px no-repeat; cursor:pointer;} #registration a {width:210px; margin:0; padding:22px 0 0 50px; height:50px; float:left; border-bottom:1px solid #ffffff; font: normal 18px Arial, Helvetica, sans-serif; color:#ffffff; background:url(assets/images/reges.gif) 14px 14px no-repeat; text-decoration:none; } #registration a:hover {background:#86b2de url(assets/images/reges_hover.gif) 14px 14px no-repeat; cursor:pointer;} #resources a {width:210px; margin:0; padding:22px 0 0 50px; height:50px; float:left; font: normal 18px Arial, Helvetica, sans-serif; color:#ffffff; background:url(assets/images/resource.gif) 14px 14px no-repeat; text-decoration:none; } #resources a:hover {background:#86b2de url(assets/images/resource_hover.gif) 14px 14px no-repeat; cursor:pointer;} /* content */ #page_content {width:823px; margin:15px 0 0 0; padding:20px 22px 30px 22px; float:left; background:#ffffff; } #content_left {width:555px; margin:0; padding:0; float:left; } #content_left h2 {width:555px; margin:0; padding:0; float:left; font:normal 20px "Myriad Pro", Arial, Verdana; color:#3964a2; line-height:30px; } #content_left p {width:555px; margin:0 0 15px 0; padding:0; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#474747; line-height:18px; } #profile {width:555px; margin:0; padding:0; float:left; } #profile_left {width:266px; margin:0; padding:0; float:left; } #profile_left p {width:266px; margin:0; padding:10px 0; float:left; border-bottom:1px solid #e0e0e0; } #profile_right {width:266px; margin:0; padding:0; float:right; } #profile_right p {width:266px; margin:0; padding:10px 0; float:left; border-bottom:1px solid #e0e0e0; } #content_right {width:258px; margin:0; padding:0; float:right; } #content_right h2 {width:235px; margin:0; padding:0 0 0 23px; float:left; font:normal 18px "Myriad Pro", Arial, Verdana; color:#dea322; line-height:30px; background:url(assets/images/border.gif) left bottom no-repeat; } #content_right p {width:200px; margin:8px 0 15px 0; padding:0 0 0 23px; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#474747; line-height:18px; } #content_right p a {color:#0f5ba6; text-decoration:underline; } #content_right p a:hover {text-decoration:none; } .blue {color:#3c84be; font-weight:bold; } #content_right h3 {width:255px; margin:0; padding:0 0 0 0; float:left; font:normal 18px "Myriad Pro", Arial, Verdana; color:#dea322; text-align:center; } /* footer */ #page_footer {width:100%; margin:0; padding:27px 0 0 0; float:left; height:111px; background:url(assets/images/footer.gif) 0 0 repeat-x; } #footer_in {width:867px; margin:0 auto; padding:0; height:111px; } #footer {width:867px; margin:0; padding:0; float:left; height:111px; } #footer_left {width:248px; margin:0; padding:0 0 0 10px; float:left; background:url(assets/images/footer_line.gif) right -27px no-repeat; height:111px; } #footer_left h2 {width:248px; margin:0; padding:0 0 0 10px; float:left; font: normal 18px "Myriad Pro", Arial, Verdana; color:#bfd0ed; line-height:24px; } #footer_left P { width:248px; margin:0; padding:0 0 0 10px; float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#d0dce8; } #footer_form {width:248px; margin:15px 0 0 0; padding:0; float:left; height:20px; } #footer_form form {margin:0; padding:0; } #footer_form label {margin:0; padding:0; } #footer_form input {margin:0; padding:0; } #footer_form input.form { width:138px; margin:0 15px 0 0; padding:0; float:left; height:20px; background:#ffffff; border:none; } #footer_form input.button { width:59px; margin:0; padding:0; float:left; height:20px; background:url(assets/images/button.gif) 0 0 no-repeat; border:none; cursor:pointer; } /* footer middle */ #footer_middle {width:258px; margin:0 0 0 10px; padding:0; float:left; background:url(assets/images/footer_line.gif) right -27px no-repeat; height:111px; } #footer_middle_left {width:95px; margin:0; padding:0 0 0 30px; float:left; } #footer_middle_left ul {list-style:none; } #footer_middle_left ul li { width:95px; display:block; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; line-height:16px; } #footer_middle_left ul li a { width:95px; display:block; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; line-height:16px; text-decoration:none; } #footer_middle_left ul li a:hover {text-decoration:underline;} /* footer right */ #footer_right {width:270px; margin:0; padding:26px 0 0 60px; float:right; height:85px; background:url(assets/images/icon.gif) left 15px no-repeat; } #footer_right p {width:270px; margin:0; padding:0; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; } #footer_right p a { color:#ffffff; text-decoration:underline; } #footer_right p a:hover {text-decoration:none; } #footer_right h3 {width:270px; margin:0; padding:5px 0 0 0; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#86b2de; } /* resource */ #resources_one {width:867px; margin:0; padding:0; float:left; background:url(assets/images/middle_resources_bg.gif) 0 0 repeat-y; } #resources_left {width:217px; min-height:555px; margin:0; padding:0; float:left; } #resources_left h2 {width:190px; margin:0 13px; padding:0 0 0 0; float:left; font:normal 22px Verdana, Arial, Helvetica, sans-serif; color:#ddedff; line-height:30px; } #resources_left p {width:190px; margin:0 13px; padding:0 0 0 0; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; line-height:30px; } #resources_left p.border1 {border-bottom:1px solid #7aaadc; } #resources_left ul, li { list-style:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; margin-left:7px; margin-right:7px;} #resources_left li { border-bottom:1px solid #7aaadc;} #resources_left li a{ color:#ffffff; line-height:25px;} #resources_left li a:hover { text-decoration:none; color:#84b3e2;} #resources_right ol, li { list-style:none; margin-left:12px; margin-right:7px; margin-bottom:6px;} #resources_right {width:625px; margin:0; padding:0; float:right; } #look_here {width:620px; margin:0; padding:0 0 0 0px!important; padding:0 0 0 0px; float:left; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#c6c6c6; line-height:34px; border-bottom:1px solid #e2e2e2 } #resources_right h2 {margin-top:17px; padding:0 0 0 0; font:normal 22px Arial, Helvetica, sans-serif; color:#498bce; line-height:40px; } #resources_text {width:600px; margin:0 0 10px 0; padding:0 20px 0 20px !important; padding:0 0 0 10px; float:left; } #resources_text_left {width:123px; margin:0; padding:0; float:left; } #resources_text_left p {width:123px; margin:0; padding:0; float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#5b5b5b; line-height:18px; } #resources_text_right {width:450px; margin:0; padding:0 0 0 0; float:right; } #resources_text_right p {width:450px; margin:0 0 10px 0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:18px; } #resources_text_right p a {text-decoration:underline; color:#498bce; } #resources_text_right p a:hover{text-decoration:none; } a[href$=".PDF"], a[href$=".pdf"] { padding: 2px 2px 2px 20px; background: url("assets/images/pdficon_small.gif") left center no-repeat; } #resources_text_right h4 {width:450px; margin:0 0 0 0; padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:18px; } #resources_text_right h4 a {text-decoration:underline; color:#498bce; } #resources_text_right h4 a:hover{text-decoration:none; } #registration_form {width:450px; margin:0; padding:0; float:left; height:250px; } #resources_text_right h5 {width:450px; margin:0 0 0 0; padding:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#86b2de; text-align:right; line-height:18px; } #resources_text_right h5 a {text-decoration:underline; color:#86b2de; } #resources_text_right h5 a:hover{text-decoration:none; } /* registration form styles */ .blue10 {font-size:10px; text-decoration:none;} .Yellow35{font-size:35px; text-decoration:none; color:#d69e06; font-weight:bold;} .blue30 {font-size:24px; text-decoration:none; color:#083b64; font-weight:bold;} .blue33 {font-size:32px; text-decoration:none; color:#083b64; font-weight:bold;} .blue16 {font-size:16px; text-decoration:none; color:#083b64; font-weight:bold;} .blue14 {font-size:14px; text-decoration:none; color:#083b64; font-weight:bold;} .blue14a {font-size:16px; text-decoration:none; color:#083b64; } .blue12 {font-size:12px; text-decoration:none; color:#083b64; font-weight:bold;} .inputbox {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px;} .inputbox480 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:480px;} .inputbox350 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:350px;} .inputbox330 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:330px;} .inputbox300 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:300px;} .inputbox200 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:200px;} .inputbox185{background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:185px;} .inputbox175 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:175px;}.inputbox150 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:150px;}.inputbox140 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:140px;} .inputbox120 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:120px;}.inputbox50 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:50px;}.inputbox30 {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; height:11px; font-size:11px; width:30px;} .inputbox620message {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; font-size:11px; width:620px;} .inputbox400message {background:#FFFFFF; border:#afb1b2 1px solid; padding:3px 0 3px 5px; font-size:11px; width:400px;} /* end registration form styles */ /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }