/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body 
{
   	line-height: 1em;  
   	background: #7B9A70;
  	color: #333;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	-webkit-text-size-adjust: none;
}   
      
/* misc */
ol, ul {
        list-style: none;
}
 
.header-wrap ul {
        list-style: none; 
}

table {
     border-collapse: separate; 
   border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
       text-align: left; 
    font-weight: normal;
}

/* 1.1       Image Headers
-----------------------------------------------------------------------------------------------*/        

h2.knowledge {
    background: url(/images/texts/text_knowledge_home.png) no-repeat top left; width: 173px; height: 25px; overflow: hidden; display: block;
       text-indent: -9999px; margin-left: -20px; margin-bottom: 10px; position: relative; z-index: 100; }

h3.on-course { padding: 21px 40px 5px 19px; }


/* 1.2 Forms
-----------------------------------------------------------------------------------------------*/        

input, textarea, select {
 font-family: Helvetica, Arial, Helvetica, sans-serif;
}

/* 1.3      Links
-----------------------------------------------------------------------------------------------*/        

a:link, a:visited, a:active {
     color: #b25614; 
      background: inherit;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}


/* 1.4 Miscellaneous
-----------------------------------------------------------------------------------------------*/        

hr { 
     display: none; 
}
            
strong {
    font-weight: bold; 
}
                
em {
        font-style: italic; 
}
       
abbr, acronym {
     border-bottom: 1px dotted #ffffff; 
   cursor: help;
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/        

.hide {
   position: absolute;
   left: -9999px;
}

.clear { 
        clear: both; 
 font-size: 0; 
        height: 0; 
   line-height: 0; 
      position: relative; 
} 

/* clearfix */
.clearfix:after,
.in-focus li:after {
    content: ".";
       display: block;
       height: 0;
    clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/ 
* html .clearfix {
   height: 1%; 
}

.clearfix2 {
        display: block; 
}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/     
.hidden_nav { display:none; }
div.header, div.soc-content { width:960px;height:100%; }

div.header2 {
	width:100%
	}
	
div.header {
	width:1060px;
	border:1px solid #fff;
	height:100px;
}

div.header-wrap { background-color: #ffffff;}
/*
div.header-wrap { background: url(/images/bg_header_page4.png) 0 0 repeat-x; }
*/
/*div.header-wrap { background: url(/images/bg_header_page.png) 0 0 repeat-x; }
div.header { background: url(/images/bg_header.png) 0 0 repeat-x; height: 111px; overflow: hidden; position: relative; }*/
.header2 { background: url(/images/bg_header3.jpg) 0 0 repeat-x; height: 28px; overflow: hidden; position: relative;

} 

div.header-wrap table td {
vertical-align: top;
}

/*
div.header { background: url(/images/bg_header2.png) 0 0 repeat-x; height: 128px; overflow: hidden; position: relative; } 
*/

div.content-wrap { background: #D9E0BF; border-bottom: 1px solid #fff;}
div.soc-content {min-height: 350px; }
 
div.footer-wrap { border-top: 1px solid #D9E0BF; }
div.footer { padding: 10px 0 25px 40px; position: relative; }

/* 3.1   Header
-----------------------------------------------------------------------------------------------*/       

div.header2 li , div.top-menu li {     float: left; }

div.header2 li a, div.top-menu li a { display: block; position: relative; }
               /*div.header li a span { display: block; position: absolute; top: 0; left: 0; }*/

               div.top-menu {
                 font-size: 9px;
}

div.top-menu fieldset span, div.top-menu a { position:relative;top:-3px}
div.top-menu { background: #D7B369; height: 30px; border: 1px solid #D7B369; width:500px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

}
      div.top-menu ul { margin: 6px 0 0 5px;}
       div.top-menu li form, div.top-menu li form p { float: left; color: #fff; }
    div.top-menu .text-input { border: 1px solid #C0A161; color: #666; height: 12px; padding: 2px; font-size: 1em;}
       div.top-menu .submit-btn { padding: 0 0 0 5px;position:relative;top:-2px}
     div.top-menu li, div.top-menu li a { color: #fff; text-decoration: none;}
             div.top-menu li a { display: inline; font-weight: bold; font-size: 1.1em; }
           div.top-menu  span.separation { color: #ecdbb7; padding: 0  10px; line-height: 1.5em; font-size: 1.3em; }
                     div.top-menu li span.separation.last-item { padding: 0; }
             div.top-menu li span.my-um { color: #d77127}
  

div.info-menu { width: 510px;height:12px;  margin-top: 20px;
            font-size: 10px;
}
   div.info-menu p { float: left; text-transform: uppercase; color: #333; margin-right: 10px; position: relative; font-size: .9em;
                     height: 9px; width: 42px;
            overflow: hidden; text-indent:-9999px; }
   .info-menu li { display:inline;
   }
              div.info-menu p span { position: absolute; top: 0; left: 0; background: url(/images/texts/info_menu_for.png) no-repeat; height: 9px; width: 42px;
                      display: block;}
      div.info-menu li a { color: #D77127; text-transform: uppercase; height: 12px; float: left; overflow: hidden; font-size: .9em; }
         div.info-menu li a span { position: absolute; top: 0; left: 0; display: block; height: 12px; background-repeat: no-repeat}
     div.info-menu li span.separation { color: #D77127; padding: 0 5px; font-size: 1.2em; float: left; position:relative;top:0px}
      
      div.text-menu li a { height: auto; overflow: visible; }
    
.socmenu 
{
    background-color: #D77127;
    padding: 0;
	min-width: 960px;
}
.socmenu ul  { margin-left: 20px; margin: 0; padding: 0; }
.socmenu li { display:inline;  margin-right: 20px; margin: 0; padding: 0; line-height: 30px;}
.socmenu li a { color: #fee9aa; text-transform: uppercase; height: 28px; overflow: hidden; font-size: 12px; text-decoration: none; padding-left: 13px; }
.socmenu li a:hover { color: #7c4014; }

                
td.right {
text-align: right;
}
     
/* 3.3       Footer
-----------------------------------------------------------------------------------------------*/       
div.footer {
  background-image:url(/images/footer_bg.png);
  background-repeat: no-repeat;
}

td.address {
  color: #eaf1e1; 
  font-size: 11px; 
  line-height: 1.4em;
  font-style: normal;
  padding-bottom:11px;
  vertical-align:bottom;
  padding-right: 20px;
}

div.footer address td span {
  display:block;
}

div.footer ul {
  width:275px;
}

div.footer ul li {
  color: #d8e0b9;
  font-size: 1.1em;
}

div.footer li a {
  color: #d8e0b9;
  line-height:1.35em;
}

div.footer copyright {
  float: none;
}

body.explore-the-department div.footer { background: url(/images/footer_bg_engineering.png) no-repeat 0 30px; }
body.explore-the-department div.footer address { width: 315px; }
body.explore-the-department div.footer div.explore { top: 77px; }

.footer .explore { background: #739368; width: 360px; overflow: hidden; position: absolute; right: 240px; top: 19px; }
body.college-of-engineering .footer .explore { top: 14px; }
.footer .explore h3 { font-size: 15px; color: #ffffff; border-bottom: 1px solid #a0b599; padding: 18px 15px 13px; line-height: 15px }
.footer .explore ul { float: left; width: 100px; padding: 10px 0; }
.footer .explore ul li { font-size: 13px; line-height: 15px; margin-bottom: 4px; }
.footer a { color: #d8e0b9;}
.footer .explore ul.col1 { margin-left: 15px; margin-right: 5px; }
.footer .explore ul.col2 { margin-left: 5px; margin-right: 15px; }
.footer .explore ul.col3 { margin-right: 5px; width: 115px; }

.left-photo-box img { display: block; margin-bottom: 2px; }
.left-photo-box img.last { margin-bottom: 0; }


/* content */
/*
.title {
	color: #b25614;
	font-size: 2em;
	padding-bottom: 20px; 
}
*/
.padded {
	padding: 20px;
}

.soc-content p {
	font-size: 1.2em;
}




/*
Visting committee content
*/
#page10 ul , #page8 ul , #page39 ul {
 list-style: disc; 
padding-left: 15px;
}
#page10 li {
}



.imgborder {
    border: 1px solid #444;
}



#flashcontent {
 float: right;
 margin-left: 10px;
}

.highlight {
   background-color: #D9E0BF;
   padding: 5px;
   margin-left: -20px;
   margin-top: -15px;
   margin-right: 10px;
}

.highlight li {
    list-style-image: url(/images/list.png);
    margin-left: 20px;
}

.page-content li {
    margin-left: 20px;
}



/* admission page */


#page18 .tab-buttons-panel li {
font-size: 15px;
line-height: 15px;
}


#page18 .tab-content-panel {
padding-left: 10px;
padding-right: 10px;
}


/* selected tab programs*/

#page11 .tab-buttons-panel li {
font-size: 15px;
line-height: 15px;
}


#page11 .tab-content-panel {
padding-left: 10px;
padding-right: 10px;
}



.banners ul , .footer ul {
    list-style: none; 
}

#page13 img {
    border: 1px solid #444;
    margin-left: 10px;
    margin-right: 10px;
}




ul.listdisc {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
}













/* accordion */


.basic  {
	width: 260px;
	font-family: verdana;
	border: 1px solid #CDCFA8;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
        padding-left: 10px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #D7B369;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;

}
.basic a:hover {
	background-color: #CFAA5A;
}
.basic a.selected {
	color: black;
	background-color: #D77127;
}

.filelist {
    padding: 10px;
    max-height: 250px;
    overflow:auto;
}


.alumnipicture {
    margin-top: -10px;
    margin: 10px;
    text-align: justify;
    font-size: 11px;
    line-height: 12px;
}

.alumnipicture img {
    margin-bottom: 5px;
}


.clicktoplay {
    color: #7F6F6F;
    text-align: right;
    margin-right: 20px;

}

.jobposting {
    display:none;
}

#page89 img {
    margin: 10px;
    margin-top: 0px;
}

.a-footer-wrapper {
  margin-top: 0px !important;
}

/* Added by Gabriel */

h2.section_header {
	font-size: 20px; 
	border-bottom: 1px solid #004929; 
	color: #004929; 
	font-style: italic;
}