@charset "utf-8";
/* layoutstyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders */
 /* border:dashed 1px #f00;*/
}

/*A measure of 40em is equivalent to 640 pixels because 1em equals 16px.*/
#wrapper{
	width: 54em;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#centnav {
	width: 54em;
	text-align: center;
	background-color: #000066;
}

#centr {
	text-align:center;
	list-style:none;
	padding-left: 120px;
}


#centr li{display:inline}

/* Navbar division */
#navbar{
	/* Left margin must match leftcolumn width */	
	height:1.7em;
	width: 100%;
}

#navbar ul {
	list-style-type: none;
}

/* List items in the navbar */
#navbar li{
	float: left;
	/* Required for drop-down menus */
position:relative;

}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size:84%;
	color:#FFFFFF;
	display:block;
	height:2em;
	width:11.2em;
	border-right:solid 1px #ffcda6;
	line-height:2em;
	text-align:center;
	outline-style:none;
	background-color: #000066;
	background-repeat: repeat-x;
	background-position: center;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
	color:#ffffff;
	background-color: #990000;
	background-repeat: repeat-x;
	background-position: center;
}


/* just did */
/*#navbar a:hover,
#navbar a:active,*/
#navbar li.selected2 a:link,
#navbar li.selected2 a:visited{
	color:#ffffff;
	background-color: #000066;
	background-repeat: repeat-x;
	background-position: center;
}



/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:auto;
  left: auto;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background: #000066; /* Removes background image */
  color:#FFF;
  text-align:left;
  display:block;
  width: 10.3em;
  padding:0 0 0 1em;
  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: #990000;
	color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position: absolute;
  top:auto;
  left:auto;
  z-index:100;
}

#content{
	/* Left margin must match leftcolumn width */
 /*  background-color: #EEEFFD;*/
  color: #333333;
	height:430px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #66482B;
	border-bottom-color: #66482B;
	border-left-color: #66482B;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #F7F7F4;
	clear: both;
	float: none;
	overflow: auto;
 }
 


body {
  background-color: #383b35;
  font-family: Arial, Helvetica, sans-serif;
}


/*The order of the names in the selector is important. The h1,h2,h3 must come after #content in the selector. This indicates that inside the division named content, this style applies to all h1 elements. The style rule has no effect on h1 elements outside the division named content. Putting all those selectors into one style rule saves you from having to create three separate style rules that apply the same style. Also, it ensures that the headings in the content division share those stylistics attributes. If you ever want to change something in all the headings, you need only make the change in that one style rule.*/

/* Styles h1, h2, and h3 style rules in the content division */
/* Styles h1, h2, and h3 style rules in the content division */
/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight:normal;
	font-style:italic;
	font-variant:small-caps;
	letter-spacing:0.2em;
}

/* Size h1 headings in the content division */
#content h1{
  font-size:1.5em;
}

/* Size h2 headings in the content division */
#content h2{
color: #CC9900;
  font-size:0.9em;
    font-weight:normal;
}
/* Size h3 headings in the content division */
#content h3{
	font-size:1.25em;
	font-style:normal;
	padding-bottom: 5px;
}

#content table {
	margin-left:30px;
	color:#009;
	font-weight:bold;
	line-height:36px;
}

/*#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	color: #333399;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 25px;
}*/
#content ul, ol {
	padding-top: 10px;
	padding-bottom: 10px;
	border: thin dotted #00CCFF;
}

#content p {
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}

 #content li {
	color: #00C;
	margin-left: 40px;
	margin-right: 80px;
	list-style-type: disc;
	font-size: 0.8em;
	font-style: normal;
	padding-bottom: 5px;
}


#branding{
	position:relative;
} 
/* Fixes the mysterious image gap */
#branding img{
	display:block;
}

#branding h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:2em;
  padding-top:0.25em;
}
#branding a{
	position:absolute;
	text-decoration:none;
	color: #66482B;
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
  color:#000;
}

/* Hover links in branding bar */
#branding a:hover{
	color:#50606c;
}

/* Active link in branding bar */
#branding a:active{
  color:#50606c;
}

.contactus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-left: 70px;
	color: #333333;
}

.upper2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
#footer {
	float:left;
	border-top-color: #c1280a;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	clear: both;
	position: static;
}

#footer p {
	text-decoration:none;
	color: #CCCCCC;
	font-size:0.8em;
	border-top-width: 1px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
	padding: 7px;
	position: absolute;
	bottom: 10em;
}

#input1 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
border:solid 2px #FFCCCC;
margin-left:6px;
margin-top:5px;
}