/* CSS Document */
body {
	background-image:url(BCKGRND.jpg);
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-repeat:repeat;
	}

hr {color:#28556b;
clear:right;}

.container {
	margin: 0px auto;
	text-align: left;
	width: 780px;
	overflow:hidden;
}
.title {color:#00000;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:36px;
padding:0px;
margin:0px;
text-align:center;
}
/*To Create Rounded Box*/
.mainbox{display:block;
	overflow:hidden;}
.mainbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFF8DC;}
.mainbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #849b9b;
  border-right:1px solid #849b9b;
  background:#c9cfbf;
  	overflow:hidden;}
.mainbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #3d6576;
  border-right:1px solid #3d6576;
  background:#d6d9c6;
  	overflow:hidden;}
.mainbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d6d9c6;
  border-right:1px solid #d6d9c6;
  	overflow:hidden;}
.mainbox4{
  border-left:1px solid #849b9b;
  border-right:1px solid #849b9b;
  	overflow:hidden;}
.mainbox5{
  border-left:1px solid #c9cfbf;
  border-right:1px solid #c9cfbf;
  	overflow:hidden;}
.mainboxfg{
  background:#FFF8DC;
  padding:20px;
  	overflow:hidden;
  }
/*Header*/

#header { 
	background: #DDDDDD; 
	padding: 0px 20px 20px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color:#FFF8DC;
	text-align:center;
	height:140px;
	background-image:url(backgroundheader.jpg);
	background-repeat:no-repeat;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px 0px 130px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#000;
	text-align:left;
	font-family:"Bradley Hand ITC", "Rage Italic", Ravie, cursive;
	font-size:48px;
}

#header p{
	margin:0;
	padding-left:0px;
	font-size:large;
}
/* Navigation*/
#navbar {
    margin: 0px 0 15px 0;
    padding: 0;
    height: 1em;
	text-align:right;
	margin-left:225px;
}
#navbar li {
    list-style: none;
    float: left;
	width: 8em;
	color: #fff;
}
#navbar li a {
    display: block;
    padding: 0px 8px;
    background-color: #FFF8DC;
    color: #28556b;
    text-decoration: none; 
	}

#navbar li a:hover {
    color: #C90;
	}
	
/* Left Sidebar for sponsor information*/
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF8DC; 
	padding: 15px 10px 15px 20px;
	padding-bottom: 2000px;
	margin-bottom:-2000px;

}
#sidebar1 a {
	color:#28556b;

}

#sidebar1 p {
	color:#28556b;
	font-weight:bold;
	
}

#sidebar1 a img{
	color:#FFF8DC;
	width:180px;
border: none;
}

#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 3px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #28556b; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-bottom: 2000px;
	margin-bottom:-2000px;

}

/* This is the main content on the right side of the page.*/

#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent h1 {
	text-align:center;
	color:#28556b;
}
#mainContent h2 {
	text-align:center;
	color:#28556b;
}

#mainContent h4 {
	text-align:center;
	color:#28556b;
}


/*General*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-top:8px;
}

.fltlt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-left: 8px;
	margin-top:8px;
}

.center {
	text-align:center;
}

#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}