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

html,
body {
    background-image:url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
body {
   background-image:url(../images/bg.jpg);
   }
#wrapper {
    width: 940px;
    margin: auto;   
}
#content {
    width: 940px;
}
#orangebar {
    width: auto;
    height: 43px;
    background: url(../images/TopBar.png) repeat-x top;
    /*
    background-color: #7ba7dc; 
    original color was #edb21f
    */
}
div.horizontal {
    width: 900px;
    height: 12px;
    float: left;    
    background: url(../images/HorizontalLine.png) no-repeat;
}
div#skipnav{
    float: left;
    font-size: 10px;
    width: 100px;
    height: 32px;
}
div#skipnav a:link {
    color: #e3b23a;
}
div#skipnav a:visited {
    color: #e3b23a;
}
div#skipnav a:hover {
    color: #e3b23a;
}
div#skipnav a:active {
    color: #e3b23a;
}
div#logo {
    width: 180px;
    height: 100px;
    float: left;
}
#toTop {
    width: 100px;
    z-index: 10;
    background: #eeb111;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    display: none;
    color: #666;
    font-size: 0.7em;
    font-weight: bold;
    }

.container {
    width: 970px;
    margin: 0px auto;
    }

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
    background: url(../images/MenuBG_03.png) no-repeat;
}
#rust {
    color: #994708; 
    background-color: #fff;
    padding: 4px 6px;
}
#rust:hover {
    color: #c98a5a;
}
.active a #rust {
color: #000;
}
.active a #rust:hover {
color: #555;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 75px;
    line-height: 30px;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative; 
    width: 182px;
    margin-right: -30px;
    background: url(../images/InActiveTab_04.png) no-repeat;
    text-align: center;
    padding-top: 5px;
}
ul.tabs li a {
    color: #994708;
    text-decoration: none;
    font-weight: bold;
    display: block;
    font-size: 11px;
    padding: 0 18px;
    outline: none;
}
html ul.tabs li.active  {
    background: url(../images/ActiveTab_04.png) no-repeat;
    text-transform: uppercase;
    z-index: 32;
}
.tab_container {
    border-top: none;
    clear: both;
    float: left; 
    width: 970px;
}
.tab_content {
    padding: 0px 20px 20px;
    font-size: 12px;
    line-height: 20px;
}

div#nav {
    float: right;
    width: 756px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    padding-top: 21px;
    color: #843109;
    text-align: right;
    z-index: 4;
    position: relative;
}
div#nav a:link {
    color: #843109;
    text-decoration: none;
}
div#nav a:visited {
    color: #843109;
    text-decoration: none;
}
div#nav a:hover {
    color: #843109;
}
div#nav a:active {
    color: #843109;
    text-decoration: none;
}
div#head{
    font-size: 20px;
    font-weight: bold;
    color: #994708;
    margin-left: 10px;
}
div#topnav {
    font-size: 12px;
    float: left;
    height: 24px;
    padding-top: 10px;
    z-index: 2;
}
div#topnav a:link {
    color: #000;
    text-decoration: none;
}
div#topnav a:visited {
    color: #000;
    text-decoration: none;
}
div#topnav a:hover {
    color: #fff;
    text-decoration: none;
}
div#topnav a:active {
    color: #000;
    text-decoration: none;
}   
#searchwrapper {
    width: 220px;
    height: 22px;
    float: right;
    padding-top: 4px;
}
.searchbox {
    background-color: transparent; /*important*/
    width: 193px;
    height: 20px;
    border: 1px solid #666;
    font-size: 12px;
    color: #666;
}
.searchbox_submit {
    background-color: transparent; /*important*/
    position: absolute; /*important*/
    width: 24px;
    height: 20px;
    background-image: url(../images/submit.gif);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    background-repeat: no-repeat;
    background-position: center center;
}
div#breadcrumbs {
    font-size: 10px;
    width: 900px;
    margin-bottom: 30px; 
}
div#breadcrumbs a:link {
    color: #666;
    text-decoration: none;
}
div#breadcrumbs a:visited {
    color: #666;
    text-decoration: none;
}
div#breadcrumbs a:hover {
    color: #000;
    text-decoration: underline;
}
div#breadcrumbs a:active {
    color: #666;
    text-decoration: none;
}
div#maincontent {
    width: 900px;
    padding: 0px 20px 20px; 
    float: left;    
    background-color: #fff;
}
div#maincontenthead {
    height: 70px;
    width: 900px;
}
div#maincontenthead H1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 26px;
    color: #994708;
    padding-bottom: 10px;
}
div#maincontent_tabpage{
    width: 970px; /* to fit image background*/
    float: left;    
}
div#maincontenthead_tabpage H1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #994708;
    padding: 0px 0px 10px;
}
/* This causes links to look like <p> text and hides them. Not sure if it serves some other purpose.
div#maincontent_tabpage a:link {
    color: #000;
    text-decoration: none;
}
div#maincontent_tabpage a:visited {
    color: #000;
    text-decoration: none;
}
div#maincontent_tabpage a:hover {
    color: #666;
    text-decoration: none;
}
div#maincontent_tabpage a:active {
    color: #000;
    text-decoration: none;
}
div#maincontent a:link {
    color: #000;
    text-decoration: none;
}
div#maincontent a:visited {
    color: #000;
    text-decoration: none;
}
div#maincontent a:hover {
    color: #666;
    text-decoration: none;
}
div#maincontent a:active {
    color: #000;
    text-decoration: none;
}
*/
div#Lboxes {
    float: left;
    width: 170px; 
}
#Lboxes ul#sub_nav {
    padding: 0;
    position: relative; /* IE 6 bug fix */
    list-style-type: none;
    font-size: 11px;
    line-height: 18px; 
}
#Lboxes ul.tight {
    padding: 0.6em 0 0 2.5em;
}
#Lboxes ul#sub_nav li {
    padding: 0.1em 0 0.1em 1.2em;
    font-size: 12px;
    line-height: 18px;
}
#Lboxes #sub_nav a.menulink {
    font-weight: normal;
    }
div#Lboxes #sub_nav a:link {
    color: #994708;
    text-decoration: none;
}
div#Lboxes #sub_nav a:visited {
    color: #994708;
    text-decoration: none;
}
div#Lboxes #sub_nav a:hover {
    color: #666;
    text-decoration: none;
}
div#Lboxes #sub_nav a:active {
    color: #994708;
    text-decoration: none;
}
div#Lboxhead {
    font-weight: bold;
    font-size: 12px;    
    margin-top: 12px;
    color: #994708;
}
div#centercontent, div#landingcontent {
    width: 490px;
    min-height: 450px;
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
div#centercontent H1, div#landingcontent H1 {
    font-size: 18px;
    color: #994708;
    margin-bottom : 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url(../images/H1Line.png) no-repeat bottom;
}
div#centercontent H2, div#landingcontent H2 {
    font-size: 16px;    
    margin: 0px;    
    font-weight: bold;
    line-height: 26px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #994708;
}
div#centercontent H3, div#landingcontent H3 {
    font-size: 13px;    
    font-weight: bold;  
    margin: 0px;
    font-family: Georgia,  "Times New Roman", Times, serif;
    color: #000;
}
#centercontent ul li, div#landingcontent ul li, #centercontent ol li, div#landingcontent ol li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 20px;
    border-left: none;
    font-size: 12px;
    text-indent: -12px;
}
#centercontent ol li, div#landingcontent ol li {
    list-style-type: decimal;
}
div#centercontent a, div#landingcontent a {
color: #6f370d;
text-decoration: underline;
}
div#centercontent a:hover, div#landingcontent a:hover {
color: #b47444;
text-decoration: underline;
}
div#centercontent a:visited, div#landingcontent a:visited {
color: #b47444;
text-decoration: underline;
}
div#centercontent p, div#landingcontent p {
    margin-bottom: 15px;
}
div#centercontent ul, div#landingcontent ul, div#centercontent ol, div#landingcontent ol {
margin-bottom: 8px;
} 
div#centercontent li, div#landingcontent li {
margin-bottom: 5px;
}
div#centercontent li ul li, div#landingcontent li ul li {
list-style-type: circle;
}
div#Rboxes {
    float: right;
    width: 237px;   
}
div#Rboxhead {
    font-weight: bold;
    font-size: 12px;    
    height: 20px;
    background-image: url(../images/smudge.png);
    background-repeat: no-repeat;   
    margin-top: 45px;
    margin-left: 25px;
    padding-left: 20px; 
    padding-top: 1px;
    margin-bottom: 15px;
}
div#Rboxtop div#Rboxhead {
    margin-left: 30px;
    margin-top: 30px;
}
div#Rboxtop {
    width: 237px;
    float: right;
    background: url(../images/RightBoxBGTop.png) no-repeat;
}
div#Rboxbtm {
    margin-top: 20px;
    width: 207px;
    background: url(../images/RightBoxBGBottom2.png) no-repeat;
    float: right;
}
div.Rboxcontent {
    font-size: 11px;
    line-height: 14px;   
}
div#Rboxtop div.Rboxcontent {
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 30px;   
}
div#Rboxbtm div.Rboxcontent {
    padding-left: 35px;
    padding-right: 25px;
    padding-bottom: 30px;   
}
div#socialmediaholder {
    width: 220px;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 20px;
    float: right;
    text-align: right;
}

#twitter, #facebook, #youtube {
    width: 35px;
    height: 35px;
    float: right;
    margin: 0;
}
#facebook {
    background: url(../images/FacebookIcon.png) no-repeat;
}
#facebook:hover {
    background: url(../images/FacebookIconHover.png) no-repeat;
}
#facebook span {
    display: none;
}
#twitter {
    background: url(../images/TwitterIcon.png) no-repeat;
}
#twitter span {
    display: none;
}
#twitter:hover {
    background: url(../images/TwitterIconHover.png) no-repeat;
}
#youtube {
    background: url(../images/YouTubeIcon.png) no-repeat;
}
#youtube span {
    display: none;
}
#youtube:hover {
    background: url(../images/YouTubeIconHover.png) no-repeat;
}

div#footer {
    width: 940px;
    float: left;
    margin-top: 20px;
}
div.footerhr {
    width: 940px;
    height: 12px;
    float: left;    
    background-image: url(../images/horizontal.png);
    background-repeat: no-repeat;
}
div#btmlinks {
    width: 938px;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;    
}
div#btmlinks a:link {
    color: #000;
    text-decoration: none;
}
div#btmlinks a:visited {
    color: #000;
    text-decoration: none;
}
div#btmlinks a:hover {
    color: #666;
    text-decoration: none;
}
div#btmlinks a:active {
    color: #000;
    text-decoration: none;
}
div#copyright{
    font-size: 9px;
    width: 938px;
    float: left;    
    text-align: left;
    line-height: 13px;  
}


/* Brandon's Additional CSS */
#DepartmentHeader {
    list-style: none;
    width: 750px;
    margin-top: -20px;
    margin-bottom: -4px;
    height: 83px;
    z-index: 4;
/*    background: url(../images/PeopleWalking.png) no-repeat top left; */
    text-align: right;
    font-family: Georgia,  Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
}
#DepartmentHeader h1 {
    padding-top: 10px;
    color: #68340d;
    font-family: 'Roboto Condensed', sans-serif; !important;
    text-transform: uppercase !important;
}
.tab_container {
    background: url(../images/FolderBGSeamless_03.png) repeat-y;
}
#FolderBottom {
    height: 95px;
    width: 970px;
    background: url(../images/FolderBottom_06.png) no-repeat;
    clear: both;
}
#FolderTop {
    height: 44px;
    width: 970px;
    background: url(../images/FolderTop.png) no-repeat;
}
ul.tabs li.firstTab {
    margin-left: 5px;
}
ul.tabs li:hover {
   color: #fff;
}   
#Rboxes p {
    padding-bottom: 7px;
}



/* Tables */
.table1 {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    background-color:#ffeec6;
}
.table1 td, .table1 th  {
    font-size:12px;
    border:1px solid #000;
    padding:2px 2px 2px 6px;
}

.table2 {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    background-color:#fff;
}
.table2 td, .table2 th  {
    font-size:12px;
    border:1px solid #994708;
    padding:2px 2px 2px 6px;
}

.table3 {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    background-color:#ccc;
}
.table3 td, .table3 th  {
    font-size:12px;
    border:1px solid #000;
    padding:2px 2px 2px 6px;
}

.table4 tr {
    border-bottom: 1px solid #fff;
}
.table4 {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    background-color:#ccc;
}
.table4 td, .table4 th  {
    font-size:12px;
    border:1px solid #000;
    padding:2px 2px 2px 6px;
}
.table5 .even {
    background-color: #ffffff;
}
.table5 {
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    background-color:#ffeec6;
    margin:10px auto;
}
.table5 td {
    font-size:12px;
    padding:4px 2px 4px 6px;
}
.table5 th {
    background-color:#994708;
    color:#fff;
    font-size:14px;
    padding: 4px 2px 4px 6px;
}
.table5 tr {
    border-bottom: 2px solid #fff;
}
.micrositeindex {
    width: 490px
}
.micrositeindex td {
    padding: 10px;
    vertical-align: text-top;
}
#centercontent .micrositeindex td p, #landingcontent .micrositeindex td p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#motto, #mission {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#motto {
  font-size: 2.3em;
  line-height: 1.5em;
}
#mission {
  font-size: 1.3em;
  line-height: 2em;
}
#admissionapplink {
width: 350px;
height: 75px;
}
#admissionapplink {
  width: 550px;
  height: 200px;
  background: url(../images/AdmisionAppBtn.png) no-repeat;
  background-position: 0 0;
  margin-left: -25px;
  margin-top: 0px;
  }
#admissionapplink span {
  display: none;
}
#admissionapplink:hover {
  background-position: -548px 0px;
  }
  
/*Student Pages Index*/
#PagesIndex div {
    margin: 10px;
    padding-top: 45px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
    float: left;
}
#PagesIndex .papersmall {
    background: url(../images/PaperSmall.png) no-repeat;
    width: 165px;
    height: 100px;
}
#PagesIndex .papermedium {
    background: url(../images/PaperMedium.png) no-repeat;
    width: 165px;
    height: 175px;
}
#PagesIndex .paperlong {
    background: url(../images/PaperLong.png) no-repeat;
    width: 165px;
    height: 251px;
}