html {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000, #585858); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#000000), color-stop(100%,#585858)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 54%,#585858 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 54%,#585858 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 54%,#585858 100%); /* IE10+ */
background: linear-gradient(top,  #000000 54%,#585858 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
min-height: 100%;
background-attachment: fixed; /*added for IE10 to display gradient correctly - 12-13-13 */
}
body {
   color: #000;
   margin: 0px;
   font: normal 100%  Arial, Helvetica, Verdana,  sans-serif;
}
#skip-links a, #skip-links a:hover, #skip-links a:visited,  #skip-links a:focus { /*focus added on 11-29-12*/
   position: absolute;
   left: 0px;
   top:-500px;
   width:1px;
   height: 1px;
   overflow: hidden;
     }
#skip-links a:active, #skip-links a:focus {
   position: static;
   background: #900;
   color: #fff;
   width: auto;
   height: auto;
 }

.searchhidden { /*added on 11-29-12 for screen reader accessibility of search box label */
   position: absolute;
   left: 0px;
   top:-500px;
   width:1px;
   height: 1px;
   overflow: hidden;
     }
#printlogo {
   display: none;
}

/* @license
 * MyFonts Webfont Build ID 2318964, 2012-07-03T10:44:36-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Goudy Trajan Pro Regular by CastleType
 * URL: http://www.myfonts.com/fonts/castletype/goudy-trajan/regular/
 * Copyright: Copyright (c) 2001 by CastleType. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: Goudy Trajan Pro Bold by CastleType
 * URL: http://www.myfonts.com/fonts/castletype/goudy-trajan/bold/
 * Copyright: Copyright (c) 1994 by CastleType. All rights reserved.
 * Licensed pageviews: unspecified
 *
 * Webfont: Goudy Trajan Pro Medium by CastleType
 * URL: http://www.myfonts.com/fonts/castletype/goudy-trajan/medium/
 * Copyright: Copyright (c) 2007 by CastleType. All rights reserved.
 * Licensed pageviews: unspecified
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2318964
 *
 * © 2012 Bitstream Inc
*/

 @font-face {font-family: 'GoudyTrajan-Regular';src: url('/cameron-files/fonts/236274_0_0.eot');src: url('/cameron-files/fonts/236274_0_0.eot?#iefix') format('embedded-opentype'),url('/cameron-files/fonts/236274_0_0.woff') format('woff'),url('/cameron-files/fonts/236274_0_0.ttf') format('truetype');}
 @font-face {font-family: 'GoudyTrajan-Bold';src: url('/cameron-files/fonts/236274_1_0.eot');src: url('/cameron-files/fonts/236274_1_0.eot?#iefix') format('embedded-opentype'),url('/cameron-files/fonts/236274_1_0.woff') format('woff'),url('/cameron-files/fonts/236274_1_0.ttf') format('truetype');}
 @font-face {font-family: 'GoudyTrajan-Medium';src: url('/cameron-files/fonts/236274_2_0.eot');src: url('/cameron-files/fonts/236274_2_0.eot?#iefix') format('embedded-opentype'),url('/cameron-files/fonts/236274_2_0.woff') format('woff'),url('/cameron-files/fonts/236274_2_0.ttf') format('truetype');}

#top {
   background-color: #333;
   padding-left: 2.9%;
   padding-right: 2.9%;
   padding-bottom: 2px;
   overflow: hidden;
}
#top a {
   color: #fff;
   text-decoration: none;
}
#toplinks a {
   font-size: .70em;
   padding-left: .5em;
}
#top a:hover {
   color: #ffe5a9;
}
#logo {
   width: 59%;  /* 531px / 900px */
   margin-left: 0px;
   float: left;
}
   #logo h1 {
       margin-bottom: 3px;
   }
#searchbar {
   width: 90%;
   float: right;
   margin-top: 25px;
}
#search {
   width: 35%;
   float: right;
   text-align: right;
}
.searchwhite {
   background-color: #fff;
   margin: 0 auto;
   height: 22px;
}
.searchbutton {
   background: url(/cameron-files/images/Search2.png);
   display: relative;
   float: right;
   text-indent: -9999px;
   overflow: hidden;
   margin: 0;
   padding: 0;
   cursor: pointer;
   width: 22px;
   height: 22px;
   border: none;
}
#search input {
   font-size: .75em;
   color: #000; /*changed for color accessibility on 02-27-13 */
}
#outerwrap {
   background-color: #fff;
   overflow: hidden;
   /*  padding: 5px 4%;  /* 37px / 900px */   */
}
.pagewidth {
   width: 93.75%;  /* 900px / 960px */
   margin: 0px 3.125%;
}
.hidden {
   display: none;
}
a {
   text-decoration: none;
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
a:visited {
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
a:hover, a:focus {
   text-decoration: underline;
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}

/* For use with the red notice on the homepage */
 a.black{color: black;
}
 a.black:visited { color:black;
}
 a.black:hover, a.black:focus {color: black;
}

.center {
text-align: center;
}

h1, h2 {
   font-family: GoudyTrajan-Regular, Trajan Pro, Times New Roman;
   font-size: 1.5em;   /* 24px/16px */
   padding-top: 0;
   margin-top: 0;
   text-transform: uppercase;
}
h1, h2 {
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
h3 {
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
#nav h2 {
   color: #000000;
}
#nav {
   margin-top: 65px;
   margin-left: 4%;
   margin-right: 0;
   float: left;
   width: 22.5%; /* 146px/900px  */
}

#nav h3 {
   color: #000;
   font-family: GoudyTrajan-Regular, Trajan Pro, Times New Roman;
   font-size: 1.5em;
   border-bottom: thin solid #ccc;
   padding-bottom: 9px;
}
#nav ul {
   margin: 0px;
   margin: -15px 0px 0px -40px; /* firefox */
   list-style-type: none;
}
#nav li {
   border-bottom: thin solid #ccc;
   padding: 9px 0;
   line-height: 1.3;
}
#nav li li {
   border-bottom: none;
   line-height: 115%;
   padding: .50em 0 0 1.5em;
}
#nav li li:first-child {
   padding-top: 20px;
}
#nav a, #nav a:visited {
   color: #000;
}
#nav a.active {
  font-weight: bold;
  background: url('/cameron-files/images/arrow2.png') no-repeat left;
  padding-left: 25px;
  margin-left: -25px;
}
a.dcjq-parent {
  font-weight: normal !important;
  background: none !important;
}
.directory-list img{
  padding: 5px 10px 5px 0;
}
.directory-list h3{
  margin-bottom: 0;
  color: black;
}
.directory-list h4{
  margin-bottom: 0;
}
.directory-list p{
  margin-top: 0;
}
#maincontent {
   float: right;
   width: 73%;
   border-left: medium solid #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
   padding-top: 5px;
}
#crumbtrail {
   padding: 5px 4%;
}
#crumbtrail a {
   color: #000;
}
#mainpic {
   padding: 0;
   width: 96%;
}
#main {
   padding: 15px 4%;
   width: 60%;
   float: left
}
#main a {
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
#highlightpic {
   float: right;
   width: 25%;
   margin-right: 4%;
}
#highlight {
   float: right;
   width: 25%;
   margin-top: 15px;
   margin-right: 4%;
   font-size: .75em;
background: #ffcc44; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcc44, #ffffff); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#ffcc44), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffcc44 54%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffcc44 54%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffcc44 54%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #ffcc44 54%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc44', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#highlight h3 {
   background-color: #ffe172;
   margin-top: 0;
   color: #000;
   font-family: GoudyTrajan-Regular, Trajan Pro, Times New Roman;
   font-size: 1.3em;
   padding: 4%;
}
#highlight-content {
   padding: 0 4% 14% 4%;
}
#highlight div.description {
   padding: 0 4% 14% 4%;
}
#highlight a {
   color: #8B4812;
}
#footer {
   color: #fff;
   clear: both;
   float: left;
   font-size: .67em;
   line-height: 0.3em;
}
#footer a {
   color: #fff;
   text-decoration: underline; /*added on 11-29-12*/
}

#footer a:hover, #footer a:focus { /*added on 11-29-12*/
   color: #c89b0a; /*#ffe5a9;*/
   text-decoration: underline; 
}
#footer a:visited {
   color: #fff;
   text-decoration: underline; /*added on 11-29-12*/
}
#buttonbar {
   z-index:9999;
}
#socialfooter {
   float: right;
}
.orange_td {
background-color : #ffe172;
}
.datatable th {
   background-color: #ffe172;
}
.datatable {
	border-spacing: 0px;
	border: 1px solid gray;
background-color: white;
border-collapse: collapse;
}

.datatable th {
font-size: 10pt;
text-align: left;
padding: 5px;
border: 1px solid gray;
}
.datatable td {
font-size: 10pt;
padding: 5px;
border: 1px solid gray;
}

.valigntop {
vertical-align:text-top;
}

.tcaption {
font-family: GoudyTrajan-Regular, Trajan Pro, Times New Roman;
   font-size: 1.3em;
color: #93720D;
font-weight: bold;
}

.bold {
font-weight: bold;
}


/* ********** smaller than 950 ************* */
@media screen and (max-width: 949px) {
#main {
  width: 54%;
}
#highlight {
  width: 30%;
  margin: 0px 4%;
}
#highlight h3 {
  padding: 1%;
}
}
/* ********** smaller than 950 ************* */
@media screen and (max-width: 760px) {
#nav {
  width: 100%;
}
#maincontent {
  border-left: none;
  width: 100%;
}
#mainpic {
  width: 100%;
}
}
/* ******************************* */
/* Buttonbar for less than 1020px screens
   buttonbar max width does not include
   padding and margins
---------------------------------- */
@media screen and (max-width: 949px) {
#bar li#quicklinks {
   display: none;
}
#bar li.fill {
   display: none;
}
#toplinks a {
   font-size: 1em;
   padding-left: 1em;
}
#togglemenu {
   width: 14.25%;
   float: right;
}
#searchbar {
   margin-top: 0;
}
#buttonbar {
   margin: 0;
   margin-left: 48%;
   margin-top: -1.5em;
   padding: 0;
   height: 1em;
   position: relative;
   float: left;
   display: none;
}
#bar {
   margin: 0;
   padding: 0;
   height: 1em;
}
#bar li {     /* main menu - future, current, etc. */
   list-style-type: none;
   list-style: none;
   float: left;
   background-color: #ffe172;
   text-indent:0;
   display: block;
   text-transform: uppercase;
   padding-left: 3px;
   margin: 0;
   width: 85%;
   border-right: none;
   padding-top: 8px;
   padding-bottom: 7px;
   border-top: thin solid #999;

}
#bar li a{
   display: block;
   background-color: #ffe172;
   font-size: 1.2em;
   text-transform: none;
   width: 100%;
   color: black;
   padding-top: 8px;
   padding-bottom: 7px;
   padding-left: 3px;

}
#bar li#quicklinks {
	   display: block;
   background-color: #ffe172;
   font-size: 1.2em;
   text-transform: none;
   width: 100%;
   color: black;
   width: 85%;
   padding-top: 8px;
   padding-bottom: 7px;
   padding-left: 3px;
}
#bar ul li a:hover, #bar ul li a:focus {
   text-decoration: none;
   color: #93720D; /*was ad8505, changed on 11-29-12 for contrast ratio*/
}
#bar li ul {
   display: none;
   width: 100%;
   background-color: white;
}
#prospective-links li,
#current-links li,
#academic-links li,
#facstaff-links li,
#parent-links li,
#alumni-links li,
#visitor-links li {
   width: 80%;

}
#prospective-links,
#current-links,
#academic-links,
#facstaff-links,
#parent-links,
#alumni-links,
#visitor-links {
   display: none;
}
}
/* ********************************* */
/*   Rework for 1020 and smaller     */
@media screen and (max-width: 949px) {
   #logo {
   width: 100%;
   }
   #logo h1 {
       margin-bottom: 0;
   }
   #search {
   width: 100%;
   }
   #searchbar {
       width: 43%;
       padding-top:5.5px;
   float: left;
   }
   #searchbutton {
       height: auto;
   }
   #toplinks  {
       padding-top: 5px;
       float: right;
   }
.social {
   width: 15%;
   float: right;
}
#footer {
   /*width: 100%;*/
   line-height: 1em;
}
}
/*Rework for 640px and smaller, added to fix event calendar & contact box overlapping /eventcalendar */
@media screen and (max-width: 640px) {
	#main {
	width: 95%
}
#highlight {
	float: left;
	width: 35%;
}
}
/* ********************************* */
/*   Rework for 550px and smaller    */
@media screen and (max-width: 550px) {
#togglemenu {
   width: 43%;
   float: right;
}
#toplinks {
   display: none;
}
#buttonbar {
   margin-left: 3%;
}
   #searchbar {
       width: 50%;
       padding-top: 3%;
}
#bar li#quicklinks {
   display: block;
}
}

img,
embed,

object,
video {
   max-width: 100%;
   height: auto;
}
.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.calendar-container iframe {
   width: 100%;
}
img {
   border: none;
}