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


/* The following styles preceded by a "." can be used anywhere on the page.
   Simply highlight the text or object, and from the "Style" or "Class" menu below,
   Select the style name															
*/

/* Defines the color and size of the title for every page in the content section */
.pageTitle{
	color: #85001a;
	font-size: 2em;
	margin-top: 220px;
}

/* Makes the object float to the left with some extra space around the edges */
.left{
	float: left;
	margin: 10px 10px 10px 0;
}

/* Makes the object float to the right with some extra space around the edges */
.right{
	float: right;
	margin: 10px 0 10px 10px;
}

/* Makes text the dark burgundy color */
.redText{
	color: #85001a;
}

/* Makes text a dark blue color, same as in the footer */
.blueText{
	color: #012c3a;
}

/* Makes a bolder, larger blue News Item headline for home page */
.newsItem{
	color: #012c3a;
	font-weight: bold;
	border-bottom: solid white 2px;
	width: 87%;
	margin-left: 10px;
}

/******************************************************************/
/******************************************************************/
/* IMPORTANT!!													  */
/* DO NOT CHANGE STYLES BELOW UNLESS YOU ABSOLUTELY HAVE TO       */
/* THESE STYLES DEFINE THE ARRANGEMENT OF MAJOR SECTIONS 		  */
/* OF THE PAGE.  CHANGING POSITIONS, MARGINS, OR PADDING          */
/* MAY RESULT IN UNWANTED CHANGES								  */
/******************************************************************/
/******************************************************************/

/* Define basic settings for entire page */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .85em;
	min-width: 950px;
}

/* Create a style that wraps around whole page and adds sidebar background image to left side */
#wrapper{
	background-image: url("../Images/Page_images/column_bg.png");
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}
	
/* Defines top banner portion and puts large gray logo in back right */
#top{
	float: left;
	width: 100%;
	background-image: url("../Images/Page_images/bigs_top.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: white;
	padding-left: 10px;
}

/* Makes all images at top, side, and bottom not have borders */
#top img, #footer img, #sidebar img {
	border: 0;
}

/* Defines position for links at the top right side of the page */
#topLinks {
	float: right;
	clear: right;
	margin-top: 20px;
	margin-right: 20px;
	text-align: right;
}

/* Defines color and styles for links at the top right side of the page */
#topLinks a {
	color: #012c3a;
	text-decoration: none;
	font-weight: bold;

}

/* Makes links at the top right side of the page underline when hovered over */
#topLinks a:hover{
	text-decoration: underline;
}

/* Defines basic properties of navigation bar.  The rest of the properties can be found in menu/menu.css */
#navbar{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

/* Defines position and sizeof the content section of the page */
#content{
	margin: 0 20px 0 350px;
	min-width: 500px;
}

/* Styles defining regular links in content section - a dotted bottom border is added instead of underline */
#content a{
	color: #1F556A;
	border-bottom: dotted 1px #012c3a;
	text-decoration: none;
}

/* Links in content section change color when hovered over */
#content a:hover{
	color: #45849B;
}

/* Defines position and general font properties of sidebar on left */
#sidebar{
	margin-top: -3px;
	margin-left: 21px;
	padding: 0;
	float: left;
	width: 273px;
	color: #012c3a;	
	font-size: 1.2em;
}

/* Defines styles for all paragraphs in sidebar */
#sidebar p{
	padding: 0 5px 0 30px;
	color: #012c3a;
	font-size: .8em;
}

/* Defines position of list of links inside the sidebar */
#sidebar ul{
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Define the the shape and bullet arrow for all sidebar lists */
#sidebar ul li {
	list-style-type: none;
	list-style-image: url("../Images/Sidebar_background/arrow_over.png");
	list-style-position: inside;
	padding: 5px 0 5px 30px ;
}

		/* Define background image and border for all items in sidebar submenu list */
		#sidebar ul.menu li {
			border-bottom: white 2px solid;
			background-image: url("../Images/Sidebar_background/sidebar_bg.jpg");
			background-repeat: no-repeat;
		}
		
		/* Load lighter bar when a link in the sidebar is hovered over */
		#sidebar ul.menu li:hover {
			background-image: url("../Images/Sidebar_background/sidebar_bg2.jpg");
			background-repeat: repeat-y;
		}
		
		/* Define look of links in sidebar */
		#sidebar ul.menu a {
			color: #012c3a;
			text-decoration: none;
		}
		#sidebar ul.menu a:hover {
			color: #296277;
		}
		
		/* Modify look of list inside of list */
			#sidebar ul.menu li ul li {
				margin: 0;
				margin-left: -30px;
				padding: 5px 0 5px 50px ;
				border: none;
				background-image: none;
			}
			#sidebar ul.menu li ul li:hover{
				background-image: none;
			}
			#sidebar ul.menu li ul a{
				font-size: .8em;
			}
			#sidebar ul.menu li ul a:hover{
				color: #296277;
			}
	
	
		
		/* Define look of links in sidebar */
		#sidebar #home a {
			color: #012c3a;
			border-bottom: dotted 1px #012c3a;
			text-decoration: none;
		}	
		#sidebar #home a:hover{
			color: #296277;
		}	
		#sidebar #home p.newsItem{
			font-size: 1.3em;
		}
		
		#sidebar #home {
			font-size: .8em;
			padding-right: 5px;
		}
		#sidebar #home p {
			padding: 0 0 0 10px;
		}
		
		#sidebar #photoCredit {
			font-size: 8px;
			color: #012c3a;
			text-align: left;
		}
		
	

/* Defines size, styles, and position of footer at bottom of the page */
#footer{
	background-color: #012c3a;
	color: white;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	float: left;
	clear: left;
	width: 98%;
}
	
/* Defines links in the footer to be white and not underlined */
#footer a{
	color: white;
	text-decoration: none;
}

/* Defines links in the footer to be underlined when hovered over */
#footer a:hover{
	text-decoration: underline;
}