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


/*info for the body including background image */
body {
	background-color:#C2C2C2;
	background-image:url('Images/background_pew4.jpg');
	background-attachment:fixed;
}

/*this <div> section holds the content together*/
#wrapper {
	width: 935px;
	margin-right: auto;
	margin-left: auto;
	background-color:white;
}

/*===========================================================================*/
/*this is the header */
#header{
	width: 880px;
	height: 178px;
	margin: 10px 0px 0px 10px;
	padding-top: 5px;
	padding-left: 20px;
	background-color: #FFF;
}

/*===========================================================================*/
/*this is the area in which the navigation bar is located*/
#nav {
	width: 915px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #333;
}

/*===========================================================================*/
/*this is the navigation bar itself. When it addresses .sub1, those are the submenu
	items which appear when the mouse is hovered over their "parent" elemet. 
	.sub2 is the furthers submenu on the right. It is treated slightly differently
	so that its width will not hover outside the edge of the content box and will
	instead be flush with the right margin*/

/*this section defines the little down arrows for items with submenus*/
ul#navbar .downarrow1, .downarrow2, .downarrow3, .downarrow4 {
	color:white;
	font-size: 8pt;
	position: absolute;
	top: 13px;
	right: 6px;
}

/*this sets the location for the separator bars between menu items*/
.separator {
	color: gray;
	font-size: 18pt;
	position: absolute;
	top: 4px;
	right: 1px;
}

/*this left-aligns the menu items*/
ul#navbar {
	text-align: left;
	float: left;
}

/*this right-aligns the far-right submenu item*/
ul#navbar ul.sub2{
	text-align:right;
}

/*this ensures the submenu items appear directly beneath their parent items*/
ul#navbar ul {
	margin: 17px 0px 0px 0px;
}

/*this removes bullets and indentations from the menu*/
ul#navbar, ul.sub1, ul.sub2 {
	list-style-type: none;
	padding: 0px;
}

/*this formats each indivicual menu item's size and placement*/
ul#navbar li{
	height: 30px;
	position: relative;
	float: left;
	/*this spaces out each menu item horizontally*/

}

/*this defines the look of links on the menu*/
ul#navbar li a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	display: block;
	background-color: #333;
	color: white;
	/*this ensures the menu items are spread apart properly*/
	padding: 10px 20px 10px 5px;
}

/*this is for the furthest right submenu items*/
ul#navbar ul.sub2 a{
	padding: 10px 10px 10px 5px;	
}

/*this spaces out submenu items vertically and sets their width for uniformity*/
ul#navbar ul a {
	margin-top: 1px;
	border-top: thin silver solid;
	background-color: #666666;
	width: 165px;
}

/*this defines the color of hovered-over menu items and font color*/
ul#navbar a:hover {
	background-color:#CCCCCC;
	color:#CC110A;
}

/*this defines the color of hovered-over menu items and font color*/
ul#navbar ul a:hover {
	background-color:#CCCCCC;
	color:#CC110A;
}


/*the following causes submenu items to disappear in the first line. Afterward it defines their location*/
ul#navbar ul.sub1 {
	display: none;
	position: absolute;
	top: 24px;
	left: 0px;
}

/*the following line causes submenu items to disappear by setting display to 'none'. Afterward it defines their location*/
ul#navbar ul.sub2 {
	display: none;
	position: absolute;
	top: 24px;
	right: 0px;
}

/*this causes the submenu to appear when hovering*/
ul#navbar li:hover .sub1 {
	display: block;
}

/*this causes the submenu to appear when hovering*/
ul#navbar li:hover .sub2 {
	display: block;
}


/*==========================================================================*/
/*this formats the size of the content box*/
#content {
	width: 860px;
	margin: 0px 10px 0px 10px;
	padding: 0px 20px 20px 20px;
	background-color: #FFF;
}

/*this is the actual content text itself*/
#content p {
	font-size: 12pt;
	font-family:Arial, Helvetica, sans-serif;
	color: #111;
}

/*heading 1*/
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #222;
}

/*heading 2*/
#content h2{
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
}

/*heading 3*/
#content h3{
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
}

/*link*/
#content a{
	color:#0000FF;
	text-decoration:none;
}

/*visited link*/
#content a:visited{
	color:#0000FF;
}

/*hovering over a link*/
#content a:hover{
	text-decoration: underline;
}

/*lists*/
#content li{
	font-family:Arial, Helvetica, sans-serif;
}

/*the labels beside items on a Form*/
#content label{
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	width: 7em;
	float: left;
	margin-right: 10px;
}

/*this is for captions below images*/
#content p.caption{
	font-size: small;
	font-style: italic;
	text-align: center;
}

#content td{
	font-family:Arial, Helvetica, sans-serif;

}

/*=====================================================================================*/
/*this is the thin separator between the content and footer*/
#footerbar {
	background-color: #999;
	margin-left: 20px;
	padding-left: 100px;
	height: 1px;
	width: 780px;
}

/*======================================================================================*/
/*this is the footer itself*/
#footer {
	width: 900px;
	overflow:auto;
	margin: 0px 8px 5px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
}

/*footer links*/
#footer a{
	color:#0000FF;
	text-decoration:none;
}

/*visited links*/
#footer a:visited{
	color:#0000FF;
}

/*hovering over links*/
#footer a:hover{
	text-decoration: underline;
}

/*table cells in the footer for alignment*/
#footer td{
	color: #111;
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
}

/*table title*/
#footer td.title{
	font-weight:bold;
}

/*a special class for addresses*/
#footer td.address {
	padding-left: 25px;
}

/*a special class for the Facebook icon*/
#footer td.facebook {
	text-align:right;
}

/*images in the footer*/
#footer img{
	position:relative;
	margin-right: 8px;
}