/*---------------------------------------------------------------- 
  Copyright: 
  Copyright (C) 2009 Oklahoma State University
  http://okstate.edu

  Author: 
  Lex Meyer - lex.meyer@okstate.edu
---------------------------------------------------------------- */


/* Template structure
***************************************************************************** */

/*
body 
	wrapper 
		header 
			logo
			branding
			search
		menubar	
			topnav
		main
			container
				sidebar1
				content
				sidebar2
		bottom
			footer
			copyright
*/




/* GLOBAL RESET
***************************************************************************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, xblockquote, 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, 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:Arial, Helvetica, Tahoma;
/*	vertical-align:baseline; */
}




/* Template
***************************************************************************** */


body {
	background: #444444 url(../images/bg_secondary.jpg) top repeat-x;
	color:#000;
	font-family:Arial, Helvetica, Tahoma;
	font-size: 12px;
	color: #444;
	margin:0;
	padding:0px;
	/* text-align:center; */
}

#wrapper {margin:0 auto; width:900px; padding:0px; position:relative; text-align:left;}


/* Headings
***************************************************************************** */
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, Tahoma;
	font-weight: bold;
	text-align:left;
	padding-top:10px;
}
	
h1 {
	color: #000000;
	font-size: 14px;
	margin-bottom:5px;
	/* padding:0px; */
border-bottom:1px solid #ff6600;
}

h2 { 
color: #ff6600; 
font-size: 16px; 
margin-bottom:9px; 
text-transform: uppercase; 
}

h3 { 
color: #999999; 
font-size: 12px; 
font-weight: bold; 
line-height: 14px; 
text-transform: uppercase; 
border-bottom: 1px solid #999999;
}

h4 { 
color: #999999; 
font-size: 13px; 
border-bottom: 1px solid #999999; 
margin-bottom:9px; 
text-transform: uppercase; 
font-weight:bold; 
}

h5 {
	margin-top:10px;
	border-bottom:1px solid #999999;
	color:#333333;
}

h6 {}


/* General elements
***************************************************************************** */

p { padding: 3px;}
/*  {text-align:left;} */

hr {}

/* img, div { behavior: url(../js/iepngfix.htc);} */

b, strong {font-weight:bold;}


/* Links
***************************************************************************** */

a {	text-decoration: none; }
	a:link    { color: #ff6600; }
	a:hover   { color: #ff9900; }
	a:active  { color: #ff6600; }
	a:visited {
	color: #FF6600;
}

a img {	border: none;}

#search {color: #ffffff; font-size: 10px;}

#search a {color: #ffffff; font-size: 10px;}

#search a:hover {color: #ff9900;}





/* List Styles 
***************************************************************************** */

ul, ol {}
/* ul {list-style-type: square; margin:0 0 0 5px; text-align:left;} */
/*   ul {list-style-type: square; margin:5px; text-align:left;} */

div.listCol ul li { text-align:left; }

ol { list-style-type: decimal}


#sidebar2 ul li {margin-left:10px;}

/*   ADDED ITEMS */
#Content li{margin-left:5px;}
#Content ul , .documentContent ol, .documentContent dl dt {margin:10px 0 0px 0px; }
#Content dl dd {margin:0px 0px 0px 15px; }
#Content dl {padding:0; margin:0; }

/* header
***************************************************************************** */

.printHeader {display: none;}

.header {height:68px; width:900px; margin:0px; padding:0px; position:relative; z-index:998;}

.logo {position:absolute; top:0px; left:-25px; z-index:999;}

/* #branding {margin:0px; padding-left:167px; float:left;}  */
#branding {margin:0px; padding-left:155px; float:left;}

#branding h1 {margin-top:15px; font-size:30px; color:#ffffff; font-weight:bold; border:0px;}

#search {float:right; margin-top:10px;}

#search-text {margin-top:30px; text-align:center;}

#cse-search-box {margin:0; padding:0; position:absolute; top:5px; right:0;}


/* menubar
***************************************************************************** */


/* #dropList { height:40px; width:900px; background:#444444 url(../images/topnav.jpg) repeat-x left top; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500; border:0px;}  */
#dropList { height:40px; width:900px;  position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500; border:0px;} 

#dropList ul#menu { margin:0; padding:0px; list-style:none; /*white-space:nowrap;*/ } 

/* ****** menu topnav ****** */

 #dropList ul#menu li.topnav-li { float:left; width:122px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/topnav1.png) no-repeat top right;}  
/*#dropList ul#menu li.topnav-li {display:block; float:left; width:105px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/topnav1.png) no-repeat top right;} 

/* #dropList ul#menu li.topnav-li a.topnav-a { display:block; width:122px; height:40px; float:left; padding:0px; text-decoration:none; line-height:40px; white-space:nowrap; font-weight:bold; color:#ffffff; }  */
#dropList ul#menu li.topnav-li a.topnav-a { display:block; height:40px; padding:0px; text-decoration:none; font-weight:bold; color:#ffffff; } 


/*  Allow TOP MENU to have text on 2 lines  */
#dropList ul#menu li.topnav-li a.topnav-a div {display:table-row; width:105px; height:40px; }
#dropList ul#menu li.topnav-li a.topnav-a div div {display:table-cell; vertical-align: middle; text-align:center;}


#dropList ul#menu li.sub a.topnav-a {color:#ffffff;} 

/* #dropList ul#menu li.topnav-li:hover, #dropList ul#menu li.topnav-li a.topnav-a:hover {position:relative;}  */
#dropList ul#menu li.topnav-li:hover, #dropList ul#menu li.topnav-li a.topnav-a:hover {position:relative;} 

#dropList ul#menu li.topnav-li a.topnav-a:hover, #dropList ul#menu li.topnav-li:hover a.topnav-a { border:0px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right;} 


#dropList ul#menu li.sub a.topnav-a:hover { height:40px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right; }  

#dropList ul#menu li.sub:hover > a.topnav-a { height:40px; color:#ffffff; background:url(../images/topnav2.png) no-repeat top right;} 

/* #logospacer {width:158px; height:40px; display:block; background: url(../images/topnav.jpg) top right no-repeat; float:left; } */
#logospacer {width:165px; height:40px; display:block; background: url(../images/topnav.jpg) no-repeat top right; background-position: 110% 0%; float:left; }

/* * html #logospacer {width:148px;} */

/* ****** menu applynow ****** */

#dropList ul#menu li.applynow-li { float:left; width:105px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/orange1.png) no-repeat top right;} 

#dropList ul#menu li.applynow-li a.applynow-a { display:block; height:40px; padding:0px; text-decoration:none; font-weight:bold; color:#ffffff; } 

#dropList ul#menu li.sub a.applynow-a {color:#ffffff;} 

#dropList ul#menu li.applynow-li:hover, #dropList ul#menu li.applynow-li a.applynow-a:hover {position:relative;} 

#dropList ul#menu li.applynow-li a.applynow-a:hover, #dropList ul#menu li.applynow-li:hover a.applynow-a { border:0px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right;} 

#dropList ul#menu li.sub a.applynow-a:hover { height:40px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right; }  

#dropList ul#menu li.sub:hover > a.applynow-a { height:40px; color:#ffffff; background:url(../images/orange2.png) no-repeat top right;} 

/* Added to allow multi Linis in TOP MENU  */
#dropList ul#menu li.applynow-li a.applynow-a div {display:table-row; width:105px; height:40px; }
#dropList ul#menu li.applynow-li a.applynow-a div div {display:table-cell; vertical-align: middle; }


/* ****** menu dropList ****** */

#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:40px; background:#4d4d4d url(../images/dropfade.png) repeat-x top; border:1px solid #000; border-width:0 1px 1px 1px; padding:0; 

    -moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	
    -moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	
    -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
} 

/* IE6 only */  #dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 

#dropList ul#menu :hover div.listHolder {left:0;} 

#dropList ul#menu a:hover div.listHolder {left:-1px;} 

#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;} 

#dropList ul#menu div.col4 {width:732px;}
#dropList ul#menu div.col1 {width:183px;}
/* Furtrue Top Menu fly-in with 2 or 3 columns */
#dropList ul#menu div.col2 {width:366px;}
#dropList ul#menu div.col3 {width:549px;}


#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:5px; margin:0; width:173px;} 

/* #dropList ul#menu div.listHolder div.listCol h5 {padding:0px; margin:0; font-size:11px; line-height:14px;} */

#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;} 

#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;} 

#dropList ul#menu div.listHolder div.listCol ul li a {color:#ffffff; text-decoration:none; padding-left:0px; font-weight:normal; } 

#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline; color:#ff6600;} 


/* ****** menu adjustments ****** */
/*  ORIGINALS  --- 
#academics {}
#studentlife {margin-left:-122px;}
#facultystaff {margin-left:-244px;}
#aboutosu {margin-left:-366px;}
#futurestudents {margin-left:-488px;}
*/

/* New Top offsets fo Flyin positions */ 
#academics {}
#studentlife {margin-left:-105px;}
#facultystaff {margin-left:-210px;}
#aboutosu {margin-left:-315px;}
#academicdept {margin-left:-40px;}
#futurestudents {margin-left:-525px;} 


/* ****** menu bottomLine ****** */

#dropList ul#menu div.listHolder div.bottomLine {clear:left; background: url(../images/dropfoot.png) no-repeat right bottom; height:25px; width:730px;} 


/* main
***************************************************************************** */

#container {width:100%; padding:0px; margin:0px; border-left: 1px solid #000000; border-right: 1px solid #000000; background:#fff; position:relative; background: url(../images/container-bg.jpg) top right no-repeat #FFF; clear:both;}

#slideshow	{width:900px; height:500px; padding:0px; margin:0px; position:relative;}

#content {
	width:50%; 
	padding:5px; 
	margin:5px; 
	float:left; 
/* 	position:relative;    */
	min-height:500px;
	height:auto !important;
	height:500px;
 }

#content-wide {
	width:90%; 
	padding:5px; 
	margin:5px; 
	float:left; 
	position:relative;   
	min-height:500px;
	height:auto !important;
	height:500px;
 }


#banner	{padding:0px; margin:25px 5px 15px 5px; border:0; position:relative; text-align:center;}

#info	{padding:0px; margin:5px;  position:relative; clear:both;}

#info-footer {padding:0px; margin:5px;  position:relative; clear:both; text-align:center;}


.users {padding:0px; margin-top:5px; margin-bottom:10px; position:relative; display:block; width:100%; clear:both; font-size:11px; text-align:center;}

#user1 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user2 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user3 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}

#user4 {display:block; float:left; padding:5px; position:relative; width:210px; margin-bottom:10px; font-size:11px; text-align:center;}


.componentheading {display:none;}

.contentheading {font-weight:bold; text-transform:uppercase; font-size:11px;}

#contact {padding:10px; color:#999999; font-size:11px;}

#sidebar1	{width:20%; padding:0px; margin:55px 5px 5px 5px;  float:left;}

#sidebar1 li {list-style:none; text-align:left;}
#sidebar1 li {list-style:none; text-align:left; padding-left:10px;} 

/* #sidebar1 li a {text-decoration:none; padding:5px; color:#000000; font-weight:bold; display:block;} */
#sidebar1 li a {text-decoration:none; color:#000000; font-weight:bold; display:block;}   

#sidebar1 li a:hover {color:#ff6600;}

#sidebar2 {width:20%; padding:5px; margin:35px 5px 5px 5px; border:0px; float:left;}

#right-top {padding:5px; margin:0px; border: 1px solid #CCC; background: url(../images/sidebar-bg.jpg) repeat-x #FFF; position:relative; display:block;

    -moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	
    -moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	
    -moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#right-bottom {padding:5px; margin:0px; border:0px; position:relative; display:block;}





/* bottom
***************************************************************************** */

.bottom {width:100%; margin:0; padding:0; border-bottom: 1px solid #000000;  clear:both; background: #3a3a3a url(../images/footer_bg.png) center bottom no-repeat;}
 
#footer {padding-left: 20px; width:auto; height:95px; line-height:45px; position:relative; background: url(../images/footer_logo.jpg) center top no-repeat; text-align:center; text-decoration:none; color:#ff6600;}

#footer a {color:#ff6600; padding: 5px;}

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


/* .foot-text {padding-top:40px; margin-left:60px; text-align:center; text-transform:uppercase; font-size:11px; font-weight:normal; font-family:Arial;} */
.foot-text {padding-top: 50px; margin-left:60px; text-align:center;  text-transform:uppercase;   font-size:10px;  font-weight:normal; font-family:Arial;}

.foot-text a {font-size: 11px; color: #ff6600; text-decoration: none;}

#library {
	position:absolute;
	bottom:0px;
	left:19px;
	height:170px;
	z-index:0;
}
#sustainability {
	Z-INDEX: 900;
	POSITION: absolute;
	BOTTOM: 0px;
	HEIGHT: 104px;
	RIGHT: 0px;
	width: 79px;
}

#copyright,#copyright p {position:relative; margin:0px; padding: 5px; clear:both; text-align:center; color:#cccccc; font-size:10px;}

#copyright a {color:#cccccc; font-size:10px; text-align:center; }

#copyright a:hover {color:#ff6600; text-align:center; }




/* bottom navigation
***************************************************************************** */

#bottomnav {position:relative; display:block;}

.bottommenu a, .bottommenu a:visited {color:#ffffff; text-decoration:none; width:180px; line-height:27px; display:block; background:#222222 url(../images/bottom-nav.jpg) top right no-repeat; }

.bottommenu a:hover, .bottommenu a:active {background: url(../images/bottom-nav-hover.jpg) bottom right no-repeat;}

div.bottommenu 
{
  display:block;
  float:left;
  width:180px;
  line-height:27px;
  padding:0px;
  margin:0px;
  background: #222222 url(../images/bottom-nav.jpg) top right no-repeat; 
  text-decoration: none;
  text-align:center;
  color:   #ffffff;
}

body ul[type="none"]   {list-style-type: none;}
body ul[type="square"] {list-style-type: sqnone;}
body ul[type="circle"] {list-style-type: circle;}
body ul[type="disc"]   {list-style-type: disc;}

#DasnrBottom {color: White;
text-align:center;
Background-image: url(../images/bottom-navw.jpg);
}

/* ####### To remove APPLY NOW button #### Additions to the bottom of the CSS file  ###############  */
 
#dropList ul#menu li.applynow-li {display:none}
#dropList ul#menu li.topnav-li a.topnav-a div {display:table-row; width:122px;  height:40px; }
#dropList ul#menu li.topnav-li {display:block; float:left; width:122px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../images/topnav1.png) no-repeat top right;} 
#logospacer {width:168px; height:40px; display:block; background: url(../images/topnav1.png) no-repeat top right;background-position: 110% 0%;  float:left; }
 
#studentlife {margin-left:-122px;}
#facultystaff {margin-left:-244px;}
#aboutosu {margin-left:-366px;}
#academicdept {margin-left:-40px;}
#futurestudents {margin-left:-610px;}