/*--------------------------------------------------------------------------------------- */
/* Minehead Eye Main Home Page Theme CSS */
/* Reset Defaults */
/*--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #69100c; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #6d5935; height: 100%;}

h1, h2, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #432501; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3 { font-size:2.8em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; color: #432501; font-weight: normal;}
p { font-size:1.2em; line-height:1.6em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #bd2822;}
a:visited { color: #bd2822;}
a:hover { color: #bd2822; text-decoration: underline;}
a:active { color: #bd2822;}

.header a:link { color: #e9b910;}
.header a:visited { color: #e9b910;}
.header a:hover { color: #e9b910; text-decoration: underline;}
.header a:active { color: #e9b910;}

.footer_box a:link { color: #fce406;}
.footer_box a:visited { color: #fce406;}
.footer_box a:hover { color: #fce406; text-decoration: underline;}
.footer_box a:active { color: #fce406;}

.footer a:link { color: #c6312b;}
.footer a:visited { color: #c6312b;}
.footer a:hover { color: #fce406; text-decoration: underline;}
.footer a:active { color: #c6312b;}

.sidebar a:link { color: #bc2821;}
.sidebar a:visited { color: #bc2821;}
.sidebar a:hover { color: #bc2821; text-decoration: underline;}
.sidebar a:active { color: #bc2821;}

.site_index ul li.title a:link { color: #fff; }
.site_index ul li.title a:visited { color: #fff; }
.site_index ul li.title a:hover { color: #fff; }
.site_index ul li.title a:active { color: #fff; }

a.arrow {background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_more { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/btn_more.gif) top right no-repeat; }
.btn_more:hover { background-position: top left;}

.btn_more_2 { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/btn_more_2.gif) top left no-repeat; }
.btn_more_2:hover { background-position: top right;}

.btn_buy { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/btn_buy.gif) top left no-repeat; float: left; display: inline; margin-left: 12px; }
.btn_buy:hover { background-position: top right;}

.btn_sign_up { display:block; width: 158px; height: 47px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/btn_sign_up.jpg) top left no-repeat; }
.btn_sign_up:hover { background-position: bottom left;}

.btn_jobs { display:block; width: 158px; height: 47px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/btn_jobs.gif) top left no-repeat; }
.btn_jobs:hover { background-position: top right;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.header_box { width:100%; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_header_me.jpg) top center repeat-x;}
.header { width:820px; height:102px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden; }
.content_box { width:100%; margin: 0 auto; background: #fbdf05 url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_content_me.jpg) top center repeat-x; padding: 20px 0; }
.content { width:926px; margin: 0 auto; padding: 34px 34px 28px 0; background: #ffffff url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_paper.jpg) top center repeat-y;  }
.main { width:620px; float:right; display:inline; margin: 0 0 0 0; }
.sidebar { width:208px; padding:0 34px; float:left; display:inline; margin: 0 0 0 0;}
.footer_box { width:100%; background: #bc2821 url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_footer_me.jpg) top center repeat-x; padding: 24px 0 34px 0; }
.footer { width: 960px; margin: 0 auto; padding: 34px 0 24px 0; overflow: hidden;  color: #fce406; }
.copyright_box { width:100%; background: #69100c url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_copyright.jpg) top center repeat-x; }

body.home .content { width:960px; margin: 0 auto; padding: 0 0 0 0; background: none; }
body.sponsor_main .content { width:960px; margin: 0 auto; padding: 34px 0 28px 0; background: #ffffff url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_paper.jpg) top center repeat-y;  }
body.sponsor_main .main { width:654px; float:right; display:inline; margin: 0 0 0 0; }
.sponsor_main_content { width: 620px; margin-right: 34px; }

body.content_full .content { width:960px; margin: 0 auto; padding: 34px 0 28px 0; background: #ffffff url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_paper_full.jpg) top center repeat-y;  }

/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 20px 0 0 0; }
.header h1 a { display: block; width: 172px; height: 68px; text-indent: -9999px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/eye_logo.gif) top left no-repeat; }

.header_right_panel { float: right; display: inline; width:78%; margin: 22px 20px 0 0; }
.header_right_panel p { text-align: right; margin: 0; color: #764319; }

.main_nav { width: 100%; height: 21px; overflow: hidden; margin-top: 40px; }
.main_nav li { float: right; display: inline; font-size: 1.4em; font-family: Helvetica, Arial, Verdana, sans-serif; margin-left: 42px; }
.main_nav li.last { margin: 0; }
.main_nav li a { display: block; height: 22px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_nav.gif) 0 -24px no-repeat; text-indent: -9999px;}

#index { width:49px; background-position: 0 0; }
#index:hover { background-position: 0 -22px; }
body.index a#index, body.index a#index:hover { background-position: 0 -44px; }

#about { width:83px; background-position: -50px 0; }
#about:hover { background-position: -50px -22px; }
body.about a#about, body.about a#about:hover { background-position: -50px -44px; }

#skate { width:58px; background-position: -132px 0; }
#skate:hover { background-position: -132px -22px; }
body.skate a#skate, body.skate a#skate:hover { background-position: -132px -44px; }

#music { width:50px; background-position: -190px 0; }
#music:hover { background-position: -190px -22px; }
body.music a#music, body.music a#music:hover { background-position: -190px -44px; }

#art { width:36px; background-position: -240px 0; }
#art:hover { background-position: -240px -22px; }
body.art a#art, body.art a#art:hover { background-position: -240px -44px; }

#media { width:56px; background-position: -277px 0; }
#media:hover { background-position: -277px -22px; }
body.media a#media, body.media a#help_now:hover { background-position: -277px -44px; }

#find { width:72px; background-position: -386px 0; }
#find:hover { background-position: -386px -22px; }
body.find a#find, body.find a#find:hover { background-position: -386px -44px; }

#contact { width:105px; background-position: -456px 0; }
#contact:hover { background-position: -456px -22px; }
body.contact a#contact, body.contact a#contact:hover { background-position: -456px -44px; }

/* Homepage Layout
--------------------------------------------------------------------------------------- */

.welcome { width:920px; height:410px; padding: 20px; margin:0; overflow: hidden; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_welcome.jpg) top left no-repeat;}
.welcome_intro {padding:10px 0 0 0; color:#FFFFFF; font-size:1.5em;}
.rotator { width:920px; height:310px; background: #f6f2e9; }
.ivmflashplayer { background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/accordian_static.jpg) top left no-repeat; }

.homepage_content { width: 920px; padding: 34px 0px 5px 0px; overflow: hidden; color: #6a3c0b; }
.left_homepage_content { width: 284px; float: left; display: inline; overflow: hidden; }
.right_homepage_content { width: 636px; float: right; display: inline; overflow: hidden;  }

.left_homepage_content img { border: 0; margin: 0 0 8px 0; }
.right_homepage_content img { border: 0; margin: 0 0 8px 0; }
.homepage_content h3 { float: left; display: inline; margin: 4px 0 5px 0; font-size: 2em;}
.homepage_content a.btn_more { float: right; display: inline; margin-top: 2px; }

.listing_module { width: 284px; float: left; display: inline; margin-left: 34px; }
.listing { overflow: hidden; padding: 5px 0; width: 100%; }

.full_panel_listing { width: 100%; overflow: hidden; }
.full_panel_listing h4 { color: #de8638; font-size: 1.4em; }
.full_panel_listing p { margin: 2px 0 0 0; font-size: 1.1em;}

.main_content ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; width: 96%; border-top:1px solid #e2ddcd; border-bottom:1px solid #e2ddcd; padding: 6px 2%; background: #f8f6ed; }
.main_content ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #6d5935; }
.main_content ul.pages li.title { padding-top: 3px; font-weight: bold; }
.main_content ul.pages li a { display: block; padding:3px 4px;  text-decoration: underline; }
.main_content ul.pages li a:hover {  text-decoration: underline; background: #f1f8fc;}
.main_content ul.pages li a.active, ul.pages li a.active:hover { display: block; padding:3px 4px; border: 0; color: #6d5935; text-decoration: none; }
.main_content ul.top_pages { margin: 24px 0; }

body.menu_item_6_main .main_content ul.pages { width: 598px; }

/* Main Layout
--------------------------------------------------------------------------------------- */

.main h4, .full h4 { font-size: 1.6em; margin: 20px 0; }

.rotator { margin-bottom: 8px; }

.module { padding: 16px; background: #ffffff; border: 1px solid #dddddd; }
.home_top_row { margin-bottom: 8px; }
.home_top_row .module { width: 292px; float: left; display: inline; height: 216px; }
.home_top_row .module.last { margin-left: 8px;}

.h3_title { margin-bottom: 10px; }
.blog_list { width: 100%; border-bottom: 1px solid #eeebe0; padding: 8px 0; overflow: hidden; }
.blog_list .date { width: 16%; float: left; display: inline; }
.blog_list .listing { width: 80%; float: right; display: inline; }
.blog_list h4 { font-size: 1.2em; margin: 0; }

.top_ten { width: 626px; }
.top_ten_left { width: 47%; float: left; display: inline; }
.top_ten_right { width: 47%; float: right; display: inline; }

.top_ten_row { margin-top:12px; }
.top_ten h6 { float: left; display: inline; width: 15%; font-size:3.6em; text-align: center; margin-top: 2px; color: #42b5e8; }
.top_ten_result { float: right; display: inline; width: 82%; }
.top_ten_result p { margin: 0; }

.case_studies_box { width: 100%; background: #555555; padding: 24px 0 8px 0; }
.case_studies_box h3{ width: 572px; margin: 0 0 16px 24px; color: #ffffff;}
.case_study { width: 174px; float: left; margin-left: 24px; display: inline; }
.case_study img { border: 3px solid #7b7b7b; margin-bottom: 16px; }
.case_study h4 { font-size: 1.4em; color: #42b5e8; margin: 0; }
.case_study p { color: #ffffff;}

.page_header h2 { font-size: 3em; font-weight: normal; color: #5d7c79; }

.main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.main_content p { line-height: 1.6em; margin: 18px 0;}
.main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; }
.main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.left_panel { width: 48%; float: left; display: inline; }
.right_panel { width: 48%; float: right; display: inline; }
.row { margin-bottom: 24px; }
.bottom_row { padding-top: 24px; border-top: 8px solid #eeebe0; }

.main_image { float: left; display: inline; margin: 24px 28px 24px 0; border: 12px solid #e8e3d8;}
.main_image_small { float: left; display: inline; margin: 0 28px 24px 0; border: 12px solid #e8e3d8;}

.small_menu_item_6_text { margin-top:30px;} 
.small_menu_item_6_text h4 { font-size: 1.2em; color: #a3957c; margin: 0; }
.small_menu_item_6_text p { font-size: 1.1em; color:#a3957c; margin:6px 0; line-height:1.3em; } 

.news_list { width: 100%; border-bottom: 1px solid #eeebe0; padding: 14px 0; overflow: hidden; }
.news_list .news_date { width: 10%; float: left; display: inline; }
.news_list .listing { width: 87%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; }
.news_list h4 { font-size: 1.4em; margin: 0; }
.news_list h5 { font-size: 1.4em; margin: 0; }
.news_list .listing h4 { margin: 0 0 0 0; }

.full { width:892px; margin-left:34px; float: left; display: inline; }
.full h4 { color: #e36f1e; }

.site_map_list { width: 16%; float: left; display: inline; }
.full .site_map_list li { font-size: 1.2em; margin-left: 14px;}
.full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.6em;}

.big_text { background: #d6ebc4 url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/icon_confirmation.gif) 16px 50% no-repeat; padding: 18px 10%; width: 80%; text-align: center; margin: 24px 0; }
.big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; }

/* Events & Calendar
______________________________________________________________________________________ */

.event_row { width: 100%; }
.event_row h3 { margin-bottom: 20px; }
.event_listing { border-bottom: 4px solid #eeebe0; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; }
.left_panel_event_listing { width: 8%; float: left; display: inline; }
.left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; color: #bdb79f; }
.right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; }
.right_panel_event_listing h4 { margin: 0;}
.right_panel_event_listing p { margin: 2px 0 0 0;}

.featured_event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; }
.left_panel_fevent_listing { width: 28%; float: left; display: inline;}
.left_panel_fevent_listing h5 { font-size: 3.6em; font-weight: normal; }
.right_panel_fevent_listing { width: 69%; float: right; display: inline; overflow: hidden;  }
.right_panel_fevent_listing h4 { margin: 0;}
.right_panel_fevent_listing p { margin: 2px 0 0 0;}

img.featured_event_thumb { width: 154px; height: 60px; }
img.featured_event_details { width: 596px; height: 248px; margin-bottom: 16px;  border: 12px solid #e8e3d8;}

/* Sidebar Layout
--------------------------------------------------------------------------------------- */

.sidebar h3 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #d7d2c2; font-size: 1.8em; }
.side_nav { margin-bottom: 16px; width: 100%; padding: 0;}
.side_nav li { font-size: 1.6em; border-bottom: 1px solid #d7d2c2; margin-bottom: 6px;}
.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover, .side_nav li a:active { display: block; width: 100%; padding: 0 0 6px 0; }
.side_nav li.last { border: none; }

.sidebar ul.checklist { margin: 24px 0; }
.sidebar ul.checklist li { padding-left: 28px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; }

.side_box { margin-bottom: 24px; width: 100%; padding: 0; }

.side_box .event_row { width: 100%; }
.side_box .event_listing { border-bottom: 1px solid #d7d2c2; overflow: hidden; padding-bottom: 6px; margin-top: 6px; width: 100%; }
.side_box .left_panel_event_listing { width: 8%; float: left; display: inline; }
.side_box .left_panel_event_listing h5 { font-size: 2.6em; font-weight: normal; color: #bdb79f; }
.side_box .right_panel_event_listing { width: 82%; float: right; display: inline; overflow: hidden; }
.side_box .right_panel_event_listing h4 { margin: 0; font-size: 1.2em;}
.side_box .right_panel_event_listing p { margin: 2px 0 0 0; font-size: 1.1em; line-height: 1.3em;}
.side_box .no_events { width: 90%; padding:4px 5%; text-align: center; background: #fefa9c; font-size: 1.2em; border-top:1px solid #e6e283; border-bottom:1px solid #e6e283; }



/* Footer Layout
--------------------------------------------------------------------------------------- */

.bottom_content { width: 960px; padding: 24px 20px 24px 20px; margin:0 auto; overflow: hidden; color: #2a0705; border-bottom: 4px solid #a41d17; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/bg_bottom_image.jpg) 192px -10px no-repeat; }
.left_bottom_content { width: 642px; float: left; display: inline; overflow: hidden; }
.right_bottom_content { width: 214px; float: left; display: inline; overflow: hidden; }

.left_bottom_content h3 { margin: 4px 0 20px 0; color:#ffffff; font-size: 2em;}
.left_bottom_content a.btn_more_2 { float: right; display: inline; }

.bottom_module { width: 300px; float: left; display: inline; margin-right: 20px; }
.bottom_module h3 { margin: 4px 0 5px 0; color:#ffffff; font-size: 2em;}
.bottom_module p { font-size: 1.3em;}
.bottom_module_left { width: 202px; padding-right: 100px; }

.bottom_module_footer { border-top: 3px solid #a41d17; padding-top:4px; clear: both;}

.networks { margin-top: 8px; }
.networks li { margin-bottom: 10px;}
.networks li a { display: block; height: 19px; text-indent: -9999px; }
.networks li a.facebook { width:90px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/facebook.gif) top left no-repeat;}
.networks li a.facebook:hover { background-position: top right;}
.networks li a.myspace { width:106px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/myspace.gif) top left no-repeat;}
.networks li a.myspace:hover { background-position: top right;}
.networks li a.flickr { width:66px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/flickr.gif) top left no-repeat;}
.networks li a.flickr:hover { background-position: top right;}
.networks li a.twitter { width:84px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/twitter.gif) top left no-repeat;}
.networks li a.twitter:hover { background-position: top right;}
.networks li a.youtube { width:51px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/youtube.gif) top left no-repeat;}
.networks li a.youtube:hover { background-position: top right;}

.right_bottom_content h3 { margin: 4px 0 20px 0; color:#ffffff; font-size: 2.6em;}
.emails { margin-top: 20px; }
.emails li { font-size: 1.2em; padding-left: 24px; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/icon_email.gif) 0 50% no-repeat; margin-bottom: 8px; }


.flickr_box { width: 960px; margin:34px auto 0 auto; padding: 0 0 0 0; overflow: hidden; }
#flickr_badge_uber_wrapper { overflow: hidden;}
.flickr_badge_image { float: left; display: inline; margin: 0 0 0 19px;}
.flickr_badge_image img { border: 8px solid #a41d17; width: 100px; height: 67px;}
#flickr_badge_source {text-align:left; margin:0 0 0 0;}
#flickr_badge_icon {float:left;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


.footer h2 { float: right; display: inline; margin-top: 2px; }
.footer h2 a { display: block; width: 139px; height: 12px; text-indent: -9999px; outline: none; background: transparent url(http://www.mineheadeye.co.uk/themes/mineheadeye_main/zme_images/invoguemedia.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }

.copyright { width: 920px; margin: 0 auto;}
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; color: #2a0705; }
.copyright p.last { margin-bottom: 0; }


/* Homepage Mid Body Side Navigation
--------------------------------------------------------------------------------------- */

#sidenav { 
 width: 200px; 
} 
#sidenav ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 
#sidenav li { 
 border-bottom: 1px solid #ED9F9F;
 font-size:1.3em; 
} 
#sidenav li a:link, #sidenav li a:visited  { 
 font-size: 90%; 
 display: block; 
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 12px solid #711515; 
 border-right: 1px solid #711515; 
 background-color: #ba251f; 
 color: #FFFFFF; 
 text-decoration: none; 
}
#sidenav li a:hover  { 
 background-color: #711515; 
 border-left: 12px solid #ba251f;
 border-right: 1px solid #ba251f;
}