/* CSS Document */
#s4-workspace {background-image:url('../image/campus1491T.jpg'); background-repeat:no-repeat; background-position:center; margin:0 20; background-size:cover; }
#lp-container{margin:0 auto; padding:0px; margin-top:35px; width:1006px;}

#lp-container a:link{color:#ffffff; text-decoration:none; }
#lp-container a:hover{color:#ffffff; text-decoration:underline;}
#lp-container a:visited{color:#ffffff; text-decoration:none;}

#lp-container h1 {font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#ffffff; padding-top:16px; padding-left:16px; padding-right:16px;  text-transform:uppercase; font-weight:300;}
#lp-container h2 {font-family:Verdana, Geneva, sans-serif; font-size:60px; color:#ffffff; padding-top:22px; padding-left:16px; padding-right:16px; margin-bottom:-5px; text-transform:uppercase; font-weight:300;}
#lp-container h3 {font-family:Verdana, Geneva, sans-serif; font-size:36px; color:#ffffff; padding-left:16px; padding-right:16px;  text-transform:uppercase; font-weight:300;}
#lp-container p {font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#ffffff; padding-left:16px; padding-right:16px;}

#lp-box1 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:0px; left:0px; float:left;}
#lp-box2 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:161px; left:-247px; float:left;}
#lp-box3 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:322px; left:-494px; float:left;}
#lp-box4 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:322px; left:-488px; float:left;}
#lp-box5 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:167px; left:507px; float:left;}
#lp-box6 {width:247px; height:155px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:167px; left:512px; float:left; /*background-image:url('../images/landing-page/cc.png'); background-repeat:no-repeat; background-position:150px 88px;*/}

#lp-box7 {width:753px; height:316px; background-color:#1a3463; padding:0px; margin:0px 0px 0px 0px; position:relative; top:-310px; left:253px; float:left; background-image:url('/_catalogs/masterpage/_files/images/landing-page/lock.png'); background-repeat:no-repeat; background-position:590px 55px;}

#ccNavi {visibility:hidden; display:none;}

.ms-core-webpartadder { z-index:5;}

#footer-width-controller { width:822px !important; margin-right:auto !important; margin-left:auto !important;}


 a.login:link {		
	display:inline-block; color:#FFFFFF; background-color:#b8b6d0; font-size:14px; text-align:left; padding-left:8px; padding-top:2px; margin-left:17px; margin-right:10px; padding-bottom:3px; text-decoration:none; font-family:Verdana, Geneva, sans-serif; white-space:nowrap; background-image:url(/_catalogs/masterpage/_files/images/landing-page/key.png); background-repeat:no-repeat; background-position:56px 4px; width:85px; border:1px solid #b8b6d0;
}

a.login:hover {	border:1px solid #ffffff !important; text-decoration:none !important; }
a.login:visited {	border:1px solid #b8b6d0; text-decoration:none !important; background-color:#b8b6d0; }
.ms-signInLink{ visibility:hidden !important; }


@media screen and (min-width: 481px) and (max-width: 1005px) {
#lp-container{margin:0 auto; padding:0px; margin-top:35px; /*background-color:#F60;*/ min-width:500px; max-width:500px; height:auto;}

#lp-container p { font-size:13px !important;}

#lp-box1 {top:639px; left:0px; /*Date Web Part*/}
#lp-box2 {top:478px; left:-247px; /*Weather Bug*/}
#lp-box3 {top:162px; left:0px; /*Activate Your Account*/}
#lp-box4 {top:162px; left:6px; /*Academic Calendar*/}
#lp-box5 {top:168px; left:253px; /*Class Schedule */}
#lp-box6 {top:329px; left:6px; /*Make a Payment */}
#lp-box7 {top:-470px; left:0px; width:500px;}

#footer-width-controller {width:500px !important; min-width:450px !important; margin-right:auto !important; margin-left:auto !important; }
#customFooter {height:270px !important;}

}

@media screen and (min-width: 1px) and (max-width: 480px) {
body {/*background-color:#F30;*/}
#lp-container{margin:0 auto; padding:0px; margin-top:35px; /*background-color:#F60;*/ min-width:250px; max-width:300px; height:auto;}
#lp-container h2 { font-size:36px;}
#lp-container h3 { font-size:22px;}
#lp-container p { font-size:13px;}

#lp-calDate {width:300px !important;}
#lp-weather-bug {padding-left:26px !important;}

#lp-box1 {width:300px; top:578px; left:0px; /*Date Web Part*/}
#lp-box2 {width:300px; top:260px; left:0px; /*Weather Bug*/}
#lp-box3 {width:300px; top:-60px; left:0px; /*Activate Your Account*/}
#lp-box4 {width:300px; top:275px; left:0px; /*Academic Calendar*/}
#lp-box5 {width:300px; top:285px; left:0px; /*Class Schedule */}
#lp-box6 {width:300px; top:295px; left:0px; /*Make a Payment */}
#lp-box7 {width:300px; height:240px; top:-930px; left:0px; background-image:none;}

#footer-width-controller { width:300px !important;  min-width:250px !important; margin-right:auto !important; margin-left:auto !important; }

#body-width-controller { padding-left:0px !important; padding-right:0px !important; }

#sml-wrapper a:link {width:300px !important;}
#customFooter {height:270px !important;}
}

}