/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/rayses.png) center no-repeat #fbffd0;


	
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.main-outer{
	width:100%;
	background:url(../img/main-outer-bg.jpg) repeat-x top;  
	padding:0 0 0 0;
	margin:0;	
	border-bottom:7px solid #9C0;
}

.stjoseph{
	margin:0 auto;
	padding:0 0 0 0;
	height:480px;
	background:url(../img/st-joseph-back.png) no-repeat center top;
	border-bottom:7px solid #9C0;
}

.stjoseph-page{
	margin:0 auto;
	padding:0 0 0 0;
	height:150px;
	background:url(../img/st-joseph-back-2.png) no-repeat center top;
	
}


.stjoseph-left{
	margin:0;
	padding:0;
	float:left;

}

.stjoseph-right{
	margin:0;
	padding:0;
	float:right;

}


.top-blue-color{
	background:#0CF;
	padding:5px;
	margin:0;
}


.top-red-color{
	background:#F30;
	padding:5px;
	margin:0;	
}

.top-yellow-color{
	background:#FF0;
	padding:5px;
	margin:0;
	
}

.header-wrapper{
    height: 150px;
    margin: 0 auto;
    padding: 0;
    width: 990px;
	margin-top:-487px;
	position:relative;
}


.header-wrapper-page{
    height: 150px;
    margin: 0 auto;
    padding: 0;
    width: 990px;
	margin-top:-150px;
}



.school-logo{
	margin:0;
	padding:0;
	float:left;
	width:429px;
}

.login-part{
	margin:0;
	padding:0;
	float:right;

}

.social-icon{
	margin:16px  15px 0 0;
	padding:0;
	text-align:right;
}

.social-icon span{
	margin:0;
	padding:0 0 0 0;
}

.admin-part{

	margin:0;
	padding:0;
	width:auto;

}

.adming-div{
	margin:5px 10px 0 0;
	padding:0;
	float:left;
	text-align:center;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#fff;
	font-size:13px;

}
.adming-div a{
	text-decoration:none;
	color:#fff;
}


.adming-div a:hover{
	color:#030;
}

.school-nav{
	width:992px;
	height:99px;
	margin:0 auto;
	padding:0;
	background:url(../img/menu-strip.png) no-repeat center;
	position:relative;
	z-index:6;
}

.school-nav-bg{
	background:#060;
	box-shadow:0 0 10px #030 inset;
}



.home-icon{
	float:left;
	padding:0 0 0 0;
}

.noformate{
	background:none;
	margin-right:0;
}

.school-navigation{
	margin:18px  0 0 34px;
	padding:0;
	width:920px;
	position:absolute;
}



.school-navigation ul{
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
}

.school-navigation ul li{
	margin:0;
	padding:10px 8px 0 ;	
	float:left;
	background:url(../img/menu-divier.png) right no-repeat;

}

.school-navigation ul li ul li{
	background:none;
	padding-bottom:5px;
}


.school-navigation ul li ul li a{ 
	width:180px;
	background:none;
	padding:0;
}

.school-navigation ul li a{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:20px;
	text-shadow:1px 1px 1px #666 ;
}

.school-navigation ul li a:hover{
	color:#FFD000;
}

/* =============================================================== inner page ===========================================*/


.school-nav-page{
	width:992px;
	height:41px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:6;
}



.school-navigation-page{
	margin:0  0 0 34px;
	padding:0;
	width:930px;
	position:absolute;
}


.school-navigation-page ul{
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
}

.school-navigation-page ul li{
	margin:0;
	padding:10px 6px 0 ;	
	float:left;
	border-right:1px solid #9C0;
	background-image:none;

}
.school-navigation-page ul li a{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:20px;
	text-shadow:1px 1px 1px #666 ;
}

.school-navigation-page ul li a:hover{
	color:#FFD000;
}


.school-navigation-page ul li ul li{
	border:none;
	background:none;
	height:auto;
	width:170px;

}


.school-navigation-page ul li ul li a{
	border:none;
	background:none;
	padding:0;
}


.content-wrapper-page{
	width:930px;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}


/* ================================================================ inner page ============================================*/

.imaginations{
	width:990px;
	height:440px;
	margin:-90px auto 0;
	padding:1px;
	background:url(../img/glimps-background.png) no-repeat center;
	position:relative;

}


.content-wrapper{
	width:930px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
}

.content-wrapper-left{
	width:600px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}

.content-wrapper-left ul{
	margin:10px 0 0 0 ;
	padding:0;
	list-style-type:none;
}

.content-wrapper-left ul li{
	margin:0 0 0 10px;
	padding:0 15px 10px 30px;
	background:url(../img/footer-arrow.png) top left no-repeat ;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:17px;
	line-height:30px;
	color:000;
	background-position:0 5px;
	text-align:justify;
}

.content-wrapper-left ol li{
	margin:0 0 0 10px;
	padding:0 15px 10px 30px;	
   font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:17px;
	line-height:30px;
	color:000;
	background-position:0 5px;
	text-align:justify;
	background-position:0 5px;
	text-align:justify;
}


.content-wrapper-left table{
	margin:0;
	padding:0;
	border:1px solid #F30;
}
.content-wrapper-left table td{
	padding:6px;
	border:1px solid #060;
	background:#fff;
	color:#000;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.content-wrapper-left table td strong{
	color:#f00;
}


.content-wrapper-left h1{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:28px;
	color:#009043;
	background:url(../img/heading-strip.png) no-repeat;
	margin:0;
	padding:0 0 0 10px;
}

.content-wrapper-left h1{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:28px;
	color:#009043;
	background:url(../img/heading-strip.png) no-repeat;
	margin:0;
	padding:0 0 0 10px;
}

.content-wrapper-left h2{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:22px;
	color:#009043;
	background:url(../img/heading-strip.png) no-repeat;
	margin:0;
	padding:0 0 0 10px;
}

.content-wrapper-left h3{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:18px;
	color:#009043;
	background:url(../img/heading-strip.png) no-repeat;
	margin:0;
	padding:0 0 0 10px;
}

.success-mantra{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:22px;
	color:#F00;
	margin:0;
	padding:0 0 0 0;
}


.content-wrapper-left p{
	margin:0 0 0 0;
	padding:10px 15px 0 10px;
	text-align:justify;
	line-height:30px;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#000;
	font-size:16px;
		
}
.readmore {
    float: left;
    margin: 10px 0 0 170px ;
    padding: 0;	
}

.image-left{
	float:left;
	padding:5px 20px 40px 10px 
	
}

.sections{
	margin:0px 0 0 0;
	padding:0;
}

.section-wise{
	width:170px;
	height:210px;
	margin:0 40px 0 0;
	padding:0;
	float:left;
	background:url(../img/section-bg.png) no-repeat;	
}

.section-wise-image{
	margin:0 auto;
	padding:0;
	width:150px;
	height:120px;
	border:1px solid #fff;
	margin-top:13px;
		
}

.section-wise h2{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#000;
	text-align:center;
	margin:0;
	padding:5px;
	font-size:18px;
	background:none;
}

.section-wise h2 a{
	text-decoration:none;
	color:#000;
}

.section-wise h2 a:hover{
	color:#F00;
}


.click-here{
	margin:0 auto;
	padding:0;
	margin-top:13px;
	width:75px;
}

.click-here a{
	font-family:Arial, Helvetica, sans-serif;	
	color:#fff;
	text-align:center;
	margin:0;
	padding:5px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;

}

.click-here a:hover{
	color:#000;
}

.school-glimps{
	margin:20px 0 0 0;
	padding:0;
	height:auto;
	width:590px;
}

.school-glimps-box{
	width:136px;
	height:auto;
	margin:0 15px 0 0;
	padding:0;
	text-align:center;
	float:left;
}

.school-pics{
	margin:0 auto;
	padding:0;
	width:123px;
	height:auto;
	border:7px solid #ffdb6c;
}

.school-glimps h2{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#000;
	text-align:center;
	margin:0;
	padding:5px;
	font-size:16px;
}
.school-glimps h2 a{
	text-decoration:none;
	color:#000;
}

.school-glimps h2 a:hover{
	color:#F00;
}



.content-wrapper-right{
	width:300px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
}



.content-wrapper-right h1{
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:28px;
	color:#009043;
	background:url(../img/heading-strip2.png) no-repeat;
	margin:0;
	padding:0 0 0 10px;
}

.school-board{
	width:300px;
	height:290px;
	margin:10px 0 0 0;
	padding:25px 0 0 0;
	background:url(../img/school-board.png) no-repeat;
}



.school-updates{
	width:260px;
	height:auto;
	margin:0 auto;
	padding:0;
}

.school-updates h2{
	margin:7px 0 0 0;
	padding:12px; 0 5px 0;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	border-bottom:1px solid #0C0;

	font-size:20px;
}

.school-updates h2 a{
	text-decoration:none;
	color:#FF0;
}

.school-updates h2 a:hover{
	text-decoration:none;
	color:#fff;
}


.school-updates p{
	margin:0 0 0 0;
	padding:5px 0 0 13px;
	text-align:justify;
	line-height:17px;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#fff;
	font-size:13px;
	
}

.read_more {
    margin: 0;
    padding: 0;
}

.read_more ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


.read_more ul li {
    margin: 0;
    padding: 6px 0 0 0;
}

.read_more ul li a {
    background: url("../img/arrow.png") no-repeat scroll right center transparent;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 0 0 0;
    text-decoration: none;
}

.read_more ul li a:hover {
	color:#f00;
}


.school-updates marquee {
	height:170px;
}


.hightlights{
	margin:0;
	padding:0;
}


.hightlights ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.hightlights ul li{
	margin:10px 0 0 0;
	padding:0;
}

.hightlights ul li a{
	text-decoration:none;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#F00;
	font-size:15px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 44%, rgba(255,255,255,0.66) 63%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(44%,rgba(255,255,255,1)), color-stop(63%,rgba(255,255,255,0.66)), 
	color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 44%,rgba(255,255,255,0.66) 63%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 44%,rgba(255,255,255,0.66) 63%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 44%,rgba(255,255,255,0.66) 63%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 44%,rgba(255,255,255,0.66) 63%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	display:block;
	padding:8px 0 8px 15px;
	border-left:5px solid #060;
}

.hightlights ul li a:hover{
background: -moz-linear-gradient(left,  rgba(237,174,28,1) 25%, rgba(237,174,28,0.04) 97%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(237,174,28,1)), color-stop(97%,rgba(237,174,28,0.04)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(237,174,28,1) 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(237,174,28,1) 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(237,174,28,1) 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(237,174,28,1) 25%,rgba(237,174,28,0.04) 97%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edae1c', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
color:#000;
border-left:5px solid #f00;
}

.session-bold{
	color:#000;
	font-size:14px;
}

.bottom-strip{
	width:100%;
	height:157px;
	background:url(../img/bottom-strip-bg.png) center top no-repeat ;
	margin:0 auto;
	padding:8px 0 0 0;
	margin-top:10px;
}

.bottom-strip-inner{
	width:928px;
	height:auto;
	padding:0;
	margin:0 auto;	
}

.bottom-box{
	width:290px;
	height:auto;
	margin:10px 25px 0 0;
	padding:0;
	float:left;	
}

.bottom-box-photo{
	margin:7px 12px 0 0;
	padding:0;
	border:6px solid #FC0;
	float:left;
	
}

.bottom-box-containt{
	margin:0;
	padding:0;
	float:left;
	width:180px;
}

.bottom-box-containt h2{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#3D913D;
	margin:0;
	padding:0;
	font-size:19px;
}
.bottom-box-containt h2 a{
	text-decoration:none;
	color:#F00;
}

.bottom-box-containt h2 a:hover{
	color:#3D913D;
}

.bottom-box-containt p{
	margin:0 0 0 0;
	padding:5px 0 0 0;
	text-align:justify;
	line-height:17px;
	font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#000;
	font-size:13px;
	
}

.view-more {
    margin: 0;
    padding: 7px 0 0 0;
	
}


.view-more a {
    margin: 0;
    padding: 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#060;	
	text-decoration:none;
	font-weight:bold;
}

.view-more a:hover {
	color:#F00;
}

.footer{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background: rgb(255,219,108); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,219,108,1) 0%, rgba(255,150,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,219,108,1)), color-stop(100%,rgba(255,150,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,219,108,1) 0%,rgba(255,150,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,219,108,1) 0%,rgba(255,150,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,219,108,1) 0%,rgba(255,150,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,219,108,1) 0%,rgba(255,150,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb6c', endColorstr='#ff9600',GradientType=0 ); /* IE6-9 */

}

.footer-skating{
	width:100%;
	height:364px;
	margin:0 auto;
	/*background:url(../img/skating.png) no-repeat center bottom;*/
}

.footer-inner{
	width:925px;
	height:auto;
	margin:0 auto;
	padding:6px 0 0 0;
}

.footer-left{
	width:400px;
	height:auto;

	margin:0 auto;
	padding:0;
	float:left;
}

.footer-left h1{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#3D913D;
	text-align:left;
	margin:0;
	padding:0 0 0 10px;
	font-size:19px;
	background:url(../img/footer-head.png) left center no-repeat;
}

.footer-left ul{
	margin:6px 0 0 0;
	padding:0;
	list-style-type:none;
	width:200px;
	text-align:left;
}

.ul-left{
	float:left;


}

.footer-left ul li{
	margin:0;
	padding:0;
}


.footer-left ul li a{
	margin:0;
	padding:0 0 0 30px;
	line-height:24px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../img/footer-arrow.png) no-repeat left;
	
}

.footer-left ul li a:hover{
	color:#060;
}

.none-formating{
	font-weight:bold;
	color:#000;
	background:none;
	margin:0;
	padding:0;
}

.footer-bottom{
	background:url(../img/footer-bottom.png) no-repeat;
	width:176px;
	height:10px;
	margin:0;
	padding:0;
	
}

.footer-right{
	width:450px;
	height:auto;
	margin:0 0 0 21px;
	padding:0;
	float:left;
}

.footer-right h1{
	font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#3D913D;
	text-align:left;
	margin:0;
	padding:0 0 0 10px;
	font-size:19px;
	background:url(../img/footer-head.png) left center no-repeat;
}

.school-name{
	margin:20px 0 20px 0;
	padding:0;
	text-align:left;
	
}

.st-joseph-logo{
	width:110px;
	height:124px;
	margin:0;
	padding:0;
	float:left;
}

.st-joseph-info{
	width:auto;
	text-align:left;
	height:auto;
	margin:0 0 0 20px;
	float:left;
}
.st-joseph-info ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.st-joseph-info ul li{
	margin:0;
	padding:0 0 0 0;
	line-height:35px;
}

.st-joseph-info span{
	margin:0 10px 0 0;
}

.st-joseph-info ul li a{
	text-decoration:none;
	color:#060;
	font-weight:bold;
}

.st-joseph-info ul li a:hover{
	color:#F00;
}


.copyright{
	width:450px;
	height:auto;
	margin:25px 0 0 0;
	padding:0;
	float:left;
	text-align:left;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}