* {
   padding: 0;
   margin: 0;            /*THIS FIXES POSITIONING PROBLEMS IN IE*/
}

h1 {
	font-family: "Times New Roman", Times, serif;
	color: blue;
	margin-left: 1%;
}


h2 {
	font-family: "Times New Roman", Times, serif;
	color: blue;
	margin-left: 1%;
}


h3 {
	font-family: "Times New Roman", Times, serif;
	color: red;
	margin-left: 1%;
}


p  {
	font-family: "Times New Roman", Times, serif;
	margin-left: 1%;
}


body {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	margin-left: 1%;
}

div#container {
	position: absolute;
	top: 38%;
	width: 80%; /* MUST BE 100% MINUS THE LEFT AND RIGHT MARGINS */

	margin-top: -14%; /* MUST BE HALF OF THE HEIGHT */
	margin-left: 18%;
	margin-right: 2%;
	
}	

/*----------------------------------------------------------------
               STYLES FOR THE COPYRIGHT
-----------------------------------------------------------------*/

#copyright {
	font-family: trebuchet MS, sans-serif;
	font-size: 10px;
	color: black;
	margin-left: 1%;
	position : relative;
	bottom: 5px;
}


#copyright a {
	font-family: trebuchet MS, sans-serif;
	font-size: 10px;
	color: #1A658D;
}




/*----------------------------------------------------------------
               STYLES FOR THE TITLE/SLOGAN DIVS
-----------------------------------------------------------------*/

#title {
	position: absolute;
	display: inline;
	/* PREVENTS OTHER DIVS FROM WRAPPING */
	color: #1A658D;
	float: left;
	margin: 2px 2%;
	width: 15%;
	height: 300px;
	font-family: "Times New Roman", Times, serif;
	font-weight : bold;
	list-style : url(images/sun.gif);
	background: #FFFACD;
	border: 1px #1A658D solid;
}	

#title h1 {
	font-family: trebuchet MS, sans-serif;
	font-size: 2em;
	color: red;
	text-align: right;
	margin: 100px 30px 0 0;
}

#title h1 span {
	color: #1A658D;
}

#title h2 {
	font-family: trebuchet MS, sans-serif;
	font-size: 18px;
	color: #1A658D;
	text-align: right;
	margin: 5px 30px 0 0;
}



/*-----------------------------------------------------------------
                  STYLES FOR THE SEARCH DIV
-----------------------------------------------------------------*/

#search {
	position: absolute;
	left: 2%;
	top: 55%;
	display: inline; /* PREVENTS OTHER DIVS FROM WRAPPING */
	float: bottom;
	width: 15%;
	height: 270px;
	font-weight : normal;
	

}

#search h1 {
	color: #1A658D;
	font-size: 16px;
	margin-left: 10px;
}

#search p {
	margin: 5px 5px 0 5px;
	font-size: 14px;
	text-align: justify;
	text-indent: 1em;
}
	
#search a {
	color: #FFFFCC;
	text-decoration: underline;
	letter-spacing: 0.1em;
}




/*------------------------------------------------------------------
               STYLES FOR THE NAVIGATION MENU DIV
------------------------------------------------------------------*/

#nav {
	display: inline;
	position: absolute;
	margin-left: 18%;
	width: 22%;
	height: 520px;
	/* MUST BE 100% FOR SEPARATOR IMAGE TO BE VISIBLE */
	background: #FAFAD2;
	font-family: "Times New Roman", Times, serif;
	border: 1px #1A658D solid;
	overflow: auto;
}

#nav p {
	margin: 5px 5px 0 10px;
	text-align: left;

}


#nav h1 {
	color: #1A228D;
	font-size: 18px;
	margin-left: 10px;
}

#nav h2 {
	color: #1A658D;
	font-size: 16px;
	margin-left: 10px;
}

#nav ul {
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	margin-left: 1px;
	margin-top: 108px; /* DEPENDING ON THE NUMBER OF LINKS IN THE NAVBAR, AND THE SIZE OF THE BACKGROUND IMAGES, YOU MAY NEED TO ADJUST THIS NUMBER TO VERTICALLY CENTER THE NAVBAR */
}

#nav ul li {
	line-height: 32px; /* HEIGHT OF BACKGROUND IMAGE */
	margin-bottom: 10px; /* SPACES OUT LIST ITEMS */
}

#nav ul li a:link, #nav ul li a:visited {
	border-right: 5px #E29A5F solid;
}

#nav ul li a:hover {
	border-right: 5px #1A658D solid;
	color: #E9967A;
}

#nav ul li a#active {
	border-right: 5px #1A658D solid;
	color: #1A658D;
}

/*-----------------------------------------------------------------
                  STYLES FOR THE CONTENT DIV
-----------------------------------------------------------------*/

#content {
	position: absolute;
	display: inline;
	background: #FAFAD2;
	font-family: "Times New Roman", Times, serif;
	width: 57%;
	/* WIDTH = 100% - (MARGIN-RIGHT + MARGIN-LEFT) */
	height: 700px;
	/* HEIGHT = CONTAINER HEIGHT - (MARGIN-TOP + MARGIN-BOTTOM + BORDER-TOP + BORDER-BOTTOM) */
	margin: 0px 2% 10px 41%;
	border: 1px #1A658D solid;
	overflow: auto;
}

#content h1 {
	color: #1A228D;
	font-size: 20px;
	margin-left: 10px;
}


#content h2 {
	color: #1A658D;
	font-size: 16px;
	margin-left: 10px;
}

#content p {
	margin: 5px 5px 0 10px;
	text-align: justify;
	
}
	
#content a {
	color: #FF4500;
	text-decoration: underline;
	font-weight : bold;
}

/*-----------------------------------------------------------------
                  STYLES FOR THE GALLERY IMAGES
-----------------------------------------------------------------*/

.galleryimage {
	float: center; /* THIS LETS THE DIVS DISPLAY AS INLINE, AND WRAP ACCORDING TO THE SCREEN SIZE */
	border: 1px #FFFFCC solid;
	margin: 10px;
	padding: 10px;
	text-align: center;
	width: auto;
	height: auto;
	text-decoration: none;
}

.galleryimage a {
	text-decoration: none;
}

.galleryimage img {
	border: 1px solid;
}