/* ************************************************* Scottish Mentoring Network General Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4em; } body { background: #F0F1F7; font: 85% Georgia, 'Trebuchet MS', Arial, sans-serif; } input,select,textarea { font-size: .9em; font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-weight: normal; color: #444; } a { color: #5357A6; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } img.icon { vertical-align: middle; } hr { height: 1px; border: 0; background: #dcdfe8; color: #dcdfe8; margin: 0 20px 20px 20px; padding: 0; } th { text-align: left; } .clear { clear: both; } #wrap { } /*------------------------------------------- Header -------------------------------------------*/ #header-wrap { margin: 0 auto; width: 961px; } #logo { width: 384px; float: left; } #logo h1 a { display: block; text-indent: -9999px; background: url(../images/smnlogo.gif) 0 0 no-repeat; width: 142px; height: 96px; margin: 15px 0 0 10px; } #utils { width: 374px; float: left; margin: 21px 0 0 5px; } #utils p { color: #ABABB7; font-size: .9em; } #utils a { color: #ABABB7; padding: 2px 5px; } #utils a.sel { color: #fff; background: #5357A6; padding: 2px 5px; } #login-status { font-size: .9em; float: right; width: 172px; margin: 15px 0 0 0; background: url(../images/login-bg.gif) 0 100% no-repeat; padding: 6px 10px 21px 10px } #login-status p { font-weight: normal; color: #C6961E; } #login-status ul { list-style: none; } #login-status a { color: #fff; } #nav1-wrap { clear: left; border-top: 3px solid #ABABB7; font-size: 1em; float: left; margin: 0 auto 0 auto; height: 32px; width: 960px; border-right: 1px solid #CCCFDB; } #nav1 ul { list-style: none; font-size: 1em; width: 960px; } #nav1 li { float: left; width: 191px; border-left: 1px solid #CCCFDB; } #nav1 a { display: block; width: 171px; padding: 7px 10px; color: #64646D; font-weight: normal; } #nav1 a:hover { background: #fff; text-decoration: none; } #nav1 li.sel { color: #fff; border-left: 1px solid #5357A6; background: #5357A6; } #nav1 li.sel a { color: #fff; } #nav1 li.sel a:hover { background: #5357A6; } #breadcrumb-wrap { clear: left; margin: 0 20px; } #breadcrumb-wrap p { font-size: .9em; color: #8591AF; font-style: italic; padding: 8px 0; } /*------------------------------------------- Content -------------------------------------------*/ #content-wrap { clear: left; width: 961px; margin: 0 auto; padding-top: 20px; } #content { float: left; width: 753px; margin: 0; background: #fff; min-height: 620px; } #side { width: 208px; float: right; } #side h2 { font-family: Verdana, sans-serif; font-size: .8em; color: #010326; padding: 0 10px 1em 26px; } #side .post { background: url(../images/side-post-bg.gif) 0 100% no-repeat; padding: 6px 10px 21px 10px; margin: 0 0 0 16px; } #side .post p { font-family: Verdana, sans-serif; font-size: .8em; color: #64646D; } #side p.by { background: none; margin: 0 10px 1em 26px; font-family: Verdana, sans-serif; font-size: .75em; color: #9898a6; } #side a { } #main { padding-bottom: 40px; margin: 0 0 0 182px; } .wide { margin: 0 0 0 0 !important; } #main .search-form { margin: 1em 20px; } #main #cse-search-results { margin: 1em 20px; } #main #cse-search-results iframe { width: 713px; } #nav2 { width: 177px; float: left; margin-top: 5px; } #nav2 ul { list-style: none; font-family: Georgia, 'Times New Roman'; font-size: 1em; padding: 0 0 0 20px; } #nav2 li a { display: block; padding: 6px 0; color: #64646D; border-bottom: 1px dashed #dcdfe8; } #nav2 li.sel { font-weight: bold; } #main h1 { font-size: 2em; font-weight: normal; color: #010326; margin: 6px 20px .5em 20px; padding-bottom: .25em; border-bottom: 1px solid #CCCFDB; } #main h2 { font-size: 1.3em; color: #010326; margin: 1em 40px .5em 20px; } .no-top-margin { margin-top: 0 !important; } #main h2.overview { font-family: Verdana, sans-serif; color: #9898a6; text-transform: uppercase; font-size: .8em; } #main h2.border { border-top: 1px solid #CCCFDB; padding-top: .5em; margin-top: 20px; } #main h3 { font-size: 1em; color: #010326; margin: 1em 40px 0 20px; } #main p { font-size: 1em; color: #64646D; margin: 0 40px 1em 20px; } #main .newsdate { font-family: Verdana, sans-serif; font-size: .8em; text-transform: uppercase; color: #9898a6; margin-right: 10px; } #main .eventdate { font-family: Verdana, sans-serif; font-size: .8em; color: #9898a6; margin-right: 10px; } #main p.date { font-family: Verdana, sans-serif; font-size: .8em; text-transform: uppercase; color: #9898a6; } #main .intro p { font-size: 1.3em !important; font-family: georgia, serif !important; margin: 0 2em 0 10px; color: #f0f0f0; } #main ul,#main ol { font-size: 1em; color: #64646D; margin: 0 20px 1em 40px; } #main ul.people { list-style: none; margin-left: 20px; } #main ul.links { list-style: none; margin-left: 20px; } #main ul.links li { background: url(../images/link.png) 7px 6px no-repeat; padding-left: 20px; width: 95%; overflow: hidden; } #main ul.links a { width: 100%; overflow: hidden; } #main ul.sans { font-family: Verdana, sans-serif; font-size: .8em; } #main ul.benefits { list-style: none; margin-left: 20px; } #main ul.benefits li { background: url(../images/benefit-bullet.png) 0 3px no-repeat; padding-left: 20px; } #main ul.resources { list-style: none; margin: 20px 20px 20px 20px; } #main ul.resources li { font-size: 1em; line-height: 1.5em; background: url(../images/res-doc.png) 5px 8px no-repeat; padding: 6px 10px 6px 25px; border-top: 1px solid #dadde7; } #main ul.resources li.link { background: url(../images/res-link.png) 5px 9px no-repeat; } #main ul.resources li.alt { background-color: #F0F1F7; } #main ul.resources li em { font-size: .8em; font-family: Verdana, sans-serif; color: #64646D; margin: 0; font-style: italic; } #main ul.no-border li { border: 0; } #main ul.faq { list-style: none; margin-left: 20px; } #main ul.faq li { margin-bottom: 1em; } #main ul.faq h2 { margin-left: 0; font-size: 1em; } #main ul.faq li { font-weight: bold; color: #64646D; cursor: pointer; margin-left: 0; padding-left: 0; } #main ul.faq li p { display: none; font-weight: normal; margin: .5em 0 .5em 0; } #main ul.faq li ul { display: none; color: #64646D; font-weight: normal; } #main ul.faq li.sel p { color: #64646D; display: block; } #main ul.faq li.sel ul { color: #64646D; display: block; } #main ul.faq li.sel ul li { font-weight: normal; margin: 0 20px 0 0; } #main ul.faq ul.links li { padding-left: 20px; } #main .search-members-box { background: #F0F1F7; width: 335px; padding: 10px; margin: 0 1px 20px 20px; float: left; } #main .search-resources-box { background: #F0F1F7; width: 335px; padding: 10px; margin: 0 20px 20px 1px; float: left; } #main .col1 { width: 369px; float: left; } .wide .col1 { width: 576px !important; } #main .filter { padding: 10px 0 15px 0; background: #f7e7b7; margin: 10px 20px 10px 20px; } #main .filter h2 { font-weight: normal; margin: 0 0 .25em 25px; } #main .filter p { margin: 0 0 0 25px; } #main .filter p.showingResults { margin: .5em 0 0 25px; } #main p.showingResults { font-style: italic; padding: .5em 0 0 0 !important; } #main .filter select { width: 160px; } #main .paging { margin: 20px 0 0 0; height: 60px; font-family: Verdana, sans-serif; font-size: .8em; } #main .paging p { display: inline; margin: 0 10px 0 20px; } #main .paging ul { display: inline; list-style: none; margin: 0 0 1em 0; padding: 0; } #main .paging li { display: inline; margin: 0 10px 0 0; } #main .paging a { text-decoration: underline; } #main .col2 { float: left; width: 155px; padding-bottom: 30px; margin: 0px 0 0 10px; } #main .col2 .shortcut { background: #0054a4; } #main .col2 h2 { font-size: 1em; font-family: georgia; font-weight: normal; font-style: normal; color: #010326; margin: 0 2em .25em 0; } #main .col2 ul.links { margin: 0 0 1em 0; color: #64646D; } #main .col2 ul.links li { padding: .5em 0 .5em 0; margin: 0 0 0 2em } #main .col2 ul.links em { color: #64646D; } #main .col2 h2 { margin: 1em 0 .5em 0; } #main .col2 h3 { margin: 1em 0 0 0; } #main .col2 h4 { margin: 1em 0 0 0; } #main .col2 p { margin: 0 0 1em 0; } #main .col2 ul { margin: .5em 0 1em 0; } #main .col2 ul.resources { list-style: none; margin: 0 0 1em 0; width: 150px; } #main .col2 ul.resources li { font-size: .8em; font-family: Verdana, sans-serif; line-height: 1.5em; background: url(../images/res-doc-s.png) 4px 7px no-repeat; padding: 4px 10px 4px 20px; border-top: 1px solid #dadde7; } #main .col2 ul.resources li.link { background: url(../images/res-link-s.png) 4px 7px no-repeat; } #main .col2 ul.resources li.alt { /* background-color: #F0F1F7; */ } #main .col2 ul.resources li em { display: none; font-size: .85em; color: #9898a6; margin: .25em 0 .5em 0; line-height: 1.2em; font-style: normal; } #main .person { display: none; } #map-wrap { float: right; margin: 0 20px 60px 0; width: 530px; background: #e8e9f3 } #map-canvas { width: 530px; height: 530px; } #map-wrap p { font-size: 1.1em; font-style: italic; margin: 0; padding: 15px; } #map-wrap-results { margin: 0 20px 20px 20px; width: 713px; background: #e8e9f3; } #map-wrap-results #map-canvas { width: 713px; height: 424px; } #map-wrap-results p { font-size: 1.1em; font-style: italic; margin: 0; padding: 15px; } #resources-wrap { height: 420px; padding: 30px; background: #E7EDE2; } .dir-org { margin: 0; border-top: 1px solid #dcdfe8; padding: 10px 0; margin: 0 20px; } #main .dir-org h2 { margin: .25em 20px 6px 0; } #main .dir-org h2 .contact-name { font-size: .7em; color: #64646D; font-family: Verdana, sans-serif; font-weight: normal; margin-left: 15px; } #main .dir-org p { font-family: Verdana, sans-serif; font-size: .9em; margin: 0 20px 8px 0; } #main .dir-org p.dir-links { font-size: .8em; margin-top: 10px; color: #CCCFDB; } .resource { margin-top: 30px; background: url(../images/line.gif) 100% 0 no-repeat; padding-top: 15px; } #main .resource h2 { margin-top: 0; } .shortcut { background: #002454; padding-top: 150px; } #main .shortcut h2 { font-size: 1.2em; color: #fff; background: #0054a4; padding: 7px 10px; margin: 0; } #main .shortcut h2 a { color: #fff; } #main .box ul { list-style: none; margin-left: 0; } #main .box ul.links { margin-left: 20px; } /*------------------------------------------- MyPage -------------------------------------------*/ #main #post-form { background: #F0F1F7; padding: 10px; margin: 0 20px 20px 20px; } #main #post-form h2 { margin: 0 0 .5em 0; font-weight: normal; font-family: Verdana, sans-serif; font-size: .9em; color: #47474d; } #main #post-form p { margin: 0 0 10px 0; font-family: Verdana, sans-serif; color: #64646D; } #main textarea#profile-text { width: 99%; padding: 2px; } #main #post-options { font-family: Verdana, sans-serif; font-size: .8em; color: #dcdfe8 !important; } #main #help-members-link { padding-left: 20px; padding-bottom: 5px; background: url(../images/help.png) no-repeat; } #main #help-members { border: 1px solid #dcdfe8; padding: 10px; margin: 0 0 1em 0; color: #64646D; } #main #help-members h2 { font-weight: bold; font-size: 1.1em; color: #010326; margin: 0 0 1em 0; } #main #help-members h3 { font-weight: bold; font-family: Verdana, sans-serif; font-size: .9em; margin: 1em 0 0 0; } #main #help-members p { font-size: .9em; margin: 0 0 1em 0; } #main #help-members code { display: block; font-size: 1em; margin: 0 0 1em 0; padding: 5px; background: #e8e9f3; } #main #help-members p.help-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main #help-members:hover p.help-options { visibility: visible; } #main #attach-files-link { padding-left: 20px; padding-bottom: 5px; background: url(../images/attach.png) no-repeat; } #main #attach-files { border: 1px solid #dcdfe8; padding: 10px; margin: 0 0 1em 0; color: #64646D; } #main #attach-files p.file-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main #attach-files:hover p.file-options { visibility: visible; } #main #files_list div { margin: 0 5px 5px 0; font-family: Verdana, sans-serif; font-size: .8em; } #main #files_list input.button { background: #ABABB7; color: #fff; border: 0; margin: 0 10px 0 0; cursor: pointer; } #main #attach-event-link { padding-left: 20px; padding-bottom: 5px; background: url(../images/date.png) no-repeat; } #main #attach-event { border: 1px solid #dcdfe8; padding: 10px; margin: 0 0 1em 0; color: #64646D; } #main #attach-event p.event-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main #attach-event:hover p.event-options { visibility: visible; } #main .filter-posts { font-family: Verdana, sans-serif; font-size: .8em; } #main .filter-posts p { float: left; width: 60px; margin: 0 0 0 20px; padding: 0 0 5px 0; } #main .filter-posts ul { float: left; width: 369px; list-style: none; margin: 0 0 10px 0; } #main .filter-posts li { } #main .filter-posts li a { padding: 0; margin: 0 0 0 0; } #main .filter-posts li a.sel { font-weight: bold; } #main .hilite-error { background: #B70404; padding: 10px; margin: 20px; } #main .hilite-error p,#main .hilite-error ul { font-family: Verdana, sans-serif; color: #fff; font-size: .9em; margin: 0 0 .5em 0; } #main .hilite-error ul { margin-left: 20px; } #main .hilite-confirm { background: #f7e7b7; padding: 10px 10px 5px 10px; margin: 0 20px 10px 20px; } #main .hilite-confirm p,#main .hilite-confirm ul { font-family: Verdana, sans-serif; font-size: .9em; margin: 0 0 .5em 0; } #main .hilite-confirm ul { margin-left: 20px; } #main .col12 { width: 50%; float: left; } #main .col12 h2 { margin-right: 20px; } #main .col12 p { margin-right: 20px; } #main .withtip { margin-bottom: 0 } #main .fieldtip { font-size: .8em; font-family: Verdana, sans-serif; } #main .profile-submit { border-top: 1px solid #dcdfe8; padding-top: 20px; margin: 50px 20px 1em 20px; } #main .member-profile h2 { font-weight: bold; font-family: Verdana, san-serif; font-size: .8em; } #main .member-profile h3 { font-weight: bold; font-family: Verdana, san-serif; color: #64646D; font-size: .8em; margin: 1em 0 .25em 0 } #main .member-profile p { font-family: Verdana, san-serif; font-size: .8em; } #main .member-profile ul { font-family: Verdana, san-serif; font-size: .8em; list-style: none; } #main .member-profile ul.links { margin-bottom: 0; } #main .member-profile ul.links li { margin: 0 0 .25em 0; background: url(../images/linkX.png) 0 4px no-repeat; padding: 0 0 0 0px; } #main div.post { border-top: 1px solid #dcdfe8; padding: 10px 0; margin: 0 20px; } #main div.post .avatar { width: 48px; float: left; margin: 0 10px 0 0; } #main div.post p,#main div.post ul { margin: 0 0 1em 60px; } #main div.post ul { padding-left: 30px; } #main div.post ul.filethumbs { clear: left; list-style: none; padding: 0; } #main div.post ul.filethumbs li { float: left; margin: 0 10px 10px 0; } #main div.post ul.filethumbs img { width: 60px; } #main div.post ul.filelist { clear: left; list-style: none; padding: 0; } #main div.post ul.filelist li { background: url(../images/link.png) 0 6px no-repeat; padding: 0 0 0 10px; } #main div.post p.post-name { margin-bottom: 0; } #main div.post p.post-footer { clear: left; font-family: Verdana, sans-serif; font-size: .8em; color: #9898a6; margin: 0 0 0 60px; } #main div.post p.post-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main div.post:hover p.post-options { visibility: visible; } #main div.comment { background: #F0F1F7; font-family: Verdana, sans-serif; padding: 10px; margin: 5px 0 5px 60px; font-size: .9em; } #main div.comment .avatar { width: 32px; float: left; margin: 0 10px 0 0; } #main div.comment p { margin: 0 60px 1em 42px; font-size: .9em; } #main div.comment ul { margin: 0 60px 1em 42px; padding-left: 14px; font-size: .9em; } #main div.comment p.comment-name { margin-bottom: 0; } #main div.comments-form { background: #F0F1F7; padding: 10px; margin: 2px 0 0 60px; font-size: .9em; } #main div.comments-form p { margin: 0 0 1em 0; } #main div.comment p.comment-footer { color: #9898a6; font-size: .8em; margin: 0 10px 0 42px; } #main div.comment p.comment-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main div.comment:hover p.comment-options { visibility: visible; } #main div.event { clear: left; border: 1px solid #dcdfe8; padding: 10px; font-family: Verdana, sans-serif; padding: 10px; margin: 5px 0 5px 60px; font-size: .9em; } #main div.event h2 { font-size: .9em; margin: 0 60px 0 0px; } #main div.event p { font-size: .9em; margin: 0 60px 1em 0px; } #main div.event p.event-date { font-style: italic; margin: 0 60px 1em 0px; } #main div.event p.event-options { text-align: right; font-size: .8em; visibility: hidden; width: 60px; margin: 0; float: right; } #main div.event:hover p.event-options { visibility: visible; } #main .col2 ul.thumblinks { clear: left; list-style: none; } #main .col2 ul.thumblinks li { float: left; margin: 0 2px 2px 0; } #main .col2 ul.thumblinks img { width: 25px; height: 25px; } #main .col2 ul.filelinks { clear: left; list-style: none; } #main .col2 ul.filelinks li { background: url(../images/link.png) 0 5px no-repeat; padding: 0 0 0 10px; } /*------------------------------------------- Home -------------------------------------------*/ #home-banner { font-size: 1em; width: 753px; height: 424px; } #carousel-wrapper { position: absolute; z-index: 1; width: 753px; height: 423px; overflow: hidden; border-bottom: 1px solid #dcdfe8; } #carousel-content { width: 5600px; } #carousel-content .slide { width: 753px; height: 424px; overflow: hidden; } #carousel-content #slide-1 { background: url(../images/home-banner-intro1.jpg) no-repeat; } #carousel-content #slide-2 { background: url(../images/home-banner-running1.jpg) no-repeat; } #carousel-content #slide-3 { background: url(../images/home-banner-starting1.jpg) no-repeat; } #carousel-content #slide-4 { background: url(../images/home-banner-becoming2.jpg) no-repeat; } #carousel-content .slide h2 { font-size: 2em; line-height: 1.2em; font-weight: normal; margin: 35px 350px .5em 40px } #carousel-content .slide p { font-size: 1em; margin: 0 350px 1em 40px } #carousel-content .slide ul { font-size: 1em; margin: 0 350px 1em 40px } #carousel-content .slide h3 { font-size: 1em; font-weight: bold; margin: 0 240px 0 40px } #carousel-content .slide img { } #carousel-nav { font-size: 1em; width: 753px; margin: 328px 0 0 0; position: absolute; z-index: 2; background: 0 100% url(../images/home-banner-bg1.png) no-repeat; } #carousel-nav ul { font-size: 1.1em; list-style: none; margin: 0; } #carousel-nav li { float: left; } #carousel-nav li a { overflow: hidden; float: left; display: block; line-height: 1.2em; height: 85px; border-bottom: 1px solid #dcdfe8; padding:0 10px 10px 10px; } #carousel-nav li a:hover { background: #D1C017; color: #fff; text-decoration: none; cursor: pointer; } #carousel-nav li#intro a { text-indent: -99999px; width: 137px; background: url(../images/running-01.png) no-repeat; } #carousel-nav li#o1 a:hover { background: url(../images/running-11.png) no-repeat; } #carousel-nav li#o1 a { text-indent: -99999px; width: 172px; background: url(../images/running-0.png) no-repeat; } #carousel-nav li#o1 a:hover { background: url(../images/running-1.png) no-repeat; } #carousel-nav li#o2 a { text-indent: -99999px; width: 172px; background: url(../images/starting-0.png) no-repeat; } #carousel-nav li#o2 a:hover { background: url(../images/starting-1.png) no-repeat; } #carousel-nav li#o3 a { text-indent: -99999px; width: 172px; background: url(../images/becoming2-0.png) no-repeat; } #carousel-nav li#o3 a:hover { background: url(../images/becoming2-1.png) no-repeat; } #home-cols-wrap { clear: left; width: 753px; margin: 0; } #home-cols { padding-top: 0; } .home-col { float: left; } .home-col .section-link { clear: left; list-style: none; font-size: .8em; text-align: left; padding: .5em 1em 30px 0; } #home-col-news { width: 288px; min-height: 300px; float: left; } #home-col-news h2,#home-col-news p { margin-right: 20px; } #home-col-events { width: 288px; float: left; margin: 0; } #home-col-events h2,#home-col-events p { margin-right: 20px; } .memberevent { margin-right: 1em; font-size: .7em; font-style: normal; padding: 0 1px; text-transform: uppercase; font-family: Verdana, sans-serif; color: #fff; background: #f2bb16; } #home-col-featured { width: 177px; float: left; margin: 0; } #home-col-featured h3,#home-col-featured h2,#home-col-featured p,#home-col-featured ul.links { margin-left: 10px !important; margin-right: 10px !important; } #home-col-featured .featured-logo { margin: 8px 12px 12px 12px; } #home-col-news .datebox,#home-col-events .datebox { color: #979995; width: 45px; border: 1px solid #E7EDE2; text-align: center; float: left; margin: 4px 10px 0 0; } #home-col-news .datebox .month,#home-col-events .datebox .month { display: block; margin: 3px 0; font-weight: normal; font-size: .65em; line-height: 1em; text-transform: uppercase; } #home-col-news .datebox .day,#home-col-events .datebox .day { display: block; font-size: 1.5em; font-weight: normal; line-height: 1em; margin: 0 0 5px 0; } #home-col-map { width: 300px; background: url(../images/map-home.gif) 100% 10px no-repeat; } #home-col-map h2 { font-size: 1.3em; font-family: Georgia, 'Times New Roman'; padding: 0 0 .5em 0; font-weight: normal; text-transform: lowercase; color: #408210; } #home-col-map h2 a { color: #408210; } #home-col-map h3 { font-size: .9em; line-height: 1.3em; color: #444; margin: .5em 4em .1em 0px; } #home-col-map p { font-size: .9em; line-height: 1.3em; color: #666; margin: 0 100px .1em 0px; } #home-col-map select { width: 150px; } #home-col-map p.button { margin-top: .75em; } /* -------------------------------------------------------------------------- Login -------------------------------------------------------------------------- */ body.login { background-image: none; } #loginWrap #loginLogo { width: 150px; margin: 75px auto 0 auto; float: none; padding: 0; } #loginWrap #loginLogo h1 a { display: block; text-indent: -9999px; background: url(../images/smnlogo.gif) 0 0 no-repeat; width: 142px; height: 96px; } #login { background: #fff; width: 300px; margin: 10px auto 0 auto; padding: 20px 20px 12px 20px; border: 8px solid #ccc; text-align: left; } #login h1 { margin: 0; color: #010326; font-size: 1.5em; line-height: 1.2em; margin: 0 0 .75em 0; text-align: left; } #login h2 { font-weight: bold; font-size: 1.5em; line-height: 1.3em; color: #64646D; margin: .5em 0 0 0; } #login #stage h3 { margin: 1em 0 0 0; font-size: 1em; color: #010326; } #login #stage { width: 100%; } #login #stage p { margin: 0 0 1em 0; font-size: 1em; color: #64646D; } #login #stage ul { margin: 0 0 1em 0; font-size: 1em; color: #64646D; } #login #stage ul.links { list-style: none; margin-left: 0; } #login #stage ul.links li { background: url(../images/link.png) 1px 5px no-repeat; padding: 0 0 0 12px; margin: 0 0 .25em 0; } #login #stage ul.noBorder li { border: 0 !important; } #login input.button { font-size: 1em; } #login .hilite { background: #F9DFCD; padding: .25em .5em; } #login a { } #login #stage form { } #loginfooter { width: 400px; margin: 10px auto; text-align: center; } #loginfooter p { color: #64646D; font-size: 1em; margin: 0 0 1em 0; } #loginfooter h3 { margin: 1em 0 0 0; font-size: 1em; color: #010326; } #loginfooter a { font-weight: bold; text-decoration: underline; } /*------------------------------------------- Footer -------------------------------------------*/ #footer-wrap { clear:left; width: 961px; margin: 0 auto; background: url(../images/footer-bg.gif) 0 100% no-repeat; } #shortcuts { /* background: #e4e6f4; */ width: 753px; padding: 0 0 30px 0; } #shortcuts .shortcut1 { width: 182px; padding-top: 130px; float: left; background: url(../images/join.png) 20px 20px no-repeat;} #shortcuts .shortcut2 { width: 192px; padding-top: 130px; float: left; background: url(../images/resources.png) 20px 23px no-repeat; } #shortcuts .shortcut3 { width: 192px; padding-top: 130px; float: left; background: url(../images/scotland.png) 30px 0 no-repeat; } #shortcuts .shortcut4 { width: 172px; padding-top: 130px; float: left; } #shortcuts h2 { font-family: Georgia, sans-serif; font-weight: normal; color: #010326; font-size: 1.3em; margin: 20px 0 .25em 20px; } #shortcuts p { color: #727693; font-size: 1em; margin: 0 1em .5em 20px; } #shortcuts a { /* color: #727693; */ } #shortcuts h2 a { color: #010326; } #shortcuts .shortcut4 h2 { font-family: Verdana, sans-serif; font-weight: bold; color: #010326; font-size: .8em; margin: 28px 0 .25em 20px; } #shortcuts .shortcut4 p { font-family: Verdana, sans-serif; color: #727693; font-size: .75em; margin: 0 0 .5em 20px; } #shortcuts ul.links { list-style: none; margin-left: 20px; } #shortcuts ul.links li { background: url(../images/link.png) 1px 6px no-repeat; padding-left: 12px; } #shortcuts ul.links em { font-size: .9em; display: block; color: #64646D; margin: .25em 0 .5em 0; line-height: 1.2em; font-style: normal; } #footer { clear: both; margin: 0 auto; width: 961px; } #footer ul.footer-nav { display: none; font-size: .9em; list-style: none; margin: .5em 0; } #footer ul.footer-nav li { float: left; margin: 0 10px 1em 0; } #footer ul.utils { float: right; } #copyright { width: 961px; height: 100px; margin: 10px auto 40px auto; font-family: Verdana, sans-serif; font-size: .9em; } #copyright img#supported-by { float: right; margin: 0 215px 15px 0; } #copyright p { width: 752px; font-size: .9em; color: #646662; margin: 0 0 0 10px } #smn-logo { display: none; }