@charset 'UTF-8';
/* bereacollege.css */
/* Updated Dec. 13, 2013 by Cary Hazelwood */
/* All modifications to this file must be approved by Cary Hazelwood */

@import url('http://fonts.googleapis.com/css?family=EB+Garamond:400,400italic,700,700italic&subset=latin,greek-ext,cyrillic,latin-ext,greek,cyrillic-ext,vietnamese');

body {
	padding:0;
	margin:0;
}

.calcontainer {
	margin:0 auto;
	padding:0;
	width:1000px;
}

.smpgcontent {
	padding:0 20px 20px 20px;
}

#hdrbar {
	margin:0;
	width:100%;
	height:100px;
	background-color:#0F5B8D;
	color:#E9F0F8;
	background-repeat: repeat-x;
	background-position: top;
	z-index:1;
}

#hdr {
	z-index:1;	
}

#hdr .lcol { float:left;}
#hdr .rcol { float:right; }
#hdr .calmenu { margin:0;padding:15px 0px 0 0; }

#ftrbar {
	margin:0;
	width:100%;
	background-color:#0F5B8D;
	color:#E9F0F8;
	background-repeat: repeat-x;
	background-position: top;
}
#ftrbar .lcol { float:left; margin:0; padding:25px;}
#ftrbar .lcol .col { float:left; margin:0; padding:0 50px 0 0;}
#ftrbar .lcol .col .title { font-weight:bold; font-size:16px; font-family: Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:0; text-transform:uppercase; letter-spacing:1px;}
#ftrbar .lcol .col ul { margin:0; padding:0 0 15px 0; }
#ftrbar .lcol .col ul li { margin:0; padding:3px 0 0 0; list-style-type:none; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
#ftrbar .lcol .col ul li a:link { color:#CCC;text-decoration:none; }
#ftrbar .lcol .col ul li a:active { color:#CCC;text-decoration:none; }
#ftrbar .lcol .col ul li a:visited { color:#CCC;text-decoration:none; }
#ftrbar .lcol .col ul li a:hover { color:#FFF;text-decoration:underline; }
#ftrbar .rcol { float:right; margin:0; padding:15px 20px 15px 0;}
#ftrbar #bclogo {  }
#ftrbar #bclogo a img {border:none;}
#outsideftrbar {
	margin:0;
	width:100%;
	color:#999;
}
#outsideftrbar .lcol { float:left; margin:0; padding:5px 3px;}
#outsideftrbar .lcol .legal { margin:0; padding:0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#outsideftrbar .lcol .legal ul { margin:0; padding:0; list-style-type:none;}
#outsideftrbar .lcol .legal ul li { margin:0 0 0 10px; padding:0 0 0 10px; border-left:solid 1px; display:inline;}
#outsideftrbar .lcol .legal ul li.first { margin:0; padding:0; border:none;}
#outsideftrbar .lcol li a:link { color:#999;text-decoration:none; }
#outsideftrbar .lcol li a:active { color:#999;text-decoration:none; }
#outsideftrbar .lcol li a:visited { color:#999;text-decoration:none; }
#outsideftrbar .lcol li a:hover { color:#000;text-decoration:underline; }
#outsideftrbar .rcol { float:right; margin:0; padding:25px;}


#glblsitename {
	margin:0;
	padding:15px 0 0 15px;
	font-family: 'EB+Garamond', serif;
}

#calname {
	clear:left;
	margin:-2px 0 0 0;
	padding:0 0 15px 15px;
	font-family: 'EB+Garamond', serif;
	font-size:24px;
	color:#FFFFFF;
}

#calname a:link { color:#FFFFFF;text-decoration:none; }
#calname a:active { color:#FFFFFF;text-decoration:none; }
#calname a:visited { color:#FFFFFF;text-decoration:none; }
#calname a:hover { color:#FFFFFF;text-decoration:underline; }



/*===================================
        Calendar-Wide Styles
===================================*/

/* Default calendar font family, size and color */
#CalendarBlock, #CalendarBlock td, #CalendarBlock p, #CalendarBlock h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

/* Default link color */
#CalendarBlock a {
	color: #005A8B;
}

/* Background color for table headers (may be column or row headers) */
tr.TableHeaderBG td, td.TableHeaderBG {
	color: #005A8B;
	background-color: #DDDDDD;
}

/* Color for the text that notifies users of an error or warning */
#CalendarBlock .WarningText {
	color: #FF0000;
}

/* Color for text that notififies the user of a normal or success message */
#CalendarBlock .NotificationText {
	color: #008800;
}

/* Background behind messages on update.php */
#CalendarBlock .NotificationTextBG {
	background-color: #FFFFCC;
}

/* Second level header used primarily on update.php */
#CalendarBlock h2 {
	color: #005A8B;
}

/* Third level header used primarily on the changeeevent.php form */
#CalendarBlock h3 {
	color: #005A8B;
	font-size: 16px;
}

/* Color used to highlight keywords in search results */
#CalendarBlock .KeywordHighlight {
	background-color: #FFFF99;
}

/* Section headers used on various forms */
#CalendarBlock div.FormSectionHeader {
	margin-top: 16px;
	padding: 4px;
	margin-bottom: 6px;
	border-top: 1px solid #757575;
	background-color: #EEEEEE;
}
#CalendarBlock div.FormSectionHeader h3 {
	margin: 0;
	padding: 0;
}

#CalendarBlock label {
	cursor: pointer;
}

#CalendarBlock .LightCellBG {
	background-color: #EEEEEE;
}

/*===================================
             Top Navi Bar
===================================*/

table#TopNaviTable {
	border-bottom: 6px solid #EBEBEB;
}
table#TopNaviTable td {
	padding: 0;
}
td.TopNavi-ColorPadding {
	border-bottom: 8px solid #EBEBEB;
}
table#TopNaviTable td.TopNavi-ColorPadding td {
	padding-top: 8px;
}

/* The font style for the calendar title */
table#TopNaviTable td#NaviBar-CalendarTitle {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 8px;
}
/* The color for the calendar title link */
table#TopNaviTable td#NaviBar-CalendarTitle a {
	color: #000000;
	text-decoration: none;
}
.NaviBar-Tab div {
	margin-left: 2px;
	margin-right: 2px;
	font-weight: bold;
	padding: 4px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #CCCCCC;
}
#CalendarBlock .NaviBar-Tab a {
	color: #005A8B;
}
#CalendarBlock #NaviBar-Selected div {
	background-color: #EBEBEB;
}
#CalendarBlock #NaviBar-Selected a {
	color: #005A8B;
}

/*===================================
             Page Body
===================================*/

#CalendarTable {
	background-color: #EBEBEB;
}

#CalLeftCol {
	padding: 0;
}

/*     Month Selector
--------------------------*/

#MonthSelector td {
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#MonthSelector a {
	text-decoration: none;
}
#MonthSelector a:hover, #MonthSelector a:focus {
	text-decoration: underline;
}

#MonthSelector div#LeftArrowButton, #MonthSelector div#RightArrowButton,
#MonthSelector div#LeftArrowButtonDisabled, #MonthSelector div#RightArrowButtonDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#MonthSelector div#LeftArrowButtonDisabled,
#MonthSelector div#RightArrowButtonDisabled {
	color: #757575;
}

/*    Little Calendar
--------------------------*/

div#LittleCalendar-Padding {
	padding: 3px;
	background-color: #FFFFFF;
}

table#LittleCalendar {
	background-color: #FFFFFF;
}

table#LittleCalendar td {
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table#LittleCalendar a {
	text-decoration: none;
	display: block;
	padding: 3px;
}

/* A small line below the S/M/T/W/T/F/S row in the little calendar */
table#LittleCalendar thead td {
	border-bottom: 1px solid #999999;
	padding: 3px;
}

/* The background color behind the days currently being displayed */
table#LittleCalendar td.SelectedDay {
	background-color: #CCCCCC;
}

/* A border around today on the little calendar */
a.LittleCal-Today, a.LittleCal-TodayGrayedOut {
	padding: 1px !important;
	border: 2px solid #005A8B;
}

/* Grayed out days that are not part of the current month */
a.LittleCal-GrayedOut, a.LittleCal-TodayGrayedOut {
	color: #999999 !important;
}

/* Other Left Column Stuff
--------------------------*/

div#JumpToDateSelectorLabel {
	padding-left: 8px;
	padding-top: 10px;
	font-weight: bold;
	padding-bottom: 2px;
}
table#JumpToDateSelector td {
	padding-bottom: 14px;
}
table#JumpToDateSelector.Split td {
	padding-left: 6px;
}
table#JumpToDateSelector.Combined {
	width: 100%;
}
input#JumpToDateSelector-Button {
	background-color: #FFCC66;
	border: 1px solid #FFFFFF;
}
form#JumpToDateSelectorForm {
	margin: 0; padding: 0;
}

td#CalLeftCol table#TodaysDate td {
	background-color: #FFC;
	padding: 6px;
}

td#CalLeftCol table#SubscribeLink td {
	padding-top: 12px;
}

td#CalLeftCol table#CategoryFilterLink td {
	padding-top: 8px;
}

td#CalRightCol {
	padding: 0;
	border-color: #EBEBEB;
	border-left-style: solid;
	border-left-width: 7px;
	border-right-style: solid;
	border-right-width: 7px;
	background-color: #FFFFFF;
}

td#CalRightCol.TodayHighlighted {
	border-color: #FFC !important;
	border-bottom-style: solid;
	border-bottom-width: 7px;
}

/*     Filter Notice
--------------------------*/

table#FilterNotice td {
	padding: 4px;
	background-image: images/background-filter.gif;
	background-color: #AD2525;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table#FilterNotice a {
	color: #FFBEBE;
}
table#FilterNotice a:hover {
	color: #FFFFFF;
}

/*     Title & Navi
--------------------------*/

div#TitleAndNavi {
	background-color: #EBEBEB;
}

div#TitleAndNavi.TodayHighlighted {
	background-color: #FFC;
}

div#TitleAndNavi td {
	padding: 4px;
}

div#TitleAndNavi a {
	text-decoration: none;
}
div#TitleAndNavi a:hover, div#TitleAndNavi a:focus {
	text-decoration: underline;
}

td#DateOrTitle {
	padding-left: 8px;
}
td#DateOrTitle h2 {
	padding: 0 !important;
	margin: 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

td#NavPreviousNext {
	padding-left: 18px !important;
}
td#NavPreviousNext td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 2px;
	padding-top: 0;
	padding-bottom: 0;
}
td#NavPreviousNext b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

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

td#CalendarContent {
	padding: 3px;
}

/*===================================
             Event Table
===================================*/

#EventTable {
	background-color: #FFFFFF;
}

#EventTable #EventLeftColumn {
	padding: 6px;
	font-size: 16px;
}
#EventTable #EventRightColumn {
	padding: 6px;
	border-left: 4px solid #C75B12;
}
div#EventTitle {
	font-size: 18px;
}
p#EventDescription, div#EventDetailPadding, div#iCalendarLink {
	padding: 0;
	margin: 0;
	padding-top: 14px;
}
table#EventDetail {
	border-collapse: collapse;
}
table#EventDetail td {
	border: 1px solid #757575;
	padding: 4px;
	padding-right: 8px;
}
td.EventDetail-Label {
	color: #005A8B !important;
	background-color: #DDDDDD;
}

/*===================================
              Day Table
===================================*/

#DayTable td.NoAnnouncement {
	padding: 10px;
	font-size: 15px;
}

#DayTable td {
	padding: 4px;
}

#DayTable tr.BorderTop td {
	border-top: 1px solid #757575;
}
#DayTable div.EventLeftBar {
	padding-left: 5px;
	border-left: 5px solid #C75B12;
}

#DayTable tr#FirstDateRow td.DateRow {
	padding: 0;
}


#DayTable td.DateRow div#TodayDateRow {
	background-color: #FFC;
}

#DayTable td.DateRow {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	padding-top: 8px;
}

#DayTable td.DateRow a {
	text-decoration: none;
}

#DayTable td.DateRow a:hover {
	text-decoration: underline;
}

#DayTable td.DateRow div {
	padding: 8px;
	background-color: #EBEBEB;
}

#DayTable td.TimeColumn i, #DayTable td.TimeColumn-Past i {
	font-style: normal;
	font-size: 11px;
}

/* Cell used to display the time and duration of the event in 'day' view for events that have passed. */
#DayTable td.TimeColumn, #DayTable td.TimeColumn-Past { }

/* Cell used to display the event title and description in 'day' view for events that have passed */
#DayTable td.DataColumn, #DayTable td.DataColumn-Past { }

#DayTable td.TimeColumn-Past, #DayTable td.DataColumn-Past {
	color: #757575;
}
#DayTable td.DataColumn-Past a {
	color: #757575;
}
#DayTable td.DataColumn-Past div.EventLeftBar {
	border-left-color: #757575;
}

/*===================================
           Weekday Table
===================================*/

#WeekdayTable {
	border-collapse: collapse;
}

#WeekdayTable td {
	padding: 4px;
	border: 1px solid #757575;
}

#WeekdayTable td td {
	padding: 0;
	border: 0 none #000000;
	background-color: transparent !important;
}

/*  Weekday Header Styles
--------------------------*/

#WeekdayTable thead td {
	color: #005A8B !important;
	background-color: #DDDDDD;
}

#WeekdayTable thead td.Weekday-Today {
	background-color: #FFC !important;
}

/*   Weekday Body Styles
--------------------------*/

#WeekdayTable tbody td.Weekday-Today {
	background-color: #FFC;
}

#WeekdayTable tbody div.WeekEvent,
#WeekdayTable tbody div.WeekEvent-Past {
	padding-top: 2px;
	padding-bottom: 9px;
}
#WeekdayTable tbody div.WeekEvent-Past {
	color: #757575;
}
#WeekdayTable tbody div.WeekEvent-Past a {
	color: #757575;
}
#WeekdayTable tbody div.WeekEvent-Time {
	font-size: 11px;
}
#WeekdayTable tbody div.WeekEvent-Title,
#WeekdayTable tbody div.WeekEvent-Category {
	border-left: 3px solid #C75B12;
	padding-left: 3px;
}
#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Title,
#WeekdayTable tbody td.Weekday-Today div.WeekEvent-Category {
	border-left-color: #C75B12;
}
#WeekdayTable tbody div.WeekEvent-Past div.WeekEvent-Title,
#WeekdayTable tbody div.WeekEvent-Past div.WeekEvent-Category {
	border-left-color: #757575;
}
#WeekdayTable tbody div.WeekEvent-Title a {
	text-decoration: none;
}
#WeekdayTable tbody div.WeekEvent-Title a:hover,
#WeekdayTable tbody div.WeekEvent-Title a:focus {
	text-decoration: underline;
}
#WeekdayTable tbody div.WeekEvent-Category {
	font-size: 11px;
	font-style: italic;
}

/*===================================
             Month Table
===================================*/

#MonthTable {
	border-collapse: collapse;
	background-color: #FFFFFF;
}
#MonthTable td {
	border: 1px solid #757575;
	padding: 0;
}
#MonthTable thead td {
	color: #005A8B !important;
	background-color: #DDDDDD;
	padding: 5px;
}
#MonthTable tbody td {
	padding-bottom: 8px;
}
#MonthTable tbody td td {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

#MonthTable div.DayNumber a {
	text-decoration: none !important;
	padding: 3px;
	padding-left: 4px;
	padding-bottom: 5px;
	line-height: 1;
	display: block;
}

#MonthTable p.EventItem,
#MonthTable p.EventItem-Past {
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-image: url("images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 8px;
}

/* Hover color for the 'day number'. */
#MonthTable div.DayNumber a:hover,
#MonthTable div.DayNumber a:focus {
	background-color: #CCE1A6;
}

/* Background color for today. */
#MonthTable tbody td.MonthDay-Today {
	background-color: #FFC;
}
/* Background color for the 'day number' for today. */
#MonthTable tbody td.MonthDay-Today div.DayNumber {
	background-color: #FFC !important;
}

/* Link color for the 'day number' and events of past days. */
#MonthTable td.MonthDay-Past div.DayNumber a,
#MonthTable p.EventItem-Past a {
	color: #757575;
}

/* Hover color for the 'day number' for past days. */
#MonthTable td.MonthDay-Past div.DayNumber a:hover,
#MonthTable td.MonthDay-Past div.DayNumber a:focus {
	background-color: #757575;
}

/* Hover color for the 'day number' for today. */
#MonthTable td.MonthDay-Today div.DayNumber a:hover,
#MonthTable td.MonthDay-Today div.DayNumber a:focus {
	background-color: #CCE1A6;
}

#MonthTable td.MonthDay-OtherMonth {
	background-color: #EEEEEE !important;
}

#MonthTable a {
	text-decoration: none;
}
#MonthTable a:hover, #MonthTable a:focus {
	text-decoration: underline
}

/*===================================
             Export View
===================================*/

#ExportForm.HideHTML .HTMLOnly {
	display: none;
}

#ExportForm p.FormError {
	padding: 4px;
	background-color: #EEEEEE;
	border-top: 2px solid #FF0000;
}

/*===================================
            Misc Styles
===================================*/

#PoweredBy td {
	background-color: #EBEBEB;
	font-size: 11px;
	padding-right: 16px;
}
#PoweredBy td a {
	text-decoration: none;
}

#UpdateMainMenu h2 {
	font-size: 15px;
	color: #c75b12;
}

div#AdminButtons-Padding {
	padding: 5px;
}
table#AdminButtons td {
	border-style: none;
	border-width: 0;
	padding: 0;
}
div#AdminButtons-Padding td, div#AdminButtons-RightPadding td {
	padding-right: 8px;
}
table#AdminButtons a {
	text-align: center;
	display: block;
	padding: 5px;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #757575;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: center left;
}
div#AdminButtons-Small table#AdminButtons a {
	padding: 2px;
	padding-left: 20px !important;
	font-weight: normal;
	font-size: 11px;
}
table#AdminButtons a#AdminButtons-New {
	text-align: left;
	padding-left: 25px;
	background-color: #FFFFCC;
	border-color: #999933;
	background-image: url("images/new-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-New {
	background-image: url("images/new-small-button.gif");
}
table#AdminButtons a#AdminButtons-Edit {
	text-align: left;
	padding-left: 25px;
	background-color: #FFFFCC;
	border-color: #999933;
	background-image: url("images/edit-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Edit {
	background-image: url("images/edit-small-button.gif");
}
table#AdminButtons #AdminButtons-Copy {
	text-align: left;
	padding-left: 25px;
	background-color: #DDDDFF;
	border-color: #555599;
	background-image: url("images/copy-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Copy {
	background-image: url("images/copy-small-button.gif");
}
table#AdminButtons #AdminButtons-Delete, table#AdminButtons #AdminButtons-Reject {
	text-align: left;
	padding-left: 25px;
	background-color: #FFDDDD;
	border-color: #995555;
	background-image: url("images/delete-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Delete, div#AdminButtons-Small table#AdminButtons a#AdminButtons-Reject {
	background-image: url("images/delete-small-button.gif");
}
table#AdminButtons a#AdminButtons-Approve {
	text-align: left;
	padding-left: 25px;
	background-color: #CCFFCC;
	border-color: #339933;
	background-image: url("images/ok-button.gif");
}
div#AdminButtons-Small table#AdminButtons a#AdminButtons-Approve {
	background-image: url("images/ok-small-button.gif");
}

dd {
	margin-left: 20px;
}

div#UpdateBlock {
	background-color: #FFFFFF;
	border-top-style: none;
	border-top-width: 0;
}
div#UpdateBlock h2 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

div#MenuButton {
	background-color: #EBEBEB;
	padding-left: 8px;
}
div#MenuButton td {
	padding: 0;
}
div#MenuButton a {
	text-decoration: none;
	font-weight: bold;
	padding: 6px;
	display: block;
	padding-left: 28px;
	background-color: #EBEBEB;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("images/arrow-doubleback.gif");
}
div#MenuButton a:hover, div#MenuButton a:focus {
	background-color: #FFC;
}

/* The following two styles are for manageevents.php */
.DefaultCalendarEvent {
	padding-left: 8px;
}
.DefaultCalendarEvent div {
	padding-left: 15px;
	background-image: url("images/subeventdoublearrow.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#CalendarBlock {padding:0 10px 10px 10px;}
#CalendarBlock h1 { color:#c75b12; margin:0; padding:5px 0 0 0; }
td#DateOrTitle h2 { font-size:24px; font-family: 'EB+Garamond', serif; color:#c75b12; }
#MonthSelector td { font-size:24px; font-family: 'EB+Garamond', serif; }
table#TopNaviTable { border-bottom-width: 2px; }
td.TopNavi-ColorPadding { border-bottom-width: 2px; }
.location { color:#c75b12; margin:0; padding:0;}
.category { color:#999; font-style:italic; float:right; }
.description { margin:0; padding:5px 0 0 0; }
#DayTable td.DateRow { font-size: 20px; font-family: 'EB+Garamond', serif; }
#DayTable td.DateRow a {  }
#MonthTable td.MonthDay-Past div.DayNumber a, #MonthTable p.EventItem-Past a
{ color:#CCC; }
.callist {margin:0 0 0 20px;padding:0;}
.callist li {margin:0;padding:5px 0 0 0;}



/* CSS for Drop-Down Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 100%;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
/* Custom CSS Styles */
#cssmenu {
  width: auto;
  font-family: Helvetica, Arial, sans-serif !important;
}
#cssmenu:before {

}
#cssmenu > ul {
  padding: 15px 15px 15px 5px;
}
#cssmenu > ul > li {
  margin: 0 10px;
}
#cssmenu > ul > li.has-sub:hover > a {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu > ul > li:hover > a {
  background-color: #e2e2e2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #c8c8c8));
  background-image: -webkit-linear-gradient(top, #ffffff, #c8c8c8);
  background-image: -moz-linear-gradient(top, #ffffff, #c8c8c8);
  background-image: -o-linear-gradient(top, #ffffff, #c8c8c8);
  background-image: linear-gradient(#ffffff, #c8c8c8);
}
#cssmenu > ul > li.active:hover > a {
	background-color: #c75b12;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f49b8e), color-stop(1, #bd584d));
	background-image: -webkit-linear-gradient(top, #f49b8e, #bd584d);
	background-image: -moz-linear-gradient(top, #f49b8e, #bd584d);
	background-image: -o-linear-gradient(top, #f49b8e, #bd584d);
	background-image: linear-gradient(#f49b8e, #bd584d);
}
#cssmenu ul a {
  background-color: #c2c2c2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #a8a8a8));
  background-image: -webkit-linear-gradient(top, #f1f1f1, #a8a8a8);
  background-image: -moz-linear-gradient(top, #f1f1f1, #a8a8a8);
  background-image: -o-linear-gradient(top, #f1f1f1, #a8a8a8);
  background-image: linear-gradient(#f1f1f1, #a8a8a8);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5);
  color: #3c444d;
  font-size: 12px;
  line-height: 27px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
#cssmenu ul ul {
  width: 170px;
}
#cssmenu ul ul a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 150%;
}
#cssmenu ul .active > a {
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	background-color: #c75b12;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ef7260), color-stop(1, #b04c41));
	background-image: -webkit-linear-gradient(top, #ef7260, #b04c41);
	background-image: -moz-linear-gradient(top, #ef7260, #b04c41);
	background-image: -o-linear-gradient(top, #ef7260, #b04c41);
	background-image: linear-gradient(#ef7260, #b04c41);
}
#cssmenu ul .has-sub {
  position: relative;
}
#cssmenu ul .has-sub ul {
  -moz-border-radius: 0 3px 3px 3px;
  -webkit-border-radius: 0 3px 3px 3px;
  border-radius: 0 3px 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  background-color: #c3c3c3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #aaaaaa));
  background-image: -webkit-linear-gradient(top, #e9e9e9, #aaaaaa);
  background-image: -moz-linear-gradient(top, #e9e9e9, #aaaaaa);
  background-image: -o-linear-gradient(top, #e9e9e9, #aaaaaa);
  background-image: linear-gradient(#e9e9e9, #aaaaaa);
  padding: 3px 0;
}
#cssmenu ul .has-sub ul a {
  background: none;
  padding: 8px 8px 8px 16px;
  border-bottom: 1px solid transparent;
  text-align: left;
}
#cssmenu ul .has-sub ul .has-sub a:after {
  content: none;
}
#cssmenu ul .has-sub li:hover > a {
  border-bottom: 1px solid #1D2024;
  color: #FFF;
  background-color: #55616f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56606f), color-stop(1, #3f4852));
  background-image: -webkit-linear-gradient(top, #56606f, #3f4852);
  background-image: -moz-linear-gradient(top, #56606f, #3f4852);
  background-image: -o-linear-gradient(top, #56606f, #3f4852);
  background-image: linear-gradient(#56606f, #3f4852);
  -moz-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
  -webkit-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
  box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu ul .has-sub li:hover > a:after {
	border-left: 0 none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea5f51), color-stop(1, #a9463b));
	background-image: -webkit-linear-gradient(top, #ea5f51, #a9463b);
	background-image: -moz-linear-gradient(top, #ea5f51, #a9463b);
	background-image: -o-linear-gradient(top, #ea5f51, #a9463b);
	background-image: linear-gradient(#ea5f51, #a9463b);
	-moz-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
	-webkit-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
	box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448;
	content: '';
	height: 100%;
	width: 6px;
	position: absolute;
	right: 0;
	top: 0;
}
#cssmenu ul .has-sub > a {
  padding-right: 0;
}
#cssmenu ul .has-sub > a:after {
  content:'\25BC';
  border-left: 1px solid rgba(100, 100, 100, 0.2);
  color: #5D6A7A;
  -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2);
  display: inline-block;
  font-size: 9px;
  margin-left: 5px;
  text-align: center;
  height: 25px;
  width: 24px;
  text-shadow: 0 -1px 0 #101417;
}
#cssmenu ul .active > a:after {
  color: #FFF;
}
#cssmenu ul ul a {
  font-size: 12px;
}