/*---------------------------------------------------------------- 
  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, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, ul, li, dl, dt, dd, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:Arial, Helvetica, Tahoma;
	vertical-align:baseline;
}




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


body {
	background: #444444 url(/images/bg_secondary2.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;
}
	
h1 { 
color: #ff6600; 
font-size: 16px; 
font-weight: bold; 
margin-bottom:5px;
padding:0px;
border-bottom:1px solid #ff6600;
}

h2 { 
color: #ff6600; 
font-size: 14px; 
font-weight: bold; 
margin-bottom:9px; 
}

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

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

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

h6 {}


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

p {text-align:left;}

hr {}

b, strong {font-weight:bold;}


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

a {	text-decoration: underline; }
	a:link    { color: #000000; }
	a:active  { color: #ff6600; }
	a:visited { color: #000000; }
	a:hover   { 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: none; margin:5px; text-align:left;}

ol { list-style-type: decimal}

ul li {margin-left:10px;}




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

.printHeader {display: none;}

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

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

#branding {margin:0px; padding-left:167px; 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; font-size:11px;}

#search-text a {font-size:11px;}

#search-text a:hover { color:#FF6600;}

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


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

#dropList { height:40px; width:900px; background:#444444 url(../idbs/test/images/topnav.jpg) repeat-x left top; 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:104px; height:40px; padding:0px; margin:0px; text-align:center; background: url(../idbs/test/images/topnav1.png) no-repeat top right;} 

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

#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 a.topnav-a:hover, #dropList ul#menu li.topnav-li:hover a.topnav-a { border:0px; color:#ffffff; background:url(../idbs/test/images/topnav2.png) no-repeat top right;} 

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

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

#logospacer {width:162px; height:40px; display:block; background: url(../idbs/test/images/topnav.jpg) top right no-repeat; float:left; }

* html #logospacer {width:148px;}


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

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

#dropList ul#menu li.applynow-li a.applynow-a { display:block; width:104px; height:40px; float:left; padding:0px; text-decoration:none; line-height:40px; white-space:nowrap; 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(../idbs/test/images/orange2.png) no-repeat top right;} 

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

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


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

#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:40px; background:#4d4d4d url(../idbs/test/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.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 ****** */

#academics {}
#studentlife {margin-left:-122px;}
#facultystaff {margin-left:-244px;}
#aboutosu {margin-left:-366px;}
#futurestudents {margin-left:-488px;}


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

#dropList ul#menu div.listHolder div.bottomLine {clear:left; background: url(../idbs/test/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(../idbs/test/images/library-page-bg.gif) bottom right no-repeat #FFF; clear:both;}

#slideshow	{width:900px; height:500px; padding:0px; margin:0px; position:relative; background: url(../idbs/test/images/slideshow-bg.jpg) no-repeat right bottom;}

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

#content-wide {
	width:75%; 
	padding:5px; 
	margin:5px; 
	float:left; 
	position:relative;   
	min-height:500px;
	height:auto !important;
	height:500px;
 }
 
#content ul, #content-wide ul {
	list-style-type:disc;
	margin:18px 0px 18px 25px;
	text-align:left;
}

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

#bannerfooter {padding:0px; margin:0px; border:0; position:relative; text-align:center;}

#orangesearch {
	font-family: helvetica, sans-serif;
	height:16px;
	font-size: 8pt;
	line-height:16px;
	vertical-align:top;
	color: #ff6600;
}

#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:12px; text-align:center;}

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

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

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

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


.componentheading {display:none;}

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

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





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

#sidebar1 ul {margin-bottom:15px;}

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

#sidebar1 li a {text-decoration:none; padding:5px; color:#000000; font-weight:bold; display:block; background: url(../idbs/test/images/sidebar1.jpg) top center repeat-y #FFF; border-bottom: 1px solid #fefefe;}

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



/* sidebar sub-nav
***************************************************************************** */


	#sidebar1 li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		width: 200px;
		min-height:18px;
		border-top:1px solid #666666;
		border-left:1px solid #666666;
		border-bottom:1px solid #666666;
		border-right:1px solid #666666;
		margin-left : 455px;
		margin-top : -25px;
		z-index:999;
		background-color: #666666;
	}
	
	#sidebar1 li ul ul { /* third-and-above-level lists */
		position : absolute;
		left: -999em;
		width: 200px;
		min-height:18px;
		border-top:1px solid #666666;
		border-left:1px solid #666666;
		border-bottom:1px solid #666666;
		border-right:1px solid #666666;
		margin-left : 190px;
		margin-top : -25px;
		z-index:999;
		background-color: #666666;
	}
	
	#sidebar1 li:hover ul ul, #sidebar1 li:hover ul ul ul, #sidebar1 li.sfhover ul ul, #sidebar1 li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sidebar1 li li:hover ul, #sidebar1 li li li:hover ul, #sidebar1 li.sfhover ul, #sidebar1 li li.sfhover ul, #sidebar1 li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#sidebar1 li:hover ul {
	display:block;
	left:-23em;
	}






/* right sidebar
***************************************************************************** */


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

#right-top {padding:0px; margin:0px; position:relative; display:block; text-align:center;

    -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(../idbs/test/images/footer_bg.png) center bottom no-repeat;}

 
#footer {padding-left: 20px; width:auto; height:95px; line-height:45px; position:relative; background: url(../idbs/test/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:50px;  text-align:center; text-transform:uppercase; font-size:9px; font-weight:normal; font-family:Arial;}

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

#library {position:absolute; bottom:0px; left:20px; height:169px; z-index:900;}

#sustainability {position:absolute; bottom:0px; right:0px; height:95px; z-index:900;}

#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(../idbs/test/images/bottom-nav.jpg) top right no-repeat; }

.bottommenu a:hover, .bottommenu a:active {background: url(../idbs/test/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(../idbs/test/images/bottom-nav.jpg) top right no-repeat; 
  text-decoration: none;
  text-align:center;
  color:   #ffffff;
}

#news-feed {padding:10px;}

/* custom old template css
***************************************************************************** */

.ezproxy {
	color: #009966;
	background-color: #FFFFFF;
	text-decoration: underline;
}

.small{
	font-size: 95%;
}

.large{
	font-size: 14px;
}

.orange{
	color: #ff6600;
}

.darkorange{
	color: #993300;
}

.center{
	text-align: center;
}

.heavy{
	font-weight: bold;
}
.attention {
	color: #ff0000;
	font-weight: bold;
}
.versmall {font-size: 75%; }
.verbig {font-size: 125%; }
.osubrick {color: #993300; background-color: #FFFFFF; font-weight: bold; }
#footertable { color:#999999;}
#footertable a {color:#000000;}
#desc {color:#FFFFFF;}
.indent {margin-left: 1em;}
.indentmore {margin-left: 5em;}
img.picturebox{
 	margin: 3px 15px 10px 15px;
 	padding: 10px 10px 10px 10px;
 	background-color:#CCCCCC;
 	border: 1px solid #333333;
}