html { margin:0; padding:0; }
body { margin:0; padding:0; color:#313131; background-color:#FFFFFF; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }


.tx-lubsrandomimage-pi1 {list-style:none}

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }

embed { display:block; }
form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; }
hr { border:none 0; margin:20px 0; border-top:1px solid #E5E5E5; height:0; }
p { padding:0; margin:0 0 16px; }
p.extraspace { padding:0; margin:0 0 26px; }

dl {  }
dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#313131; font-size:2.2em; margin-top:0; }
h2 { color:#313131; font-size:1.37em; margin-top:0; }
h3 { color:#313131; font-size:1.0em; padding:0px; margin:0px; text-transform: uppercase; }
h4 { color:#313131; font-size:1.0em; padding:0px; margin:0px; }
h5 { color:#313131; font-size:1.0em; padding:0px; margin:0px; }
h6 { color:#313131; font-size:0.83em; padding:0px; margin:0px; }

a,
a:visited { color:#313131; text-decoration:underline; }
a:hover { color:#313131; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.spacer { clear:both; height:16px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }  


/* ----------------------
   Interface CSS
---------------------- */

#container { width:995px; margin:0 auto; }

#header { width:995px; height:95px; background-color:#729E12; margin-bottom:3px; }
#header_left { width:121px; float:left; padding:45px 0 0 18px; }
#header_left h1 { margin:0; padding:0; }
#header_left h1 a { width:274px; height:37px; display:block; background:url("schoolofgeography.gif") left top no-repeat; }
#header_left h1 a span { display:none; }
#header_right { width:243px; padding-top:17px; float:right; text-align:right; }
#header_right a { width:243px; height:66px; display:block; background:url("universityofleeds.gif") left top no-repeat; }
#header_right a span { display:none; }

#nav_home { width:747px; height:222px; overflow:hidden; margin-bottom:16px; }
#nav_home ul { list-style:none; margin:0; padding:0; }
#nav_home ul li { float:left; width:105px; height:222px; overflow:hidden; }
#nav_home ul li#nav_large_aboutus { background:url("nav_large_aboutus.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_studyadmissions { background:url("nav_large_studyadmissions.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_people { background:url("nav_large_people.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_research { background:url("nav_large_research.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_alumni { background:url("nav_large_alumni.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_corporateschools { background:url("nav_large_corporateschools.gif") left top no-repeat; margin-right:2px; }
#nav_home ul li#nav_large_forinternal { background:url("nav_large_forinternal.gif") left top no-repeat; }
#nav_home ul li a { width:105px; height:222px; display:block; }
#nav_home ul li a span { display:none; }

#nav { width:747px; height:75px; overflow:hidden; float:left; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav ul li { float:left; width:105px; height:75px; overflow:hidden; }

#nav ul li#nav_aboutus { margin-right:2px; }
#nav ul li#nav_studyadmissions { margin-right:2px; }
#nav ul li#nav_people { margin-right:2px; }
#nav ul li#nav_research { margin-right:2px; }
#nav ul li#nav_alumni { margin-right:2px; }
#nav ul li#nav_corporateschools { margin-right:2px; }
#nav ul li#nav_forinternal {  }

#nav ul li#nav_aboutus a { background:url("nav_aboutus.gif") left bottom no-repeat; }
#nav ul li#nav_aboutus a:hover { background:url("nav_aboutus.gif") left top no-repeat; }
#nav ul li#nav_studyadmissions a { background:url("nav_studyadmissions.gif") left bottom no-repeat; }
#nav ul li#nav_studyadmissions a:hover { background:url("nav_studyadmissions.gif") left top no-repeat; }
#nav ul li#nav_people a { background:url("nav_people.gif") left bottom no-repeat; }
#nav ul li#nav_people a:hover { background:url("nav_people.gif") left top no-repeat; }
#nav ul li#nav_research a { background:url("nav_research.gif") left bottom no-repeat; }
#nav ul li#nav_research a:hover { background:url("nav_research.gif") left top no-repeat; }
#nav ul li#nav_alumni a { background:url("nav_alumni.gif") left bottom no-repeat; }
#nav ul li#nav_alumni a:hover { background:url("nav_alumni.gif") left top no-repeat; }
#nav ul li#nav_corporateschools a { background:url("nav_corporateschools.gif") left bottom no-repeat; }
#nav ul li#nav_corporateschools a:hover { background:url("nav_corporateschools.gif") left top no-repeat; }
#nav ul li#nav_forinternal a { background:url("nav_forinternal.gif") left bottom no-repeat; }
#nav ul li#nav_forinternal a:hover { background:url("nav_forinternal.gif") left top no-repeat; }

#nav ul li a,
#nav ul li a:visited { width:105px; height:75px; background-position:left bottom; display:block; }
#nav ul li a span { display:none; }
#nav ul li.current a { background-position:left top!important; }

#under_nav { width:995px; height:7px; background:url("under_nav.gif") left top repeat-x; overflow:hidden; }

#body { line-height:140%; }

#article { width:747px; float:left; }
#article_nav { width:995px; float:left; }
#article_padding { padding:16px 16px 16px 16px; }

#sidebar,
#sidebar_nav { width:246px; float:right; }
#sidebar_padding { padding:0 0 1px 0; }

.sidebar_image img { display:block!important; }
.sidebar_info { width:246px; }
.sidebar_info_padding { padding:24px 15px; }
.sidebar_underinfo { width:246px; }

#footer_image { width:995px; height:62px; background:url("footer_image.jpg") left top no-repeat; overflow:hidden; }

#footer { width:995px; background-color:#0F0603; color:#FFF; text-align:center; }
#footer p { margin:0; padding:0; }
#footer a,
#footer a:visited { color:#FFF; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }
#footer_padding { padding:14px; font-size:0.83em; }

/* ----------------------
   Content CSS
---------------------- */

#body .large { font-size:1.37em; font-weight:bold; }
#body .smallBold { font-size:0.83em; font-weight:bold; }
#body .nospace { margin:0; padding:0; }
#body ul { list-style:none; margin:0 0 8px 0; padding:0; }
#body ul li { padding-left:10px; }

/* Search Panel */
#title_searchbykeyword { width:246px; height:15px; background:url("title_searchbykeyword.gif") left top no-repeat; overflow:hidden; }
#title_searchbykeyword span { display:none; }
#panel_searchbykeyword { background-color:#B3AD00; margin-bottom:2px; height:61px; }
#panel_searchbykeyword_alt { background-color:#B3AD00; height:60px; }
#panel_searchbykeyword_padding { padding:6px 12px 0 12px; }
.panel_searchbykeyword_text { padding:3px; width:210px; height:16px; margin-bottom:6px; }
.panel_searchbykeyword_text_alt { padding:3px; width:210px; height:16px; margin-bottom:5px; }
.panel_searchbykeyword_button { display:block; }

/* New Events Panel */
#title_newevents { width:246px; height:15px; background:url("title_newevents.gif") left top no-repeat; overflow:hidden; }
#title_newevents span { display:none; }
#panel_newevents { background:#EEE8DB url("../images/compass.jpg") right bottom no-repeat; margin-bottom:2px; }
#panel_newevents_padding { padding:12px 12px 6px 12px; min-height:129px; }
#panel_newevents_padding h2 { color:#F29400; margin:0 0 6px 0; padding:0; }
#panel_newevents_padding p { font-weight:bold; color:#796E5D; }
#panel_newevents_button { width:246px; height:23px; overflow:hidden; }
#panel_newevents_button a { margin-left:13px; width:124px; height:23px; background:url("button_findoutmore.gif") left top no-repeat; display:block; }
#panel_newevents_button a span { display:none; }

/* Home Page Text */
#homepage_text { width:692px; height:344px; background:url("../images/homepage_text.gif") left top no-repeat; overflow:hidden; }
#homepage_text p,
#homepage_text h2 { display:none; }

/* Testimonials */
#testimonials_image { width:246px; height:73px; overflow:hidden; border-top:17px solid #983F1C; }
#testimonials_image img { display:block!important; }
#testimonials_content { font-weight:bold; font-style:italic; color:#B54B21; background:#EEE8DB url("testimonials_background.gif") left bottom repeat-x; }
#testimonials_content .testimonials_name { color:#933C1A; }
#testimonials_padding { padding:12px 12px 1px 12px; }

/* People Search */
.panel_people_text { padding:3px; width:150px; vertical-align:middle; }
.panel_people_button { display:inline-block; vertical-align:middle; }

/* ----------------------
   Tab Menu
---------------------- */

div.tabContent { width:995px; display:none; z-index:100; }
div.tabContent ul { list-style:none; margin:0; padding:0 0 0 10px; }
div.tabContent ul li { float:left; font-weight:bold; text-transform:uppercase; font-size:0.93em; position:relative; }
div.tabContent ul li a,
div.tabContent ul li a:visited { color:#FFF; text-decoration:none; padding:8px 10px 8px 10px; height:14px; display:block; }
div.tabContent ul li a:hover { color:#FFF; text-decoration:none; }
div.tabContent ul li ul { padding:0; display:none; }
div.tabContent ul li ul li a,
div.tabContent ul li ul li a:visited { background-color:none; padding:6px 10px 6px 20px; height:auto; }
div.tabContent ul li:hover ul { display:block; position:absolute; top:20px; left:0; width:160px; }
div.tabContent ul li:hover ul li ul { display:none; width:160px; }
div.tabContent ul li:hover ul li a,
div.tabContent ul li:hover ul li a:visited { display:block; width:160px; height:auto; }
div.tabContent ul li:hover ul li:hover ul { display:block; position:absolute; left:190px; top:0; }
div.tabContent ul li:hover ul li:hover ul.left { left:-155px; }
div.tabContent.tabContentActive { display:block; }

/* Hover Init */
div.tabContent ul li.over ul { display:block; position:absolute; top:20px; left:0; width:160px; }
div.tabContent ul li.over ul li ul { display:none; width:160px; }
div.tabContent ul li.over ul li a { display:block; width:160px; height:auto; }
div.tabContent ul li.over ul li.over ul { display:block; position:absolute; left:190px; top:0; }
div.tabContent ul li.over ul li.over ul.left { left:-155px; }

