@charset "utf-8";
/************************ CSS Document */
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	}
	
body  {
	background-color: #e9e8c7;
	background-image: url(../assets/background.jpg);
	}
	
/************************ Site Container */
#siteContainer { 
	width: 95%;
	margin: 25px auto;
	text-align:left;
	background: none;
}

/************************ Site Heading */
#siteHeading { 
	margin: 0px auto;
	height:125px;
	text-size:1.1em;
	text-align:left;
	background: #003;

} 

#siteHeading h1 {
	margin: 0px;
	font-weight:bold;
	font-style:italic;
	padding: 10px 10px 0px 10px;

	font-size:1.3em;
	text-align:center;
	color:#fff;
}

#siteHeading h2 {
	margin: 0px;
	font-style:italic;
	padding: 10px 10px 0px 10px;
	font-size:1.2em;
	text-align:center;
	color:#990000;
}


#siteHeadRight {
	float:right;
	padding: 0px;
	width:175px;
	height:125px;
	background:url(../assets/headbackright.jpg);
	background-position:right top;
	background-repeat: no-repeat;	
}

#siteHeadRight p {
	text-align:right;
	padding-top: 55px;	
	padding-right: 5px;
	
}

#siteHeadRight a {
	color:#900;
	text-decoration:none;
	}
	
#siteHeadRight a:hover {
	color: #990000;
	text-decoration:none;
	
}

#siteHeadLeft {
	background:url(../assets/headbackleft.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	float:left;
	padding: 6px 0px 0px 15px;
	width:360px;
	height:125px;
	}	
	
#siteHeadImages {
	min-width:600px;
	margin: 	5px 5px 55px 280px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 	3px 2px 5px 2px; /* padding here creates white space "inside the box." */	
	}

#siteHeadImages img {
	margin: 5px 20px 2px 2px;	
	border: double #990000;
	float:right;
	}

#siteHeadImages p { 
	text-align:left;
	color:#000;
	padding-left: 250px;
	font-weight:bold;
	font-size:1.0;

}	

/************************ Site Top Nav */

.topnavtop {
	background: url(../assets/navbartop.jpg) no-repeat left top;
	height:30px;
	}
.topnavback {
	background: url(../assets/navbarback.jpg) no-repeat left top;
	height:30px;
	}	
	
#siteTopNav {
	float: left; 
	width: 100%; /* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
	border-right:#000033 ridge;
	height:30px;
	
	}
#siteTopNav h3 {
	font-size:1.2em;
	color:#990000;
	text-align:center;
}


#siteTopNav p {
	margin: 10px;
	font-size:.7em;
	padding: 5px auto;
	text-align:center;
	
}

#siteTopNav ul {
	
	
}

#siteTopNav li {
	background: url(../assets/navbartop.jpg) no-repeat left top;
	height:30px;
	width:200px;
	display: inline-block;
	list-style-type:none;
	text-align:center;	
	}

#siteTopNav a {
	color:#003;
	margin-top: 5px;

	text-decoration:none;
	font-weight:bold;
	font-size:1.0em;
	}

#siteTopNav a:hover {
	color:#900;

	}
/************************ Site Content Container */

#siteContentContainer { 
	float:right;
	width:100%;
	text-size:1em;
	text-align:left;
	background-color: #fff;
	margin-top: 5px;
	}	
	

#siteRightSide {
	float: right;
	border-left:outset # 990000;
	width: 175px; /* since this element is floated, a width must be given */
	background:	#ddd; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 5px 0; /* top and bottom padding create visual space within this div */
	min-height:300px;
	min-width:150px;
	font-size:.9em;
	color:#000000;	
	text-align:center;	

}



#siteRightSide h3 {
	font-size:1.1em;
	font-weight:bold;
	padding-bottom: 5px;
	}
	

#siteRightSide p {
	font-size:.8em;
	font-weight:bold;
	padding-bottom: 5px;
	}	
	

	
#siteRightSide a {
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
	font-size:.8em;
	text-align:center;
	color: #990000;

	
}
#siteRightSide a:hover {
	text-decoration: none;
	color:#000099;
}	

#siteRightSide li {
	display:block;
	text-decoration:none;
	
	border-bottom: #00000 2px ;
	margin-bottom: 5px;
	
}	
#siteRightSide hr {
	color:#ffffff;
	background-color:#ffffff;
	height: 1px;
	width: 90%;
	margin: 2px 5px 5px 5px;
	}		
	
	
	
.leftnavtop {
	background: url(../assets/navbartop.jpg) no-repeat left top;
	height:30px;
	}
.leftnavback {
	background: url(../assets/navbarback.jpg) no-repeat left top;
	height:30px;
	}	
	
#siteLeftNav {
	float: left; 
	width: 240px; /* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
	border-right:#000033 ridge;
	min-height:550px;
	
	}
#siteLeftNav h3 {
	font-size:1.2em;
	color:#990000;
	text-align:center;
}


#siteLeftNav p {
	margin: 10px;
	font-size:.7em;
	padding: 5px auto;
	text-align:center;
	
}

#siteLeftNav ul {
	
	
}

#siteLeftNav li {
	background: url(../assets/navbartop.jpg) no-repeat left top;
	height:30px;
	display:block;
	list-style-type:none;
	text-align:center;	
	}

#siteLeftNav a {
	color:#003;
	margin-top: 5px;

	text-decoration:none;
	font-weight:bold;
	font-size:1.0em;
	}

#siteLeftNav a:hover {
	color:#900;

	}
	



#siteContent {
	min-width:500px;
	font-weight:normal;
 	margin: 	5px 5px 55px 270px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 	3px 2px 5px 2px; /* padding here creates white space "inside the box." */	
}

#siteContent h1 {
	font-size:1.2em;
	font-weight:bold;	
	color:#990000;
	text-align:left;
	padding: 5px 0px 0px 0px;
}	

#siteContent h2 {
	border:#CCC;
	background: #CCC;
	font-size:`1.1em;
	font-weight: bold;
	color:#000000;
	width:100%;
	text-align:left;
	margin-top: 10px;
	height:1.5em;
	padding: 3px 0px 3px 0px;
}
	
#siteContent h3 {
	border:#CCC;
	background: #CCC;
	font-size:.9em;
	color:#000;
	width:70%;
	text-align:left;
	padding: 5px 0px 5px 0px;
}

#siteContent h4 {
	font-size:1.0em;
	font-weight:bold;
	color:#990000;
	width:70%;
	text-align:left;
	padding: 15px 0px 0px 0px;
}

#siteContent h5 {
	font-size:.9em;
	font-weight:bold;
	color:#000;
	width:70%;
	text-align:left;
	padding: 5px 0px 0px 0px;
}

#siteContent ul {
	font-size:.8em;
	margin-top: -10px;
	margin-bottom: 10px;	
	
	margin-left: 20px;
	list-style:disc;
	}
	
#siteContent li {
	font-size:.8em;
	font-weight:normal;
	margin-left: 20px;
	}
	
#siteContent img {
	margin: 0px 5px 5px 5px;
	padding: 2px 2px 2px 2px;	

	border:#003 outset;
	
}



#siteContent p {
	display:block;
	font-size:.8em;
	color:#000000;
	font-weight:normal;	
	text-align:left;
	padding: 0px 15px 1em 0px;
	margin: 0px 250px 0px 0px
}	
	
#siteContent a {
	text-decoration:underline;
	color: #000099;
	font-size:1em;
}

#siteContent a:hover {
	color:#990000;
}	



	
#siteFooter { 
	padding: 0 10px; 
	align: center;
 	text-align:center;
}
		
#siteFooter p {
	margin: 5px;
	font-size:.8em;
	padding: 5px auto;
}

#siteFooter a {
	list-style-type:none;
	text-decoration:none;
	font-weight:bold;
	font-size:.8em;
	text-align:center;
	color: #000099;

	
}
#siteFooter a:hover {
	text-decoration: none;
	color:#575635;
}