body { background:#F1F1F1; max-width:950px; margin: 0 auto; }
p { font-size:14px; }

.container { background:#ffffff; padding-top:20px;}
.container h5 { color:#d62442; font-size:18px; font-weight:bold; margin:0; padding:5px 0; line-height:normal; }
.container h6 { font-size: 14px; font-weight:bold; line-height:normal; }
.container p { font-size:12px; margin:0 0 10px 0; padding:0; }
.container ul {  }
.container ul li { padding-bottom: 10px; font-size:11px; line-height:normal; }

.top { background:#525152; min-height:10px; padding:10px 0; }
.top  p { margin: 0; padding: 0; color:#ffffff; font-size:10px; text-transform:uppercase; vertical-align:middle}
.top .logo { float: right; }
.top .text { margin-top: 2px; }

.school-logo {margin: 15px 0 0 -30px;}

.banner { background: #0e2456 url(../img/banner_bg.jpg) top left no-repeat; width: 100% ; min-height: 400px; }
.banner-top { background:#FFF /*url(../img/white_70.png) repeat*/; min-height: 100px; }
.banner-top h3 { text-align:center; font-size:18px; color:#fff; font-weight:bold; margin-top: 10px; }

.title { background:#525152; padding: 3px 0 1px 0; margin-bottom:10px; }
.title h5 { color:#fff; text-align:center; font-weight:bold; line-height:normal; }

.sign-up-form { background-color: #FFF; padding: 10px 20px; margin: 15px 0px 10px 0px; border: #666 1px solid; }
.sign-up-form h5 { color:#333; font-weight:bold;}
.sign-up-form label { color:#333; font-size: 11px; }
.sign-up-form p { color:#333; font-size:11px; margin:-30px 0 0 24px; line-height:normal; }

.note { margin: 10px 0;}
.note p { font-size: 10px; line-height:normal;  }

.logo-box { position: relative; margin:0 0 20px 0; padding:0;}
.logo-box-left {
    position: relative;
	float:left;
	width: 35%;
    margin: 0;
    padding: 20px;
    background-color: #1458b7;
}
.logo-box-right { position: relative; float:right;width:100%; min-height:100px; padding: 0 20px; margin: 0 -15px 0 0; background-color: #bb243f;}
.logo-box-right h5 {color:#ffffff; font-size:16px; text-align: center; margin:0; padding:0 0 10px 0; line-height: normal;}

.callout {
    position: relative;
    margin: 0;
    padding: 18px;
    background-color: #3399ff;
	color:#ffffff;
}
.callout h5 {color:#ffffff; text-align: center; margin:0; padding:0 0 10px 0; line-height: normal;}
.callout p {color:#ffffff; font-size:12px; text-align:center; margin:0; padding:0; line-height:normal;}
.callout span { font-size:10px; vertical-align:text-top;}
.notch {
	position:relative;
	width: 10px;
    height: 10px;
    margin: 0 auto;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3399ff;
    padding: 10px 0 0 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.callout-icon {
	position:absolute; background-color:#bb243f; color:#fff; font-size:10px; bottom:5px; right:5px; padding: 2px; border-radius: 3px;}

.side-bar { background: url(../img/side-bar-bg.jpg) top left repeat-x; padding: 10px; }
.social-box { margin: 0 auto;  width: 300px; }
.social { padding-top: 10px; width:100%; float:left; }
.social-icon { position:relative; float:left; display:block; padding-right: 10px; }
.social-text { position:relative; float:left; display:block; }
.social-text p { font-size: 14px; line-height:normal; }

.footer-top { background:#b00030; min-height: 30px; padding: 0; margin-top:20px; }

.footer {padding-bottom: 20px;}
.footer h3 a { color:#bb243f; font-weight:bold; }
.footer h3 a:hover { color:#333; }
.footer p { font-size: 10px; color:#333; line-height:14px; }
.footer-social { margin:0 auto; margin-top: 40px;}
.footer-social a { position:relative; float:left; display:block; margin:10px;}
.footer-logo { float: right; margin-top: 20px; }

.accordion-title {
	border: 1px solid #ddd;
	display: block;
	background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F9F9F9;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
       -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
            box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	font-weight:bold;
	margin-bottom:10px;}

.pt-logo { width:20%; position:relative; float:left; }

#preview-table {
    border-collapse: collapse;
}

#preview-table td, #preview-table th {
    border: 1px solid #C00;
}

#preview-table th {
    background-color: #C00;
    color: #ffffff;
}

#preview-table tr.alt td {
    color: #000000;
    background-color: #ecd2d4;
}

@media ( max-width : 979px) and (min-width: 768px) {
	
}

@media only screen and (max-width:767px) {
	.top .p { text-align:center;}	
	.top .logo { display: block; float:none; width:90px; margin:0 auto;}
	.top .text { text-align:center; }
	
	.banner-top { min-height: 72px; }
	.banner-top h3 { font-size: 14px; margin-top: 5px; }
	.logo-box-right { min-height:72px; }
}

@media only screen and (max-width:640px) {
	
	.top .p { text-align:center; font-size: 9px;}	
	.top .logo { display: block; float:none; width:90px; margin:0 auto;}
	.top .text { text-align:center; font-size: 9px; margin-top:5px;}
	
	.banner { background: #000 url(../img/banner_bg_dack.jpg) top center no-repeat; }
	.banner-top { min-height: 175px; }
	.banner-top h3 { font-size: 18px; margin-top: 5px; text-align:center; line-height: 18px;}
	.banner-top h3 { font-size: 12px; margin-top: 8px; }
	.logo-box-right { margin:0; }
	
	.school-logo { width:300px; margin:15px auto 0 auto; }
	
	.sign-up-form {margin-top: 300px;}
	
	.social-box { margin-top: 0; }
	
	.footer-top { min-height: 90px; text-align:center; }
	.footer-top p { margin:0; padding:0; }
	
	.footer-social { width: 100px; margin:10px auto; }
	.footer-logo { float:none; width: 400px; height: auto; margin:10px auto 20px auto; }
}

@media only screen and (max-width:480px) {
	
	.top .p { text-align:center; font-size: 9px;}	
	.top .logo { display: block; float:none; width:90px; margin:0 auto;}
	.top .text { text-align:center; font-size: 9px; margin-top:5px;}
	
	.banner { background: #000 url(../img/banner_bg_dack.jpg) top center no-repeat; }
	.banner-top { min-height: 178px; }
	.banner-top h3 { font-size: 11px; margin-top: 12px; text-align:center; line-height: normal;}
	.logo-box-right { margin:0; }
	
	.footer-logo { float:none; width: 300px; height: auto; margin:10px auto 20px auto; }}

}