﻿@import url("layout.css");
body {
	font-family: 'Trebuchet MS', Arial, SansSerif; 
	background-color:#09167f; /*bright dark blue*/

	/*background-image: url("../images/logos/dblue054.gif");*/
	
	background-repeat: repeat;
	background-attachment: scroll;
	
}
	
#container {
	width: 860px;
	margin: 10px auto;
	line-height: -4px;
	
}
#masthead {
	text-align: center;
	width: 860px;
	border: 1px solid #431;
	background-color: #09167f; /*bright dark blue*/
	background-image: url("../images/logos/masthead.gif");
	background-repeat:no-repeat;
	background-attachment: scroll;
}


#content {
	float: left;
	width: 686px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #624a60; /*purple*/
	background-color: #98c943; /*lime green*/
	text-align: center;
	line-height: -4px;

}
#footer {
	text-align: center;
	clear: both;
	width: 860px;
	padding: 0px;
	overflow: auto;
	border: 1px solid #624a60; /*purple*/
	background-color: #98c943; /*lime green*/
}
/* Masthead Styles */
#masthead h1 {
	
}
#masthead h3 {
	
}


/**************************** Navbar division (For vertical navbar) */ 

#navbar{ 
	position:relative;
	background:#98c943; /*lime green*/
	float: left;
 	width:140px;
 	margin:1em auto;
 	margin-top: 10px;
	margin-bottom: 10px; 
 	text-align:left; 
	border:solid 1px #333;
} 


/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
 list-style-type:none;
 margin: 0;
 padding-left:0; 
} 

/* List items in the navbar */ 
#navbar li{ 
 background:#98c943; /*lime green*/
 width:140px; 
 /* For flyout menus */ 
 position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
 text-decoration:none; 
 font-family:'Trebuchet MS', Arial, SansSerif; 
 font-size:100%; 
 color:#4940a2; /* purple Blue */ 
 display:block; 
 height:2em; 
 width:auto; 
 border-right: solid 0px #ddd; 
 line-height:2em; 
 text-align:left; 
 outline-style:none; 
 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
 background:#4940a2; /* purple Blue */ 
 color:#fff;
 width: 140px;
} 

/****************************************************** Flyout menu styles */ 
/* Applies to flyout menus in navbar */ 
#navbar li ul{ 
 position:absolute; 
 top:0; 
 left:100%; 
 z-index:105; 
 visibility:hidden; 
} 

/* Make flyout menu visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
 visibility:visible; 
} 

/* Applies to links on the flyout menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
 text-align:left; 
 display:block;  
 padding:0 0 0 0em; 
 height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
 background:#4940a2; /* purple Blue */
 color:#fff; 
} 

/* IE6 hack applies to table flyout menus */ 
#navbar table { 
 margin:-1px; 
 border-collapse:collapse; 
 position:absolute; 
 top:0em; 
 left:100%; 
 z-index:105; 
}






/* Content Styles */

p	{background-position: 0px 0px;
	background-repeat: repeat;
	background-attachment: scroll;
	color: #4940a2; /* blue-purple */
}
h6 {
	color: #4940a2; /* blue-purple */
}
h5 {
	color: #4940a2; /* blue-purple */
}
h4 {
	color: #09167f; /*bright dark blue*/
}
h3 {
	color: #09167f; /*bright dark blue*/
	text-align: center;
}

h2 {
	color: #09167f; /*bright dark blue*/
}

h1 { 
	color: #09167f; /*bright dark blue*/

	
}

#content img {
	padding: 5px;
	border: 1px solid #4940a2; /* blue-purple */
	text-align: center;
}
/* Footer Styles */
#footer p {
	color: #4940a2; /* blue-purple */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer a {
	color: #4940a2; /* blue-purple */
	text-decoration: none;
}
#footer a:hover {
	color: #fff; /*white*/
	text-decoration: none;
}

a {
	color: #09167f; /*bright dark blue*/
	}
	
a:hover {
	color: #fff; /*white*/

	text-decoration: none;
	line-height: -4px;
}

.style_bold {
	font-weight: bold;
}

.style_italic {
	font-style: italic;
}

.style1 {
	text-align: center;
}

.style2 {
	text-align: center;
}
.style3 {
	color: #000;/*black*/
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.style4 {
	color: #000000; /*black*/
}
