@charset "utf-8";
@import url('http://www.uco.edu/styles/reset.css');
body { background: #e4e4e4 url(http://www.uco.edu/images/bgBandTop.png) repeat-x; margin-bottom: 1em; font: normal 12px Tahoma, sans-serif; }
a { color: #003366; } /* { color: #0272e2; }*/
a:hover { text-decoration: underline; }
h1 { font-size: 20px; font-weight: bold; }
h2 { font-size: 15px; }
input { font-size: 11px; vertical-align: top; }
.txt { border: solid 1px #fff; background: url(http://www.uco.edu/images/bgInput.png) no-repeat; padding: 3px 2px; }
.btn { border: solid 1px #fff; background: url(http://www.uco.edu/images/bgButton.png) repeat-x 0 50%; color: #fff; cursor: pointer; font-weight: bold; padding: 3px 8px; text-align: center; }
input.btn { padding: 2px 5px; }
li, p { line-height: 18px; }
p { margin-bottom: 1em; }
p.last-child { margin-bottom: 0; }
/* - Top Navigation Styles -------------------------------------------------------------------------------------------- */
.topnav { height: 36px; margin: 0 auto; width: 952px; }
.topnav a { color: #fff; }
.topnav li { border-right: solid 1px #fff; float: left; margin: 7px 0; padding: 0 10px; }
.topnav .search { border: none; margin: 6px 0; padding-left: 20px; }
.topnav .search .txt { width: 165px; }
.wrapper { background: url(http://www.uco.edu/images/bgPage.png) repeat-y; margin: 0 auto; padding: 0 9px; width: 950px; }
/* -------------------------------------------------------------------------------------------------------------------- */
/* - Header Area Styles ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.header { height: 132px; margin: 0 -9px; }
.header img { display: block; }
/* - Header Navigation Styles ----------------------------------------------------------------------------------------- */
.header .nav { clear: both; height: 31px; margin: 0 9px; }
.header .nav li { background: url(http://www.uco.edu/images/bgHeaderNavInner.png) no-repeat 0 0; cursor: pointer; float: left; text-transform: uppercase; }
.header .nav li a { background: url(http://www.uco.edu/images/bgHeaderNavCapInner.png) no-repeat 100% 0; color: #000; display: block; padding: 6px 26px 7px; }
.header .nav li.first-child { background: url(http://www.uco.edu/images/bgHeaderNavOuter.png) no-repeat 0 0; }
.header .nav li.first-child a { padding: 6px 28px 7px 29px; }
.header .nav li.last-child a { background: url(http://www.uco.edu/images/bgHeaderNavCapOuter.png) no-repeat 100% 0; }
.header .nav li.hover { background-position: 0 50%; }
.header .nav li.hover a { background-position: 100% 50%; }
.header .nav li.active { background-position: 0 100%; }
.header .nav li.active a { background-position: 100% 100%; color: #fff; }
.header .nav li.hover a:hover { text-decoration: none; }
/* -------------------------------------------------------------------------------------------------------------------- */
/* - Banner Area Styles ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.banner { height: 280px; position: relative; }
.banner .flash { left: 162px; position: absolute; top: 0; }
.banner .flash { display: block; }
/* - Banner Navigation Styles ----------------------------------------------------------------------------------------- */
.banner .nav { background: url(http://www.uco.edu/images/bgBannerNav.png) no-repeat; height: 280px; position: absolute; width: 187px; z-index: 1; }
.banner .nav a { display: block; color: #fff; font-size: 14px; line-height: 40px; margin: 0; padding: 0 20px; width: 140px; }
.banner .nav a:hover, .banner .nav .active a { background: url(http://www.uco.edu/images/bgBannerNavOver.png) no-repeat; text-decoration: none; }
.banner .nav #about a { background-position: 0 0; }
.banner .nav #academics a { background-position: 0 -40px; }
.banner .nav #athletics a { background-position: 0 -80px; }
.banner .nav #careers a { background-position: 0 -120px; }
.banner .nav #leadership a { background-position: 0 -160px; }
.banner .nav #library a { background-position: 0 -200px; }
.banner .nav #studentlife a { background-position: 0 -240px; }
.banner .nav #about.active a { background-position: -190px 0; }
.banner .nav #academics.active a { background-position: -190px -40px; }
.banner .nav #athletics.active a { background-position: -190px -80px; }
.banner .nav #careers.active a { background-position: -190px -120px; }
.banner .nav #leadership.active a { background-position: -190px -160px; }
.banner .nav #library.active a { background-position: -190px -200px; }
.banner .nav #studentlife.active a { background-position: -190px -240px; }
/* -------------------------------------------------------------------------------------------------------------------- */
/* - Banner Area Styles ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.title { background: #fff url(http://www.uco.edu/images/bgTitle.png) repeat-x 0 1px; height: 46px; }
.title h1, .title h2 { float: left; line-height: 46px; }
.title h1 { color: #036; padding-left: 20px; }
.title .side { background: #fff url(http://www.uco.edu/images/bgTitleSide.png) repeat-x 0 1px; color: #fc0; width: 195px; }
.title .title { background: url(http://www.uco.edu/images/bgTitleDiv.png) no-repeat 0 1px; padding: 0 15px 0 20px; }
.title .subtitle { background: url(http://www.uco.edu/images/bgTitleArrow.png) no-repeat 0 18px; color: #036; padding-left: 22px; }
/* -------------------------------------------------------------------------------------------------------------------- */
/* - Content Area Styles ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.content { background: url(http://www.uco.edu/images/bgContent.png) no-repeat; overflow: auto; padding: 10px 10px 8px; }
.col1, .col2, .col3, .col4, .col5 { float: left; overflow: auto; width: 300px; }
.col1 { width: 302px; }
.col2, .col3 { margin-left: 10px; width: 302px; }
.col4 { padding: 0 10px; width: 187px; }
.col5 { width: 722px; }
.cta a { border: solid 1px #036; display: block; float: left; width: 143px; }
.cta a:hover { border: solid 1px #069; text-decoration: none; }
.cta #facts { background-repeat: no-repeat; color: #000; margin: 0 0 10px 1px; padding: 110px 5px 5px 10px; width: 283px; }
.cta #facts h1 { font-size: 17px; }
/*.cta #register { background: url(http://www.uco.edu/images/bgRegister.jpg) no-repeat; margin-right: 10px; padding: 110px 0 5px 0; text-align: center; }*/
/*.cta #sports { background: url(http://www.uco.edu/images/bgSports.jpg) no-repeat; padding: 110px 0 5px 0; text-align: center; }*/
.cta .left { margin: 0 10px 5px 1px; padding: 110px 0 5px 0; text-align: center; }
.cta .right { margin: 0 0px 5px 0; padding: 110px 0 5px 0; text-align: center; }
.news, .events { border: solid 1px #036; }
.news li, .events li { margin: 5px 0; }
.news h1 { background: url(http://www.uco.edu/images/bgNewsHdr.png) no-repeat 100% 50%; color: #fc0; padding: 14px; }
.news ul, .news p { background: #ebeff3 url(http://www.uco.edu/images/bgShadow.png) repeat-x; padding: 5px 10px; }
.events h1 { background: url(http://www.uco.edu/images/bgEventsHdr.png) no-repeat 100% 50%; color: #036; padding: 14px; }
.events ul { background: #fcedb2 url(http://www.uco.edu/images/bgShadow.png) repeat-x; padding: 5px 10px; }
.col4 li { padding-bottom: 1em; }
/* - Tabs Styles ------------------------------------------------------------------------------------------------------ */
.tabs { position: relative; z-index: 1; }
.tabs li { background: url(http://www.uco.edu/images/bgTabs.png) no-repeat; border-top: solid 1px #fff; float:left; margin-bottom: -1px; }
.tabs a { background: url(http://www.uco.edu/images/bgTabsCap.png) no-repeat 100% -1px; color: #000; display: block; line-height: 32px; padding: 2px 15px 0; }
.tabs li.ui-tabs-selected { background: #fff url(http://www.uco.edu/images/bgTabsActive.png) no-repeat; border-top: solid 1px #036; }
.tabs li.ui-tabs-selected a { background: url(http://www.uco.edu/images/bgTabsActive.png) no-repeat 100% 0; color: #036; padding-bottom: 1px; }
.panel { border: solid 1px #036; clear: both; padding: 10px; overflow: auto; }
.panel h2 { color: #036; padding-bottom: 5px; }
.panel ul { float: right; padding-left: 20px; width: 200px; }
.ui-tabs-hide { display: none; }
/* - Academics Styles ------------------------------------------------------------------------------------------------- */
.college { background: url(http://www.uco.edu/images/bgCornerShadow.png) no-repeat; float: left; margin: 0 0 10px 0; padding: 15px 0 0 19px; width: 335px; }
.college .inner { border: solid 1px #036; height: 168px; overflow: auto; padding: 8px 10px 10px 10px; }
.alt { margin-right: 10px; }
.college h1 { color: #036; font-size: 18px; margin-bottom: 10px; }
.college img { border: solid 1px #036; float: left; margin: 0 10px 0 0; }
.college .degree { clear: left; float: right; font-weight: normal; }
.college .degree .btn { display: block; font-weight: normal; }
.college .degree ul { background: #ebeff3 url(http://www.uco.edu/images/bgDropTop.png) no-repeat 99px 0; border: solid 1px #036; border-top: none; display: none; position: absolute; width: 200px; z-index: 1000; }
.college .hover .btn { background: #ebeff3; border: solid 1px #036; border-bottom: none; color: #036; padding-bottom: 4px; }
.college .hover .btn.empty { border: solid 1px #036; }
.college .hover ul { display: block; }
.college .degree li { padding: 4px 10px; }
/* - Page Styles ------------------------------------------------------------------------------------------------------ */
.current, .parents, .visitors, .about, .careers, .index { border-left: solid 1px #036; padding-left: 15px; width: 706px; }
.current h1, .future h1, .parents h1, .visitors h1, .about h1 { clear: both; }
.current ul, .future ul, .parents ul, .visitors ul, .about ul { float: left; margin-bottom: 1em; width: 225px; }
.current li, .future li, .parents li, .visitors li, .about li { padding: 3px 0 3px 10px; }
.current p { margin: 5px 0; }

.index h1 { margin-bottom: 0.5em; text-align: center; }
.index h2 { font-weight: bold; }
.index ul { margin-bottom: 1em; }

/* - Faculty Styles --------------------------------------------------------------------------------------------------- */
.faculty { border-left: solid 1px #036; padding-left: 15px; width: 706px; }
.faculty h1 { clear: both; }
.faculty > ul { float: left; margin-bottom: 1em; width: 353px; }
.faculty li { padding: 3px 0; }
.faculty ul ul li { padding-left: 20px; }
img.headshot { float:left; padding: 0 10px 10px 0; }
/* - Popup Styles ----------------------------------------- */
.popup h2 {margin-bottom: 5px; }
/* - Form Element Styles ----------------------------------------- */
.data .txt { background: none; border: solid 1px #666; font-size: 1em; }
.data em { color: #c30; font-weight: bold; }
.data label { display: block; float: left; padding: 2px 4px; width: 95px; text-align: right; }
.data li { padding: 2px 0; width: 700px;}
.data .nolabel { padding-left: 102px; width: 100px; }
.data .req { border-color: #c30; }
.data .req:hover { border-color: #f63; }
.data .req_error { color: #c30; padding-left: 5px; font-size: 12px; white-space: nowrap; }

.index { width: 400px;}

.col6 { float:left; width: 300px;}
.col6 .data { position:relative; z-index:1000; }
.col6 .data li { width: 300px;}
.col6 .data li.nolabel { width: 100px;}

/* -------------------------------------------------------------------------------------------------------------------- */
/* - Footer Area Styles ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
.footer { background: url(http://www.uco.edu/images/bgFooter.png) no-repeat; clear: both; font-size: 11px; padding: 10px 0 4px; text-align: center; }
.footer li { display: inline; }
.footer span { padding: 0 5px; }
.footer p { margin-top: 1em; }
.cap { background: url(http://www.uco.edu/images/bgCap.png) no-repeat; height: 16px; margin: 0 -9px; }


/* OIT Added Styles  */
.attn {
	 text-align: center;
	 font-size: x-large;
	 font-weight: bold;
	 }
	 
.imgstyle1 {
	margin: 5px 10px;
}

.underline {
	text-decoration: underline;
}