/*
silver/white - #FAFBFB
grey #E5E4E3
gold #FFD700
light gold FFED8B
blue #8198AD
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background: url("../_images/background.jpg") repeat; text-align: center; font-family: Calibri, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 85%; line-height: 1.5em; background-color: #000; color: #5E5E5E; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; color: #FFC125; }
h3 { color: #000; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active,a:visited { color: #5E5E5E; }
a:hover { color: #000; }
label  { display: block; width: 100px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
label.error { color: #B0171F; position: relative; top: 0; left: -80px; width: 200px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 2em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin-left: 2em; }
ol li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 20px auto; width: 960px; text-align: left; background-color: #FAFBFB; border: 3px solid #FAFBFB; }
header { background: url("../_images/header-background.png") repeat-x; height: 100px; }
#logo { padding-left: 10px; }
#header_nav { background: url("../_images/footer-background.jpg") repeat-x; height: 25px; padding: 6px 0 3px 0; } 
#header_nav ul { margin: 0; padding: 0; list-style-type: none; width: 250px; }
#header_nav ul li  { float: left; position: relative; padding: 0; }
#header_nav a  { padding: 0 10px 0 8px; text-decoration: none; font-size: 16px; letter-spacing: 1px; display: block; }
#header_nav a:link, #header_nav a:visited { color: #5E5E5E; }
#header_nav a:hover, #header_nav a:focus, #header_nav a:active, #header_nav #selectedmenu { color: #000; text-decoration: underline; }

#departments { padding: 1em 0; }
.department { width: 230px; height: 140px; vertical-align: top; padding: 10px 0 10px 7px; }
.department h4 { font-size: 1.2em; font-weight: bold; padding: 0.25em 0; }
.department a { text-decoration: none; }
#home_events { width: 460px; height: 140px; padding: 10px 0 10px 7px; overflow: auto; }
#home_events_title { font-size: 1.3em; font-weight: bold; padding: 0.25em 0; }
#cms article { width: 410px; float: left; padding: 10px 20px; } 
#cms article h3 { color: #000; padding: 0.5em 0 0.25em 0; } 
#article_photos { width: 305px; float: right; text-align: right; }
#article_photos  img{ float: left; margin: 2px 0 15px 0; border: 1px solid #FFF; }
.files { margin: 2em 1em 2em 0; padding: 0.5em 1em; background-color: #8198AD; color: #FFF; }
.files ul { list-style-type: none; margin-left: 1em; }
.files ul li { padding: 0.25em 0 0.25em 0; }
.files a,.files a:link,.files a:focus,.files a:active,.files a:visited { color: #EEE; letter-spacing: 1px; font-size: 1.1em; }
.files a:hover { color: #FFF; letter-spacing: 1px; font-size: 1.1em; }
.back_to_top { margin: 1em 0; }
.promo { background-color: #EEE; padding: 0 2em 0.5em 2em; margin: 1em 0 1em 0; border: 2px solid #8198AD; }
#accommodation_listing { padding: 1em; }
#accommodation_listing_request { padding: 1em; }
#accommodation_listing_request label  { display: block; width: 150px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
.accommodation { width: 400px; background: #8198AD; color: #FAFBFB; margin: 0.5em 0; padding: 0.25em 0.5em; border-top: 1px solid #FFD700; } 
.accommodation h3 { font-size: 1.3em; font-weight: bold; margin: 0.25em 0 0.5em 0; color: #FAFBFB; }
#graduation_online_form { padding: 1em; }
#graduation_online_form label  { display: block; width: 200px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
#contact_us { width: 740px; float: right; }
#contact_us label  { display: block; width: 60px; float: left; font-size: 0.85em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
#contact_us label.error { color: #B0171F; position: relative; top: 0; left: 0; text-align: left; width: 200px; }
#confirmation { width: 740px; float: right; }
#edit_landlord_form { display: inline; }
#submission_progression { margin: 1em 0; }
#submission_progression  h1  { display: inline; font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; color: #999; }
#submission_progression  #selected { display: inline; font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; color: #FFC125; }
#submission_progression  img { display: inline; }
#address_heading, #contact_heading, #comment_heading { font-weight: bold; }
.grad_order { width: 500px; margin: 1em 0 1em 1em; }
.grad_order .type { width: 200px; font-weight: bold; }
.grad_order td { padding: 0.25em 0.5em; }
.row_on { background-color: #EEE; }
#grad_order_total { font-size: 1.2em; font-weight: bold; color: #000; padding-bottom: 1em; }
#online_shop { width: 740px; float: right; }
.shop_item { float: left; width: 270px; height: 470px; padding: 15px; margin: 0 20px 20px 20px; background-color: #8198AD; color: #FFF; }
.shop_item  h3 { color: #FFF; font-weight: 1.2em; margin: 0 0 5px 0 }
.product_image { width: 200px; height: 200px; display: block; margin: 0 auto; }
.product_description { width: 270px; height: 100px; padding: 15px 0 0 0; overflow: auto; }
.product_details  { padding: 15px; }
.add_to_cart_btn { float: left; background-color: #FFF; margin: 0.5em 0;}
#remove_from_cart_btn, #submit-paynow-btn, #submit-mailorder-btn { background-color: #FFF; }
#continue_shopping_btn { background-color: #FFF; margin: 0.5em 0 1em 0; }
#cart { float: right; background: #8198AD; color: #FFF; width: 200px; margin: 1.5em 2em 1em 1.5em; padding: 1em 2em 1em 2em; border: 1px solid #000000;}
#cart p  { margin: 0; padding: 0; float: left; width: 80px; }
#cart a  { color: #FFF; }
#cart a:hover  { color: #EEE; }
#checkout { clear: both; width: 700px; padding: 10px 20px; }
#checkout_cart { background-color: #EEE; width: 650px; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; border: 1px solid #FFF; }
.checkout_row { clear: both; padding: 1em 0 1em 0; width: 100%;  }
.checkout_title_row div { font-weight: bold; font-size: 0.85em; padding: 0.5em 0.5em 0.5em 0em; }
.checkout_row div { padding: 0.5em 0.5em 0.5em 0em; }
.checkout_quantity { float: left; width: 70px; }
.checkout_name{ float: left; width: 150px; font-weight: bold; }
.checkout_price { float: left; width: 100px; }
.checkout_postage { float: left; width: 100px; }
.checkout_button { float: left; width: 100px; }
#checkout_total { clear: both; width: 100%; font-weight: bold; font-size: 1.1em; padding: 1em 0 1em 0; }
#events  { width: 740px; float: right; }
#event_heading { background: #8198AD; } 
#event_heading a { color: #FFF; }
.event_title { width: 310px; padding: 0.25em 0.5em; }
.event_date { width: 130px; padding: 0.25em 0.5em; }
.event_description { padding: 0.25em 0.5em; }
.event_row_on { background-color: #DDE3E9; }
.event_row_off { background-color: #EDEDED; }
.more_events_row { background-color: #8198AD; }
.more_events_row a { color: #FFF; }
#out_of_stock_msg { font-weight: bold; color: #FFF; }
#publication_request { width: 410px; float: left; padding: 10px 20px; } 

#sub_nav { float: left; width: 200px; }
#menu { list-style: none; margin: 0; padding: 0; vertical-align: top; width: 100%; }
#menu ul { display: none; list-style: none; margin: 0; padding: 0;}
#menu ul ul { display: inline; }
#menu ul ul li a { width: 170px; }
#menu a { color: #000; cursor: pointer; display: block; font-weight: bold; margin-left: 0; padding: 5px 10px 5px 25px; }
#menu a.expanded { background: #E5E4E3 url(../_images/collapse.gif) no-repeat 5px 50%; font-size: 1.1em; }
#menu a.collapsed { background: #E5E4E3 url(../_images/expand.gif) no-repeat 5px 50%; font-size: 1.1em; }
#menu a:hover { text-decoration: none; }
#menu ul a { background: #FFD700; color: #333; display: block; font-weight: normal; letter-spacing: 1px; padding: 5px 10px 5px 10px; text-decoration: none; }
#menu ul a:hover { background : #FFED8B; text-decoration: underline; }
#menu li.active a { background: #FFED8B; }
#menu li.active li a { background: #FFD700; }

#admin { padding: 1em 2em; }
#admin h3 { font-size: 1.3em; margin: 1em 0 0.25em 0; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#admin_form { margin: 3em 0 0 2em; }
#admin_toolbar { float: right; margin: 1em 0 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; color: #000; }
.list_items { padding: 0.5em 1em 0.5em 2em; }
.list_items td { padding: 0.25em; vertical-align: top; }
.row_on { background-color: #EEE; }
.list_button { width: 10%; }
.list_date { width: 20% }
.list_content { width: 60% }
#progress_indicator { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }

footer { background: url("../_images/footer-background.jpg") repeat-x; border-top: 1px solid #FFD700; border-bottom: 2px solid #FFD700; clear: both; font-size: 0.85em; height: 25px; text-align: center; padding: 6px 0 2px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #5E5E5E; }
footer a:hover { color: #000; }