@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x; 
	background-image: url(../images/bg_Gradient.jpg); 
	background-color: #c9dce6; 
	}

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #BF311A;
	text-align: left;
	padding-top: 20px;
}

h2 {
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #005480;
	text-align: left;
	padding: 10px 0px;
}

h3 {
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #005480;
	text-align: left;
	padding: 10px 0px;
}

p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
	line-height: 1.25em;
	margin-top: 0px;
}

a:link {
color: #BF311A;
text-decoration: underline
}
 
a:visited {
color: #BF311A;
}

a:hover,a:focus {
color: #BF311A;
text-decoration: underline;
}

a:active {}

hr {
	border: none 0;
	border-top: 1px dashed #BF311A;
	width: 100%;
	height: 1px;
}

blockquote{
margin: 0px 60px 0px 20px;
}

table  td {
	font-family: Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
	padding: 5px;
}

#container { 
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 916px;
	margin: 0px auto;
	padding:0px;
	}
	
.logo {
	padding-bottom: 15px;
	padding-right: 25px;
	float: left;
}

#nav {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #BF311A;
	text-align: right;
	float: right;
	}
	
#nav a:link {
color: #BF311A;
text-decoration: none;
}
 
#nav a:visited {
text-decoration: none;
color: #BF311A;
}

#nav a:hover, a:focus {
color: #BF311A;
text-decoration: underline;
}

#nav a:active {
text-decoration: none;
}

#nav img {
	vertical-align: middle;
}

#nav ul, #nav li {
	text-decoration: none;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

#nav li {
	padding:28px 17px 0px 0px;
}


#humbleisd {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #BF311A;
	text-align: right;
	float: right;
	}
	
#humbleisd img {
	vertical-align: top;
}

#topBar{
	width: 916px;
	height: 10px;
	padding: 0px;;
	margin: 0px;
	background-color: #F9B262;
	float:left;
}

#homeImage {
  width:625px;
  height:420px;
  background-image: url(../images/HomePageMainImage02.jpg);
  border-color: white;
  border-width: 20px;
  border-bottom-width:40px;
  border-style: solid;
  background-color:#FFF;
  float:left;
  }

#homeImage p {
  margin: 325px 20px 0px 20px;
  font-size: 14px;
  font-weight: bold;
}

#featureLink {
  height: 29px;
  color: #bf311a;  
  margin: 0px 0px 0px 340px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

#button {
  width:230px;
  height:72px;
  float:right;
  padding-top: 20px;
  padding-left: 20px;
}

#homebutton {
  width:250px;
  height:107px;
  float:right;
  padding-top: 0px;
  padding-left: 0px;
}

#hometitle {
  width:250px;
  height:20px;
  float:right;
  padding-top: 0px;
  padding-left: 0px;
}

#button h4 {
  text-align: left;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding:15px 0px;
  margin:0px;
  }

#button img {
  float:left;
  vertical-align:middle;
  padding-right: 20px;
}

#button a {
    display:block;
    width:100%;
    height:100%;
	color: #FFF;
}

#button a:link {
  text-decoration:none;
}

#button a:visited {
  text-decoration:none;
}

#button a:hover {
  text-decoration:underline;
}

#button a:active {
  text-decoration:none;
}

#socialButton {
  width:235px;
  padding: 0px;
  text-align: left;
  float: left;
}

#socialButton h4 {
  text-align: left;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: normal;
  padding:0px 10px 5px 10px;;
  margin:0px;
  }

#socialButton img {
  padding: 0px 5px 0px 10px;
}

#homenewscontent { 
	position:relative;
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 180%;
	word-spacing: 2px;
	float: right;
	width: 248px; 
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #edf6fb;
	border-style:solid;
    border-width:1px;
	border-color: #005581;
	
	}
	
#homenewscontent img {
	padding-left: 5px;
	}	


#secondarylinks { 
	position:relative;
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 180%;
	word-spacing: 2px;
	float: right;
	width: 248px; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f9b262;
	border-style:solid;
    border-width:1px;
	border-color: #005581;
	
	}
	
#secondarylinks img {
	padding-left: 5px;
	}	

#headerImage img {
	position:relative;
	float: left;
	margin: 0px 0px 0px 0px;
    padding: 0px;
  }

#content { 
	position:relative;
	float: left;
	width: 916px; 
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color: white;
	}
	
#content ul {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin: 0px 0px 20px 5px;
	padding: 0px;		
	}

#content li {
	line-height: 1.8em;
	}

#content li img {
	padding-right: 5px;
	}
	
#sidebar {
  	width:250px;
  	float:right;
  	padding: 0px;
  	margin: 0px;
  	background-color: #005581;
	vertical-align: bottom;
}

#homeCopy {
  	width:626px;
  	float:left;
  	padding: 0px 20px 0px 20px;
  	margin: 0px;
	background-color: white;
}

#calendar{
	width:350px;
	float: left;
}

#featuredEvent{
	width: 230px;
	background-color: #f9d6ae;
	float: right;
	margin: 50px 0 0 0;
	padding: 10px;
}

#month{
	width:494px;
	height: 33px;
	background-color: #005581;
	margin: 10px 0px;
	font-family: Verdana,Arial;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: left;
	padding: 10px 0px 0px 20px;
}

#blueButton{
	height: 65px;
	background-image: url(../images/centerBlueBtn.jpg);
	background-repeat: repeat-x;
	float: left;
	padding: 20px 0px 12px 0px;
}

#blueButton a{
	font-family: Verdana, Arial, sans-serif;
	color:white;
}

#yellowButton{
	height: 65px;
	background-image: url(../images/centerYellowBtn.jpg);
	background-repeat: repeat-x;
	float: left;
	padding: 20px 0px 12px 0px;
}

#yellowButton a{
	font-family: Verdana, Arial, sans-serif;
	color:#005581;
}

.schools {
	float: left;
	width: 16em;
	
}

.schools li a { 
	display: block; 
	padding: 8px 18px; 
	background: #eee;
	}
	
.schools a:hover{ 
	background: #f9d6ae; 
	color: #005581;
	}
	
.schoolsTitle {
	float: left;
	width: 16em;
}

.schoolsTitle li { 
	display: block; 
	padding: 0px 9px; 
	background: #fff;
	}

#footer{
	width: 916px;
	height: 36px;
	padding: 0px;;
	margin: 0px 0px 20px 0px;
	background-color: #BF311A;
	float:left;
	text-align: center;
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #F9D6AE;
}

#footer p{
	padding-top: 10px;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #F9D6AE;
}

.pics{
	width: 222px;
	height: 227px;
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.pics img{
	border-style: solid;
	border-color: #005480;
	border-width: thick;
}