/* general settings */

body {
  text-align: center;
  background-color: #7d8089;
  color: #003;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
}

a:link { color: #00c; text-decoration: none; }
a:visited { color: #00c; text-decoration: none; }
a:hover { color: #00c; text-decoration: underline; }
a:active { color: #00c; text-decoration: none; }

h2 a:hover { text-decoration: none; }


#footer a:link { color: #003; text-decoration: none; }
#footer a:visited { color: #003; text-decoration: none; }
#footer a:hover { color: #99c; text-decoration: none; }
#footer a:active { color: #003; text-decoration: none; }


	/* layout */

#pagewrap {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  border: 2px solid #01346b;
  text-align: left;
  background-color: #b6b8a3; // #fff
  text-align: center;
  position: relative;
}
#banner {
  width: 795px;
  background-image: url(img/uabanner2.jpg);
  background-position: left;
  background-repeat: no-repeat;
  position: relative;
  font-family: Arial,sans-serif;
  font-style: italic;
  font-size: 11pt;
  color: #8a8e8f;
  padding: 65px 5px 0 0;
  text-align: right;
  border-bottom: 2px solid #01346b;
  background-color: #fff;
}
#menu {
  display: inline;
  float: left;
  width: 160px;
  margin: 0 0 0 10px;
  padding: 10px 0 0;
}
#main {
  float: right;
  padding: 10px 0 0;
  width: 620px;
  margin: 0;
  position: relative;
}
#center_column {
  float: left;
  width: 420px;
  margin: 0;
  padding: 0;
}
#side_column {
  float: right;
  display: inline;
  width: 180px;
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
}
#footer {
  clear: both;
  text-align: center;
  padding: 10px;
  border-top: 2px solid #01346b;
  background-color: #fff;
}

	/* menu */

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
#menu ul li a {
  margin: 0;
  display: block;
  padding: 4px 10px;
  font-size: 8pt;
  font-weight: bold;
  text-align: left;
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
#menu ul li a:hover {
  color: #99c;
  /* to change background color
  background-color: #99c;
  color: #01346b; */
}
.submenu {
  margin: 0;
  position: absolute;
  display: block;
  width: 120px;
  left: 159px;
  top: 0;
  visibility: hidden;
  z-index: 100;
  text-align: left;
  background-color: #01346b;
  border: 2px solid #99c;
}
.submenuhide {
  position: absolute;
  left: 159px;
  top: -25px;
  visibility: hidden;
  width: 300px;
  height: 400px;
  z-index: 50;
}
.submenu li {
  margin: 0;
  padding: 0;
  position: relative;
}

/* IE Hacks */
/* Hides from IE-mac \*/
* html #pagewrap { width: 804px; }
* html #banner { width: 800px; }
/* End hide from IE-mac */

	/* rounded boxes */

.menuwrap1 {
  width: 160px;
  background-image: url(img/menu_bottom.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.menuwrap2 {
  background-image: url(img/menu_top.gif);
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10px 0 0;
}
.menucontent {
  background-image: url(img/menu_bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
  padding: 0 1px;
}

.centerwrap1 {
  width: 420px;
  background-image: url(img/center_bottom.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.centerwrap2 {
  background-image: url(img/center_top.gif);
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10px 0 0;
}
.centercontent {
  background-image: url(img/center_bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
  padding: 0 10px;
}

.sidewrap1 {
  width: 180px;
  background-image: url(img/side_bottom.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.sidewrap2 {
  background-image: url(img/side_top.gif);
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10px 0 0;
}
.sidecontent {
  background-image: url(img/side_bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
  padding: 0 10px;
}

.onecolwrap1 {
  width: 610px;
  background-image: url(img/onecol_bottom.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.onecolwrap2 {
  background-image: url(img/onecol_top.gif);
  background-position: top center;
  background-repeat: no-repeat;
  padding: 10px 0 0;
}
.onecolcontent {
  background-image: url(img/onecol_bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
  padding: 0 10px;
}

	/* for laying out 2 columns of text inside boxes */

.textcolleft {
  width: 47%;
  float: left;
}
.textcolright {
  width: 47%;
  float: right;
}
.textcolfooter {
  clear: both;
}

	/* headers and text settings */

#main h2 {
  font-size: 12pt;
  font-weight: bold;
  color: #01346b;
  margin: 0 0 1em;
  padding: 0;
  border-bottom: 1px solid #ff0;
}
#main h3 {
  font-size: 10pt;
  font-weight: bold;
  margin: 0;
  padding: 0 0 1em;
}
#main p {
  margin: 0;
  padding: 0 0 1em;
}
#main .centercontent h2, #main .sidecontent h2 {
  font-size: 10pt;
  font-weight: bold;
  color: #01346b;
  margin: 0 0 .5em;
  padding: 0;
  border-bottom: 1px solid #ff0;
}
#main .centercontent p, #main .sidecontent p {
  font-size: 8pt;
  margin: 0;
  padding: 0 0 .5em;
}
#main .centercontent blockquote, #main .sidecontent blockquote {
  font-size: 8pt;
  margin: 0;
  padding: 0 20px .5em;
}
#main .centercontent ul, #main .sidecontent ul, #main .centercontent ol, #main .sidecontent ol {
  font-size: 8pt;
  margin: 0;
  padding: 0 0 .5em 20px;
}
#main .onecolcontent p {
  font-size: 10pt;
  margin: 0;
  padding: 0 0 1em;
}
#main .onecolcontent blockquote {
  font-size: 10pt;
  margin: 0;
  padding: 0 30px .5em;
}
#main .onecolcontent ul, #main .onecolcontent ol {
  font-size: 10pt;
  margin: 0;
  padding: 0 0 .5em 30px;
}
#main .date {
  font-size: 8pt;
  text-transform: uppercase;
  margin: .5em 0 0;
  letter-spacing: .2em;
  color: #8a8e8f;
  padding: 2px 0;
}
#main .sidecontent .date {
  text-align: right;
}

	/* tables */

table {
  margin: .5em 0;
  padding: 0;
  border-collapse: collapse;
}
th,td {
  margin: 0;
  padding: .5em;
  border: 1px solid #01346b;
}
th {
  font-weight: bold;
  text-align: center;
}
#main .centercontent th,#main .centercontent td,#main .sidecontent th,#main .sidecontent td {
  font-size: 8pt;
}
#main .onecolcontent th,#main .onecolcontent td {
  font-size: 10pt;
}

	/* forms */

form {
  margin: 0;
  padding: 0;
}
input,textarea {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-style: normal;
  color: #003;
  border: 1px solid #01346b;
  margin: 0;
  padding: 1px;
}
.button {
  font-size: 8pt;
  font-weight: bold;
  color: #ff0;
  background-color: #01346b;
  border-top: 1px solid #7ad;
  border-bottom: 1px solid #58b;
  border-left: 1px solid #7ad;
  border-right: 1px solid #58b;
  cursor: pointer;
}

	/* search form in upper-right corner */

#searchbox {
  position: absolute;
  z-index: 5;
  top: 5px;
  left: 645px;
  width: 150px;
}
#search {
  width: 95px;
}
#searchgo {
  width: 35px;
}

	/* misc. text */

#lastupdated, #main .onecolcontent p#lastupdated {
  text-align: right;
  font-size: 8pt;
  color: #8a8e8f;
  padding: 1em 0 0;
}
.hidden {
  display: none;
}