@charset "utf-8";
/* campus resources nav CSS */

body {
	background-image:url(pictures/green-background.png) ;
	background-repeat:repeat-x; 
	font-size: 24px;
	color: #000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	height: auto;
	width: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}




#wrapper {
	position: relative;
	background-color:#c8c2ac;
	width:960px;
/*	height:700px; */
	margin:0px auto;
	position:relative;
	z-index:0;
	top:-33px;
	}
	
#wrapper h1 {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#336633;
	font-size:22px;
}

#wrapper h2 {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#336633;
	font-size:18px;
}

.container3 {
    display: flex;
}

.columny {
    flex: 1;
    /*for demo purposes only 
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;  */
}

.column-1 {
    order: 1;

}
.column-2 {
    order: 2;

}
.column-3 {
    order: 3;

}
.column-4 {
    order: 4;

}


/*  from web

@charset "UTF-8";

*/
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);

#cssmenu {padding: 0px; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding-top:1px; padding-bottom:1px; }
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle; padding:5px;}


#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default; background-color:#715d50; color:#715d50;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none; padding:2px;}
/*
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; } */
#cssmenu ul ul ul {top: 1; left: 30px; }	

#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li { font-size:14px;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }



#cssmenu {
  background: #715d50;
/*  border-bottom: 4px solid #1b9bff; */
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 14px;
  position:relative;
  top:-7px;
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}


#cssmenu a {
    background: #715d50;
    color: #ffcc33;
    padding: 0 10px;
}


#cssmenu ul li:hover a {
    background: #ffcc33;
    color: #336633;
    padding: 0 px;
}

#cssmenu ul { text-transform: uppercase; }



    #cssmenu ul ul {
 /*     border-top: 0px solid #336633; */
      text-transform: none;
      min-width: 190px;
}


      #cssmenu ul ul a {
		  background-color:#336633;
      
        color: #ffcc33;
 /*       border: 1px solid #000;
        border-top: 0 none;
        padding: 1px 2px;  */
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li {
		  position: relative;
		  top:-2px;
		  right:40px;
		  background-color:#336633;
		  width:250px;
		  position:relative;
		  left:-50px; 
		  top:1px;
		  
		  }
	  
/*	  
#cssmenu > ul > li > a { line-height: 48px;  }
*/

#cssmenu ul ul li:first-child > a { border-top: 0px solid #336633; color:336633; }

        #cssmenu ul ul li:hover > a { background: #ffcc33; }

 /*       #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #336633;
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }
*/

/*
        #cssmenu ul ul li.has-sub > a:after {
/*          content: '+'; 
          position:relative;
		  left:-20px;
          top: -2px;
          right: 0px;
          margin-top: -8px;
		}
*/

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
      background: #336633;
      color: #ffcc33;
}
    #cssmenu ul li.has-sub > a:after {
/*      content: '+';  */
      margin-left: 5px;
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0;
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}
/*
	    background:#00F; 
		width:200px; 
	    
		
	} */
	
#school-content {
	position:relative;
	color:#000;
	font-size:16px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding-left:100px;
	padding-right:100px;
}

#form {
	position:relative;
	float:left;
	left:-70px;
	top:-10px;
}

.container {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
	width:100%;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.container div {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;
	width:900px;
                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.column_center {
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
    -ms-flex-order: 2;              /* TWEENER - IE 10 */
    -webkit-order: 2;               /* NEW - Chrome */
    order: 2;
	width:33%;                      /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.column_left {
	width:34%;
	position:relative;
	left:-20px;
	top:20px;
	height:375px;
		position:absolute;
	left:-100px;
	
}

.column-right {
	width:33%;	
}


.container2 {
    display: flex;
	width:100%;
}

.columnx {
    flex: 1;
    
    /*for demo purposes only 
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;  */
}

.column-one {
    order: 1;
	width:30%;
}
.column-two {
    order: 2;
}
.column-three {
    order: 3;
}
.column-four {
    order: 4;
}



.container3 {
    display: flex;
}

.columny {
    flex: 1;
    /*for demo purposes only 
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;  */
}

.column-1 {
    order: 1;

}
.column-2 {
    order: 2;

}
.column-3 {
    order: 3;

}
.column-4 {
    order: 4;

}





	
#content {
	position:relative;
	color:##336633;
	font-size:16px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:16px;
	text-align:center;
}



#below_tabs {
	background-image:url(images/background.png);
	position:relative;
	top:-200px;
	z-index:50;
}


#content p {
	color:#000;
	font-size:16px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding-left:100px;
	padding-right:100px;
	font-size:16px;
}
/*
#content-words a {
	display:none;
}
*/
	
#content-left {
	float:left;
	width:50%;
	position:relative;
	top:10px; 
	text-align:left;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

#content-left a {
	color:#00F;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#FFF;
	font-size:14px;
	text-align:left;
}

#content-left h1 {
	text-align:center;
}

#content-right {
	float:right;
	width:50%;
	position:relative;
	top:0px;
	text-align:left;	
	text-decoration:none;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

#content-right a {
	color:#00F;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#FFF;
	font-size:14px;
	text-align:left;
}

#content-right h1 {
	text-align:center;
}

#content-right h2 {
	text-align:center;
}


.center {
    margin: auto;
    width: 100%;
	}



#tablearea {
	color:#000;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	padding-left:70px;
	padding-right:70px;
	font-size:14px;
	text-align:left;
}


#video {
	background-color:#000;
	position:relative;
	top:-100px;
	
	
}



#leftside {
	float:left;
	width:480px;
	position:relative;
	
	top:-27px;
	text-align:left;
	background-color:#000;
	padding:20px;
	color:#F00;
	font-size:20px;
}

#leftside ul li{
	text-decoration:none;
	text-align:left;
	font-size:14px;
	color:#FFF
}


#slide-show {
	background-color:#000;
/*	position:relative;
	top:-22px; */
/*	padding-left:15px;  */
	opacity:1.0;
}

#announcements {
	/*
	background-image:url(images/fire1.jpg); */
	color:#FFF;
/*	position:relative;
	top:-45px; */
}

#announcements p{
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	font-size:16px;
}

#announcements a { 
	padding-left:50px;
	
}


#content-left h2 {
	text-align:center;
}

#content-left h3 {
	color:#fff;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#000;

/*	background-image:url(images/fire1.jpg); */
	padding:20px;
	font-size:18px;
	text-align:left;
}

#ann-left {
	width:45%;
	background-color:#000;
/*	position:relative;
	top:-28px; */
	float:left;
	padding-left:15px;
	padding-right:9px;

}

#ann-right {
	font-size:12px;
	color:#f00;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#000;
	width:50%;
/*	position:relative;
	
	top:-28px; */
	float:right;
}

#ann-right a li{
	text-align:left;
	font-size:12px;
}

#subscribe {
	color:#fff;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#000;
	font-size:12px;
	text-align:left;
	float:left;
	width:100%;
/*	position:relative;
	top:-80px; */
	padding-left:15px;
}

#subscribe h2 {
	color:#fff;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#000;
	padding:20px;
	font-size:18px;
	text-align:left;
}

#table {
	padding-left:15px;
}

#additional-information {
	color:#fff;
	font-family: "Geneva","Tahoma",sans-serif;
	background-color:#000;
	padding:20px;
	font-size:18px;
	text-align:left;
}

#content-right-buy {
	float:right;
	width:440px;
	position:relative;
	top:-8px; 
	background-color:#000;
}
/*
#content_full a
{
	padding:30px;
	align:left;
	visibility:visible;
	color:white;
	width:960px
	
	
	
}
*/
#business {
	color:#fff;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
/*	background-image:url(images/fire1.jpg); */
	padding-left:50px;
	padding-right:50px;
	position:relative;
	top:0px; 
	padding:20px;
	
	/*
    opacity: 0.8;filter: alpha(opacity=50); /* For IE8 and earlier */
/*	position:relative;
	top:-57px; */
}




#business h1{
	font-size:18px;
	text-align:left;
	/*
    opacity: 0.8;filter: alpha(opacity=50); /* For IE8 and earlier */
	
}

#business p{
	font-size:14px;
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	
}

#business h2{
	display:none;}


#right-bottum {
	background-color:#fff;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	top:-80px;
}

#snack-content-left {
	width:40%;
	float:left;
	position:relative;
	top:-60px;
	left:-40px;
	
	
}

#snack-content-right {
	position:relative;
	top:-605px;
	left:40px;
	width:60%;
	float:right;
	padding-right:80px;
	text-align:left;
	font-size:14px;
	width:540px;
	
	
}