/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #FFF; 
  background: #1C3B5D;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 {
	text-shadow: 0px 1px 1px black;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
	margin-bottom: 0.5em;
	display: inline;
}
h2 {
	font-size: 18px;
	margin: 20px 0px 30px 0px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
}
h3 { font-size: 16px; color: #FFFFFF; margin: 20px 0px 10px 0px; font-weight: bold; text-shadow: 0px 1px 1px black;}
h4 { font-size: 14px; line-height: 1;	margin: 30px 0 10px 0;	font-weight: bold;}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 11px; font-weight: bold; margin-bottom: 1.5em;	color: #981B1E;	border-bottom: 2px solid #981B1E;	letter-spacing: 2px;}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #0099FF; }
a           { color: #0066CC; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:15px; }
ul, ol      { margin:15px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Header: 
-------------------------------------------------------------- */
#header {
	height: 75px;
	padding: 40px 0px 10px 400px;
	background-image: url("http://www.stcletusparish.com/school/assets/images/Main_header.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right
}

h1 a{
	color:#F2F2F2;
	text-decoration: none;
	padding:20px;
	margin:10px;
}
h1 a:hover{
	color:#C3D9FF;
}

/* Feature: Why Us Window 
-------------------------------------------------------------- */
#feature {
	height: 400px;
	padding:0px;
	background-image: url("http://www.stcletusparish.com/school/assets/images/FeatureGraphic.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

div#rotator {
	position:relative;
	height:400px;
	margin-left:291px;
	padding-right:5px;
	padding-top: 8px;
}
/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	height:377px;
	overflow:hidden;
}
div#rotator ul li img {
	padding: 0px;
	width:613px;
}
 div#rotator ul li.show{
	z-index:500;
}

#feature_text {
	height: 400px;
	width: 260px;
	padding:0px 10px 10px 15px;
	float:left;
}

#feature_text  h2{
color:#333;
}

/* Notice Bar 
-------------------------------------------------------------- */

#noticebar	{
padding-left: 0;
margin-left: 0;
}

#noticebar ul li {
	display: inline;
	float: left;
	padding:10px;
	height:150px;
	width:31%;
 }

.middle{
	border-right: 1px solid #265282;
	border-left: 1px solid #265282;
}

#noticebar ul li p {
	color: #EAEAEA;
}

#noticebar ul li a {
	color: #EAEAEA;
}

#noticebar li img {
	float:left;
	border: 2px solid #EAEAEA;
	margin: 0 10px 10px 0;
}
#noticebar li h3 {
	color: #EAEAEA;
	margin: 0 0 18px 0;
	text-align:left;
}

/* Misc classes
-------------------------------------------------------------- */