/*
red - #c85041;
grey - #8d8d8d;
light grey - #CBCBCB;
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; color: #5D5D5D; background: #FFF url('../_images/background.png') repeat-x; font-family: Georgia, serif; font-size: 13px; line-height: 18px; }
h1  { color: #c85041; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 18px; margin: 0.75em 0 0.5em 0; padding: 0.25em 0 0.5em 0; }
h3 { padding: 1em 0 1em 0; }
p { padding: 0 0 1em 0; }
a,a:link,a:focus,a:active,a:visited { color: #1e6185; text-decoration: underline; }
a:hover { color: #c85041; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; font-weight: bold; margin: 0.75em 0 0.5em 0;}
dt { font-weight: bold; font-size: 0.9em; padding: 0.5em 0 0.5em 1em; }
dd { padding: 0 0 0 2em; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin: 0 0 1em 3em; }
ol li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 0 auto; width: 960px; text-align: left; background-color: #FFF; }
header  { background: #FFF; }
#logo { height: 50px; padding: 65px 0 35px 0; }

nav { width: 962px; clear: both; position: relative; left: -1px; height: 30px; background-color: #c85041; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 13px; }
#nav, #nav ul { margin: 0; padding: 0; list-style: none; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 6px 0; text-decoration: none; background-color: #c85041; color: #ECECEC; }
#nav a:hover, #nav #selected_menu { background-color: #c85041; color: #FFF; }
#nav li { float: left; position: relative; margin: 0; padding: 0 10px 0 15px; background-image: url('../_images/bullet_point.png'); background-repeat: no-repeat; background-position: left center; }
#nav ul { position: absolute; width: 150px; top: 30px; left: -5px; display: none; }
#nav ul li { float: left; position: relative; margin: 0; padding: 0 0 0 20px; border-top: none; background: #c85041; }
#nav li ul a { width: 150px; float: left; }
#nav li:hover ul, #nav li.ie6hover ul { display:none; }
#nav li:hover ul, #nav li li:hover ul ,#nav li.ie6hover ul, #nav li li.ie6hover ul { display:block; }

#header_image { clear: both; border-top: 2px solid #6C7B8B; width: 800px; height: 300px; }
section { clear: both; }
#col_1_2 { width: 270px; float: left; margin: 40px 0 0 0; }
#col_2_2 { width: 619px; float: left; margin: 40px 0 0 30px; padding: 0 0 0 30px; text-align: left; border-left: 1px dashed #CBCBCB;  }
#col_1_2 ul { list-style: none; margin: 20px 0 0 0; }
#col_1_2 ul li { padding: 0.25em 0 0.5em 0; }
#department_logo { margin: 0 0 20px 0; }
#department_contacts { padding: 10px 0 5px 0; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; }
#go_to_website_button { margin: 5px 0 0 0; }
#home_cells { margin: 30px 0 0 0; }
.home_cell_left { width: 232px; float: left; padding: 0 7px 0 0; }
.home_cell_right { width: 232px; float: left; padding: 0 0 0 7px; }
#col_1_3 { width: 310px; float: left; padding: 30px 0 40px 0; }
#col_2_3 { width: 310px; float: left; padding: 30px 0 40px 0; }
#col_3_3 { width: 310px; float: right; padding: 30px 0 40px 0; }
#col_1_3 p { width: 277px; padding: 0 30px 0 0; margin: 20px 0 0 0; text-align: left; border-right: 1px dashed #CBCBCB; }
#col_2_3 p { width: 277px; padding: 0 0 0 30px; margin: 20px 0 0 0; text-align: left; }
#col_3_3 p { width: 277px; padding: 0 0 0 30px; margin: 20px 0 0 0; text-align: left; float:right; border-left: 1px dashed #CBCBCB; }
#col_2_3 img { padding: 0 0 0 30px; }
#col_3_3 img { float: right; }
#col_1_3 h2 { width: 277px; padding: 0 30px 0 0; margin: 40px 0 0 0; color: #c85041; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 18px; }
#col_2_3 h2 { width: 277px; padding: 0 0 0 30px; margin: 40px 0 0 0; color: #c85041; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 18px; }
#col_3_3 h2 { width: 277px; padding: 0 0 0 30px; margin: 40px 0 0 0; float:right; color: #c85041; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 18px; }
#col_3_3 ol { margin: 0 0 0 5em; }
.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; color: #5D5D5D; margin: 0.5em 0; padding: 0.25em 0.5em; border-top: 1px dashed #8d8d8d; } 
.accommodation h3 { font-size: 1.3em; font-weight: bold; margin: 0.25em 0 0.5em 0; color: #000; }
#graduation_online_form { padding: 1em 0; }
#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 1em 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #999; }
#submission_progression  h1  { display: inline; font-size: 1.1em; font-weight: bold; color: #999; }
#submission_progression  #selected { display: inline; font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; color: #c85041; }
#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; }
#previous_month { width: 90px; height: 20px; float: left; padding: 10px 0 0 0; }
#next_month { width: 90px; height: 20px; float: left; text-align: right; padding: 10px 0 0 0; }
#calendar_heading { width: 740px; height: 25px; float: left; text-align: center; font-size: 16px; font-weight: bold; padding: 5px 0 0 0; }
.day_heading { width: 130px; height: 20px; padding: 5px 0 0 0; float: left; color: #FFF; text-align: center; font-size: 0.85em; background-color: #8d8d8d; border: 1px solid #8d8d8d; }
.calendar_cell { width: 130px; height: 130px; float: left; border: 1px solid #8d8d8d; }
.calendar_date_number { width: 125px; text-align: right; }
.calendar_event { padding: 3px 0 3px 5px; }
#selected_sibling_menu { color: #c85041; }

#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; } 
#hire_pack_instructions { display: block; font-size: 1.1em; float: right; text-align: left; width: 725px; padding: 0 0 0.5em 0; }
#grad_form_photos { width: 300px; float: right; }
#grad_form { width: 600px; float: left; }
#product_categories_nav { width: 200px; float: left; margin: 40px 0 0 0; }
#product_categories_nav nav { background-color: #FFF; }
#product_categories_nav ul { list-style: none; margin: 20px 0 0 0; }
#product_categories_nav ul li { padding: 0.25em 0 0.5em 0; }
#products { width: 680px; float: left; margin: 15px 0 0 30px; padding: 0 0 0 30px; text-align: left; border-left: 1px dashed #CBCBCB;  }
#products h3 { margin-bottom: 2em; }
.product_listing { margin: 0 0 2em 0; padding: 0 0 1em 0; border-bottom: 1px solid #CBCBCB;  }
.product_photo { width: 200px; float: left; }
.product_details { width: 450px; float: left; padding: 0 0 0 20px; }
.product_name  { font-weight: bold; }
.product_description { padding: 0.5em 0 0 0; }
.product_weight, .product_price { padding: 0.25em 0 0 0; }
.product_quantity { padding: 1em 0 0.5em 0; }
.add_to_cart_btn { background-color: #c85041; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
#remove_from_cart_btn { background-color: #c85041; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
#continue_shopping_btn { background-color: #c85041; color: #FFF; padding: 0.25em 1em 0.25em 1em; margin: 0.5em 0 1em 0; }
#cart { height: 3em; margin: 1em 0 1em 0; padding: 1em 2em 1em 2em; border: 1px dashed #c85041;}
#cart p  { margin: 0; padding: 0; float: left; width: 80px; }
#checkout_cart { width: 650px; padding: 0.5em 1em 0.5em 1em; margin-top: 1em; border: 1px dashed #c85041; }
.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; }

label.error { color: #B0171F; position: relative; top: -5em; left: 5em; }
#contact_us { width: 900px; margin: 0 20px 20px 20px; }
#contact_us_form { float: left; width: 400px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 1em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 1em 0; }
#bot_check, #bot_check { visibility: hidden; }
.submit_btn { background-color: #c85041; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 300px; height: 300px; border: 1px solid #aaa; margin: 0 20px 1em 20px; }
.vcard { padding: 2em 0 1em 0; clear: both; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }
.clear { clear: both; }

#logo_links { margin: 70px 0 35px 0; width: 960px; height: 35px; }
#logo_links ul { list-style: none; margin: 0; }
#logo_links li { float: left; padding: 0 18px 0 0; text-align: center; line-height: 35px}
#logo_links img { vertical-align: middle; }
#logo_links #last_li { float: right; padding: 0; }
footer { clear: both; margin: 0 auto; width: 100%; height: 60px; font-size: 0.7em; letter-spacing: 1px; color: #FFF; background-color: #8d8d8d; text-align: left; padding: 20px 0 0 0; } 
#inner_footer { width: 960px; margin: 0 auto; }
#une_footer_logo { float: right; margin: -20px 0 0 0; }
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #FFF; }
footer a:hover  { color: #E5E5E5; }