/*---------------------------------------------------------------- 
  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, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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-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;
}

h1
{
    color: #ff6600;
    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: #999999;
}

h6
{
}


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

p
{
    text-align: left;
}

hr
{
}

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: #ff9900;
}

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: 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;
}

#cse-search-box
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5;
    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 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 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.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(../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;
}

* html #logospacer
{
    width: 148px;
}


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

#dropList ul#menu li.applynow-li
{
    float: left;
    width: 122px;
    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;
    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.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;
}


/* ****** 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.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(../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;
    background: url(../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: 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;
}





/* 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(../images/sidebar1.jpg) top center repeat-y #FFF;
    border-bottom: 1px solid #fefefe;
}

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



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


#sidebar1 li ul
{
    /* second-level lists */
    position: absolute;
    left: -999em;
    width: 160px;
    margin-left: 140px;
    margin-top: -25px;
    z-index: 999;
}

#sidebar1 li ul ul
{
    /* third-and-above-level lists */
    left: -999em;
}

#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:hover ul, #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;
}







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


#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;
}


#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: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    font-family: Arial;
}

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

#vtour
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    height: 60px;
    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(../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;
}

#news-feed
{
    padding: 10px;
}