@import url("oor.common.css");

/* elements */
body#univ { background-color: #FFF; font-size: 8pt; color: #000; line-height: 1.4; padding: 0; margin: 0; }

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #000; padding: 0; margin-bottom: 10px; }

a, a:link, a:visited { color: #00A9A6; }
a:hover { color: #000; text-decoration: none; }

img { border: none; }

hr { display: none; }

/* layout */
#container { width: 1000px; margin: 0 auto; position: relative; }

/* logo */
#logo-home { position: absolute; top: 10px; right: 15px; }
#logo-home a { width: 274px; height: 107px; display: block; position: relative; overflow: hidden; cursor: pointer; }
#logo-home span { background: url(../images/univ-logo.png) no-repeat left top; width: 274px; height: 107px; position: absolute; top: 0; left: 0; }

#logo { position: absolute; top: 10px; right: 0; }
#logo a { width: 177px; height: 50px; display: block; position: relative; overflow: hidden; cursor: pointer; }
#logo span { background: url(../images/logo2.gif) no-repeat left top; width: 177px; height: 50px; position: absolute; top: 0; left: 0; }

/* logos */
#logos { height: 43px; padding: 20px 0 7px; }

/* menu */
#menu-home { width: 630px; padding: 100px 0 0 50px; float: left; }
#menu-home h2 { display: none; }
#menu-home ul { padding: 0; margin: 0; list-style-type: none; }
#menu-home ul li { width: 200px; margin: 0 10px 10px 0; float: left; }
#menu-home ul li a { width: 200px; height: 200px; display: block; position: relative; overflow: hidden; }
#menu-home ul li a span { width: 200px; height: 200px; position: absolute; top: 0; left: 0; }
#menu-home ul li #menu-item1 span { background: url(../images/menu-home1.gif) no-repeat left top; }
#menu-home ul li #menu-item2 span { background: url(../images/menu-home2.gif) no-repeat left top; }
#menu-home ul li #menu-item3 span { background: url(../images/menu-home3.gif) no-repeat left top; }
#menu-home ul li #menu-item4 span { background: url(../images/menu-home4.gif) no-repeat left top; }
#menu-home ul li #menu-item5 span { background: url(../images/menu-home5.gif) no-repeat left top; }
#menu-home ul li #menu-item6 span { background: url(../images/menu-home6.gif) no-repeat left top; }
#menu-home ul li #menu-item7 span { background: url(../images/menu-home7.gif) no-repeat left top; }
#menu-home ul li #menu-item8 span { background: url(../images/menu-home8.gif) no-repeat left top; }
#menu-home ul li #menu-item9 span { background: url(../images/menu-home9.gif) no-repeat left top; }

#menu { width: 100%; position: relative; }
#menu h2 { display: none; }
#menu ul { padding: 0; margin: 0 0 0 520px; list-style-type: none; }
#menu ul li { margin-right: 20px; float: left; }
#menu ul li a { font-size: 11pt; color: #000; text-decoration: none; padding: 5px 10px; display: block; }
#menu ul li a:hover { color: #FFF; }
#menu ul li a span { display: none; }
#menu ul li a#home { width: 20px; height: 15px; padding: 0; position: absolute; top: 39px; left: 186px; }

/* content */
#content-home div, 
#content div { margin: 10px 0; }

#content-home ul,
#content ul { padding: 0; margin: 10px 0 10px 20px; }

#content-home ul li, 
#content ul li { color: #000; }

#content-home p,
#content p { color: #000; margin: 10px 0; }

#content table th,
#content table td { padding: 3px; }  

#content-home { width: 290px; padding-top: 120px; float: right; }

#content #col-left { color: #FFF; width: 183px; padding: 200px 10px 10px 7px; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; margin: 0; float: left; }
#content #col-left a { color: #FFF; }

#content #main { width: 769px; padding: 10px; margin: 0; float: right; }

#content .course { margin-bottom: 20px; }

#content .course-tab { width: 100%; border-collapse: collapse; }
#content .course-tab th { text-align: left; padding: 2px; border: 1px solid #000; }
#content .course-tab th.th-term { width: 30%; }
#content .course-tab th.th-place { width: 20%; }
#content .course-tab th.th-price { width: 20%; }
#content .course-tab td { padding: 2px; border: 1px solid #000; }

#content .contact { width: 384px; float: left; }

#content .faq { margin-bottom: 15px; }
#content .faq div { margin: 0; }

#main #two-cols-layout { margin: 0; }
#main #main-content { width: 529px; padding-right: 10px; margin: 0; float: left; }
#main #main-search { width: 230px; margin: 0; float: right; }
#main #main-search #search { width: 100%; }
#main #main-search #search select { color: #000; width: 100%; }
#main #main-search #search td { padding: 0; }
#main #main-search #search td.td-align-r { text-align: right; }
#main #main-search #search input.submit { background-color: #E4E6E4; border-color: #DCDADC; margin-top: 10px; cursor: pointer; }

#fulltext { margin-top: 10px; }
#fulltext td.td-align-r { text-align: right; }
#fulltext input,
#fulltext2 input { background-color: #FFF; color: #000; border-color: #DCDADC; }
#fulltext input.submit,
#fulltext2 input.submit { background-color: #E4E6E4; cursor: pointer; }

#fulltext2 { width: 210px; margin: 5px 0 0 8px; float: left; }
 
#fulltext2 input.submit { padding: 1px 3px; } 

/* footer */
#content-home #footer { text-align: left; margin: 30px 0 0; }
#footer { text-align: center; }
#footer #logos { padding-top: 0; margin: 0; }
#footer #cofinancing,
#footer #cofinancing2 { font-size: 6pt; text-transform: uppercase; line-height: 1.2; }
#footer #cofinancing2 { padding-top: 3px; border-top: 1px solid #DCDADC; margin: 5px 0 3px; }
#footer #copyright { line-height: 1.4; }
#footer #copyright a { line-height: 1.4; }
#footer #valid { margin-top: 5px; }
#footer #valid a { margin-right: 4px; }

/* other */
.c1 { background-color: #945644; }
.c2 { background-color: #04AEEC; }
.c3 { background-color: #F7D600; }
.c4 { background-color: #EC008C; }
.c5 { background-color: #F4961C; }
.c6 { background-color: #948284; }
.c7 { background-color: #2E3192; }
.c8 { background-color: #8F807D; }
.c9 { background-color: #8CC63C; }
.c10 { background-color: #F49AC1; }

.content-bg-img1 { background: url(../images/stripe1.gif) repeat-y left top; border-left: 10px solid #945644; }
.content-bg-img2 { background: url(../images/stripe2.gif) repeat-y left top; border-left: 10px solid #04AEEC; }
.content-bg-img3 { background: url(../images/stripe3.gif) repeat-y left top; border-left: 10px solid #F7D600; }
.content-bg-img4 { background: url(../images/stripe4.gif) repeat-y left top; border-left: 10px solid #EC008C; }
.content-bg-img5 { background: url(../images/stripe5.gif) repeat-y left top; border-left: 10px solid #F4961C; }
.content-bg-img6 { background: url(../images/stripe6.gif) repeat-y left top; border-left: 10px solid #948284; }
.content-bg-img7 { background: url(../images/stripe7.gif) repeat-y left top; border-left: 10px solid #2E3192; }
.content-bg-img8 { background: url(../images/stripe8.gif) repeat-y left top; border-left: 10px solid #8F807D; }
.content-bg-img9 { background: url(../images/stripe9.gif) repeat-y left top; border-left: 10px solid #8CC63C; }
.content-bg-img10 { background: url(../images/stripe10.gif) repeat-y left top; border-left: 10px solid #F49AC1; }

.col-bg-img1 { background: url(../images/menu-home1.gif) no-repeat left top; }
.col-bg-img2 { background: url(../images/menu-home2.gif) no-repeat left top; }
.col-bg-img3 { background: url(../images/menu-home3.gif) no-repeat left top; }
.col-bg-img4 { background: url(../images/menu-home4.gif) no-repeat left top; }
.col-bg-img5 { background: url(../images/menu-home5.gif) no-repeat left top; }
.col-bg-img6 { background: url(../images/menu-home6.gif) no-repeat left top; }
.col-bg-img7 { background: url(../images/menu-home7.gif) no-repeat left top; }
.col-bg-img8 { background: url(../images/menu-home8.gif) no-repeat left top; }
.col-bg-img9a { background: url(../images/menu-home9a.gif) no-repeat left top; }
.col-bg-img9b { background: url(../images/menu-home9b.gif) no-repeat left top; }
.col-bg-img9c { background: url(../images/menu-home9c.gif) no-repeat left top; }
.col-bg-img10 { background: url(../images/menu-home10.gif) no-repeat left top; }

.hide { display: none; }


form#vp-form select,form#vp-form option{
  color:#333;
}
form#vp-form input{
  border:1px solid #333;
  color:#333;
}
table#vp-table th,table#vp-table td{
  padding:2px 5px;
}
table#vp-table th{
  width:50%;
  background:#333;
  color:white;
}
table#vp-table tr:hover{
  background:#eee;
}