/* Text and Formatting */

h2 {
 margin-top: 25px;
 margin-left: 185px;
 color: #CCCC99;
}

h4 {
 margin-top: 2px;
 margin-bottom: 4px;
}

.hidden {
 display: none;
}

img {
 border: 0px;
}

.bold {
 font-weight: bold;
}

.bullet {
 list-style-type: disc;
}

.circle {
 list-style-type: circle;
 width: 510px;
 padding-bottom: 5px;
}

table, td, th {
 text-align: left;
 border: 1px solid #999999;
}

th {
 background-color: #CCCC99;
}

table {
 margin-top: 10px;
 margin-bottom: 10px;
}

caption {
 padding: 5px;
 text-align: left;
}

hr {
 width: 520px;
 margin-left: 0px;
}

#acastandards {
 padding-left: 8px;
}

.requestform, .requestform td {
 border: 0;
 text-align: left;
 white-space: nowrap;
}

.requestuserinfo, .requestuserinfo td {
 border: 0;
 vertical-align: top;
 padding-right: 10px;
 font-weight: bold;
}

.requestuserinfo td p {
 width: 100px;
}

.requestuserinfotext input {
 margin-bottom: 7px;
}

.red {
 color: #990000;
 font-weight: bold;
 font-size: 125%;
}

a {
 cursor: pointer;
}

#courselist, #courselist td {
 border: 0;
}

#courselist td {
 width: 120px;
}

#courselist td ul li {
 padding-top: 10px;
 font-size: 95%;
 white-space: nowrap;
 list-style: disc;
/* list-style: hiragana; */

}

#courselist td ul li a {
 text-decoration: underline;
}

#courselist td ul li a:hover {
 color: #000000;
}


/* Site Structure */
/* ============== */

body {
 margin: 0px;
 padding: 0px;
 background-color: #7D110C;
 font-size: 100%;
 font-family: arial;
 font-size: 90%;
}

#outercontainer {
 width: 97%;
 background-color: #CCCC99;
 margin-left: auto;
 margin-right: auto;
 width: 969px; /* 969 for 1028x768 or above. 750 for 800 x 600 */
}

#siteheader {
 display: block;
 width: 969px; /* 969 for 1028x768 or above. 750 for 800 x 600 */
 height: 150px;
 background-image: url(layout/header.png);
 background-repeat: no-repeat;
 z-index: -1;
}

#siteclick {
 width: 750px;
 height: 90px;
 cursor: pointer;
}

#container {
 overflow: hidden;
}

#menucontainer, #pagecontainer, #spotlight {
 padding-bottom: 32767px;
 margin-bottom: -32767px;
}

#pageheader {
 display: block;
 position: relative;
 width: 563px;
 left: 180px;
 background-color: #990000;
 padding-bottom: 5px;
 background-image: url(layout/pageheader2.png);
 background-repeat: no-repeat;
 background-position: bottom center;
 z-index: 2;
}

/* If you define any height for #pagecontainer, you'll need to 
readjust the margin-top and margin-bottom attributes in #pagecontent 
as well to get the top tab and bottom tab to line up with the page content. */

#pagecontainer {
 width: 563px;
 margin-left: 180px;
 background-image: url(layout/page_bg.png);
}

#pagecontent {
 width: 565px;
 padding-left: 15px;
 padding-top: 1px;
 background-image: url(layout/page_bg.png);
 background-repeat: repeat-y;
 right: 32%;
}

p {
 width: 530px;
}

#login {
 width: 50px;
 padding-left: 700px;
 padding-top: 75px;

}

#loginlink {
 color: #990000;
 text-decoration: underline;
 font-weight: bold;
}

/* ============= */
/* = SPOTLIGHT = */
/* ============= */

#spotlight {
 display: block;
 float: right;

 z-index: 1;
 margin-right: 8px;
 margin-top: 8px;
 background-image: url(layout/spotimgtop.PNG);
 background-repeat: no-repeat;
 font-size: 11px;
}

#spotlight p {
 width: 200px;
 padding-left: 5px;
 padding-right: 5px;
}

#spottext {
 width: 210px;
 background-image: url(layout/spottextbg.PNG);
 background-repeat: repeat-y;
}

#spottextbot {
 height: 10px;
 width: 210px;
 background-image: url(layout/spottextbot.PNG);
 background-repeat: no-repeat;
}

#spottitle {
 padding-top: 5px;
 font-weight: bold;
 font-size: 110%;
}

#spotimg {
 text-align: center;
}

/* ============================== */
/* = MENU STRUCTURE AND CONTENT = */
/* ============================== */

#menucontainer {
 float: left;
 width: 160px;
 background-image: url(layout/menu_bg.png);
 background-repeat: repeat-y;
}

#menucontent {
 width: 160px;
 background-image: url(layout/menu_bg.png);
 background-repeat: repeat-y;
 z-index: 100;
 font-weight: bold;
}

#loginbottom {
 width: 160px;
 background-image: url(layout/loginbottom.png);
 background-repeat: no-repeat;
 background-position: 0px 10px;
 z-index: 100;
}

ul {
 margin: 0px;
 padding-left: 20px;
 list-style: none;
 font-size: 95%;
 margin-bottom: 20px;
}

.main {
 margin-left: -6px;
 font-size: 110%;
}

a.main, a.sub {
 color: #000000;
 text-decoration: none;
}

a.main:hover, a.sub:hover {
 color: #666666;
}

a {
 color: #0000FF;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

/* ================ */
/* = IU COPYRIGHT = */
/* ================ */

#iubar {
 width: 100%;
 height: 40px;
 background-color: #7D110C;
 margin-bottom: 5px;
}

#iulogo {
 margin-top: 5px;
}

#iufooterlogo {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px
}

#footer {
 display: block;
 width: 100%;
 height: 43px;
 color: #FFFFFF;
 background-color: #CCCC99;
 background-image: url(layout/menu_bottom_4.png);
 background-repeat: no-repeat;
 background-position: top left;
 font-size: 85%;
 margin-top: 0px;
}

#copyblock {
 position: relative;
 width: 100%;
 top: 55px;
 left: 10px;
 padding-bottom: 25px;
}

#copyblock a {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

#copyblock a:hover {
 text-decoration: underline;
}