﻿/* body { background: #f7f7f7 url(../images/background_repeat.jpg) repeat-x 0 87px; text-align: center; height: 100%; min-width: 1000px; margin: 0; font-family: Arial, Verdana; font-size: 12pt; color: #fff; } */
body { background: #f7f7f7 url(../images/background_repeat.jpg) repeat-x 0 87px; text-align: center; height: 100%; min-width: 1000px; margin: 0; font-family: Arial, Verdana; font-size: 12pt; color: #fff; }

h1 { margin: 0 0 6px 0; font-size: 22pt; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
h2 { margin-bottom: 5px; font-size: 14pt; font-family: Arial, Helvetica, sans-serif; }
h3 { margin-bottom: 14px; color: #fff; font-size: 12pt;  font-family: Arial, Helvetica, sans-serif;}
p {  }
ul { list-style-type: disc; margin: 0 15px 0 15px;  font-family: Arial, Helvetica, sans-serif;}
li { padding-bottom: 2px; font-family: Arial, Helvetica, sans-serif;	 }

a:link { color: #fff; text-decoration: none; outline: none; font-family: Arial, Helvetica, sans-serif; }
a:visited { color: #fff; text-decoration: none; outline: none; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #fff; text-decoration: underline; outline: none; font-family: Arial, Helvetica, sans-serif; }
a:active { color: #fff; text-decoration: underline; outline: none; font-family: Arial, Helvetica, sans-serif; }
a.accessEmail { display: inline-block; float: left; color: #fff; width: 151px; height: 36px; background: #00aeef url(../images/arrow1.png) no-repeat 9px 8px; padding: 3px 0 0 30px;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; margin-left: 88px; }
a.accessEmail:hover { background: #fff url(../images/arrow1.png) no-repeat 9px -13px; color: #00aeef; }
.accessEmailInstructions { display: inline-block; color: #003366; width: 250px; height: 40px; background-color: #fff; padding: 3px 0 0 5px;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin-left: 88px; margin-top: 5px;}
a.newStudent { display: inline-block; float: left; color: #fff; width: 151px; height: 36px; background: #8dc63f url(../images/arrow2.png) no-repeat 9px 8px; padding: 3px 0 0 30px;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; margin-left: 1px; }
a.newStudent:hover { background: #fff url(../images/arrow2.png) no-repeat 9px -13px; color: #ff0000; }
a.changePassword { display: inline-block; float: left; color: #f00; width: 510px; height: 36px; background: #ffffff url(../images/arrow3.png) no-repeat 9px 8px; padding: 3px 0 0 30px;  font-family: Arial, Helvetica, sans-serif; font-size: 13.2px; font-weight: bold; margin-left: 1px; }
a.changePassword:hover { background: #fff url(../images/arrow3.png) no-repeat 9px -13px; color: #ff0000; }
a.alerts { background: url(../images/nav_icons.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; }
a.alerts:hover, a.alertSelect { background-position: 0 -65px; }
a.events { background: url(../images/nav_icons.jpg) no-repeat -100px 0;  font-family: Arial, Helvetica, sans-serif;}
a.events:hover, a.eventSelect { background-position: -100px -65px; }
a.messenger { background: url(../images/nav_icons.jpg) no-repeat -200px 0;  font-family: Arial, Helvetica, sans-serif;}
a.messenger:hover, a.messengerSelect { background-position: -200px -65px; }
a.mobile { background: url(../images/nav_icons.jpg) no-repeat -300px 4px;  font-family: Arial, Helvetica, sans-serif;}
a.mobile:hover, a.mobileSelect { background-position: -300px -61px; }
a.outlook { background: url(../images/nav_icons.jpg) no-repeat -400px 3px;  font-family: Arial, Helvetica, sans-serif;}
a.outlook:hover, a.outlookSelect { background-position: -400px -62px; }
a.hotmail { background: url(../images/nav_icons.jpg) no-repeat -500px 2px; font-family: Arial, Helvetica, sans-serif; }
a.hotmail:hover, a.hotmailSelect { background-position: -500px -63px; }
a.photo { background: url(../images/nav_icons.jpg) no-repeat -600px 2px;  font-family: Arial, Helvetica, sans-serif;}
a.photo:hover, a.photoSelect { background-position: -600px -63px; }
a.skydrive { background: url(../images/nav_icons.jpg) no-repeat -700px 0;  font-family: Arial, Helvetica, sans-serif;}
a.skydrive:hover, a.skydriveSelect { background-position: -700px -65px; }
a.faqs { background: url(../images/faqs.png) no-repeat 10px 9px;  font-family: Arial, Helvetica, sans-serif;}
a.faqs:hover, a.faqsSelect { background: url(../images/faqs-hover.png) no-repeat 10px 9px; }
a.emailHelp { background: url(../images/help.png) no-repeat 10px 4px;  font-family: Arial, Helvetica, sans-serif;}
a.emailHelp:hover, a.faqsSelect { background: url(../images/help-over.png) no-repeat 10px 4px; }
a.policy { background: url(../images/policy.png) no-repeat 10px 9px;  font-family: Arial, Helvetica, sans-serif;}
a.policy:hover, a.skypeSelect { background: url(../images/policy-over.png) no-repeat 10px 9px; }
a.skype { background: url(../images/skype.png) no-repeat 10px 9px;  font-family: Arial, Helvetica, sans-serif;}
a.skype:hover, a.skypeSelect { background: url(../images/skype-hover.png) no-repeat 10px 9px; }
a.lync { background: url(../images/lync.png) no-repeat 10px 9px;  font-family: Arial, Helvetica, sans-serif;}
a.lync:hover, a.lyncSelect { background: url(../images/lync-hover.png) no-repeat 10px 9px; }
a.spaces { background: url(../images/nav_icons.jpg) no-repeat -800px 2px; font-family: Arial, Helvetica, sans-serif; }
a.spaces:hover, a.spacesSelect { background-position: -800px -63px; }
a.workspace { background: url(../images/nav_icons.jpg) no-repeat -900px 0; font-family: Arial, Helvetica, sans-serif; }
a.workspace:hover, a.workspaceSelect { background-position: -900px -65px; }
#pMargin a { display: block; width: 111px; height: 21px; font-weight: bold;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: center; padding-top: 6px; margin-top: 10px; }
a.alertLearn { background: #666666;  font-family: Arial, Helvetica, sans-serif;}
a.eventLearn { background: #ed145b; font-family: Arial, Helvetica, sans-serif; }
a.messengerLearn { background: #096aaf;  font-family: Arial, Helvetica, sans-serif;}
a.mobileLearn { background: #f46409; font-family: Arial, Helvetica, sans-serif; padding: 12px; width: 200px !important;}
a.mobileDesktop { background: #060; font-family: Arial, Helvetica, sans-serif; padding: 12px; width: 200px !important;}
a.outlookLearn { background: #bcbcbc; font-family: Arial, Helvetica, sans-serif; }
a.photoLearn { background: #cf1ca6; font-family: Arial, Helvetica, sans-serif; }
a.skyLearn { background: #cf211c; font-family: Arial, Helvetica, sans-serif; padding: 10px;}
a.spaceLearn { background: #7225d0; font-family: Arial, Helvetica, sans-serif; }
a.workspaceLearn { background: #a0d027; font-family: Arial, Helvetica, sans-serif; }
#help a { font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#help a:hover { color: #00aeef; font-family: Arial, Helvetica, sans-serif; }

.segoeLarge { font-family: Segoe Black; font-size: 14pt; }


/* #schoolHead { background: #9ccbeb; height: 87px; border-bottom: solid 1px #fff; } */
#schoolHead { background: #ffffff; height: 87px; border-bottom: solid 1px #fff; }
#schoolHeadContent { margin: 0 auto; height: 87px; text-align: left; font-size: 14pt; background-color: #f7f7f7; }
#wrapper { margin: 0 auto; width: 1000px; height: 623px; text-align: left; background: url(../images/background.jpg) no-repeat 150px -1px; }
#homeContent { background: url(../images/home-office365.png) no-repeat 30px 98px; height: 623px; }
#videosContent { background: url(../images/videos365.png) no-repeat 30px 78px; height: 623px; }
#alertContent { background: url(../images/alerts.png) no-repeat 140px 48px; height: 623px; }
#eventContent { background: url(../images/events.png) no-repeat 140px 48px; height: 623px; }
#messengerContent { background: url(../images/messenger.png) no-repeat 140px 48px; height: 623px; }
#mobileContent { background: url(../images/mobile.png) no-repeat 140px 48px; height: 623px; }
#outlookContent { background: url(../images/outlook.png) no-repeat 140px 48px; height: 623px; }
#photoContent { background: url(../images/photo.png) no-repeat 140px 48px; height: 623px; }
#skyContent { background: url(../images/skydrive.png) no-repeat 140px 48px; height: 623px; }
#spaceContent { background: url(../images/spaces.png) no-repeat 140px 48px; height: 623px; }
#workspaceContent { background: url(../images/workspaces.png) no-repeat 140px 48px; height: 623px; }
#content { height: 445px; }
#homePMargin { clear: left; margin-left: 450px; margin-top: -32px !important;}
#pMargin { clear: left; margin-left: 480px;}
#homeSpacer { height: 20px; }
#spacer { height: 20px; }
#homeList { margin: 20px 0 0 600px; }
#windowsLive { margin: 25px 0 0 600px; } 
#features { height: 50px; margin: 13px 0 0 0;  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #999999; text-align: center; }
#icons { text-align: center; }
#icons a { display: inline-block; width: 100px; font-size: 9pt; color: #424242; padding-top: 60px; }
#icons a:hover { color: #4194cf; text-decoration: none; }
a.homeButton { display: block; background: #00aeef; width: 49px; height: 19px;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; font-weight: bold; padding: 6px 0 0 9px; position: relative; top: -131px; left: 90px; }
a.homeButton:hover { color: #fff; }
a.helpButton { display: block; background: #EEDF77; width: 155px; height: 19px;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000; font-weight: bold; padding: 6px 0 0 9px; position: relative; top: -131px; left: 120px;}
a.helpButton:hover { color: #000; }
a.acceptableUsePolicy { display: block; background: #f18200; width: 225px; height: 19px;  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; font-weight: bold; padding: 6px 0 0 9px; position: relative; top: -131px; right: 20px; }
a.acceptableUsePolicy { color: #fff; text-decoration: none; }
a.acceptableUsePolicy:hover { color: #ffff00; text-decoration: none; }
/* #schoolFooter { background: #9ccbeb; height: 67px; } */
#schoolFooter { background: #006857; height: 67px; font-family: Arial, Helvetica, sans-serif; }
#schoolFooterContent { margin: 0 auto; width: 1000px; height: 67px; text-align: center; font-size: 14pt; }
#help { float: right; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; }
#help img { margin-left: 5px; }

