html
{ background-color:#d5dae2;
}

body
{ 	margin:0px auto;
	font-family:'Source Sans Pro', Arial, Verdana, Geneva, sans-serif;
	font-weight:none;
	background: url(../images/hm-highlights/bg.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}





a:link{
	color:#639EF8;
	text-decoration:none;
}
a:visited{
	color:#639EF8;
	text-decoration:none;
}

a:hover{
	color:#ff8500;
	text-decoration:none;
}
a:active{
	color:#ff8500;
	text-decoration:none;

}




/* --------------- HEADER  */

#header_container
{
	clear:both;
}








/* --HEADER ---- NAVIGATION   */

#navigation_container
{ font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.1em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	background-color:#fff;
}
	
		
#navigation_container ul {
	background-position: left;
	display: inline;
	list-style-type: none;
}

#navigation_container li {
	text-align: center;
	float: left;
	border:1px dotted #c7c497;
	padding:0.250em 0.580em 0.250em 0.6em;
	margin-left:0.125em;
	margin-bottom:0.25em;
	margin-top:0.2em;
}

#navigation_container .navon a {
	color: #000;
	text-decoration:none;
}

#navigation_container .navon a:hover {
	color: #466cab;
	text-decoration:none;
}

#navigation_container .navon a:active {
	color: #466cab;
	text-decoration:none;
}
 #navigation_container .navoff a {
	color: #000;
	text-decoration:none;
}

#navigation_container .navoff a:hover {
	color: #466cab;
	text-decoration:none;
}

#navigation_container .navoff a:active {
	color: #466cab;
	text-decoration:none;
}




/* --------------- MAIN  */ 


#maincontent_container
{
	clear:both;
	font-size:13px;
	background-color:#fff;
	background-image:url(../images/tempimages/footer_outline.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}








.whatson-text a:link{
	color:#333333;
	text-decoration:none;
}
.whatson-text a:visited{
	color:#333333;
	text-decoration:none;
}

.whatson-text a:hover{
	color:#5395fb;
	text-decoration:none;
}
.whatson-text a:active{
	color:#5395fb;
	text-decoration:none;

}

.whatson-text h3 a:link{
	color:#639EF8;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}
.whatson-text h3 a:visited{
	color:#639EF8;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}

.whatson-text h3 a:hover{
	color:#ff8500;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}
.whatson-text h3 a:active{
	color:#ff8500;
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}






#hp_slidermessages {
	float:left; 
	width:520px;
	height:78px;
	margin-top:14px;
	clear:both;
	border:0px solid #fff;
	background-color:#639ef8;

}

#hp_slidermessages h1 {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	font-size:2.2em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	margin:4px 0px 0px 12px;
	
}

#hp_slidermessages h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#275cad;
	font-size:1.4em;
	letter-spacing:-0.03em;
	font-weight:normal;	
	border:none;
	margin:4px 0px 0px 12px;
}

#hp_slidernumbers_container {
	float:left;
	height:20px;
	width:220px;
	margin-top:132px;
}

.slidernumberoff {
	border:2px solid #fff;
	background-color:#639ef8;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}

.slidernumberon {
	border:2px solid #fff;
	background-color:#ffffff;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}

.slidernumberhover {
	border:2px solid #fff;
	background-color:#ff8600;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}


.slidernumber a:hover {
	border:2px solid #fff;
	background-color:#ff8600 !important;
	width:10px;
	height:10px;
	margin-left:6px;
	float:left;
}


/* --------------- SUBNAVS  */ 

#subnav_whatson {
height:250px; width:1000px; background-color:#ffd237; position:absolute; top:36px; left:0px;
}

#subnav_whatson .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_whatson ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_whatson li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#fee89d;
	margin:0px;
	padding-top:7px;
}

#subnav_whatson  a:link   {
	color:#375699 !important;
	margin-left:-0.05em;
}
#subnav_whatson  a:visited  {
	color:#375699 !important;
	margin-left:-0.05em;
}

#subnav_whatson  a:active  {
	color:#5a97f4 !important;
	margin-left:-0.05em;
}
#subnav_whatson a:hover   {
	color:#5a97f4 !important;
	margin-left:-0.05em;
	
}





#subnav_regions {
height:250px; width:1000px; background-color:#0cb14b; position:absolute; top:36px; left:0px;
}

#subnav_regions .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_regions ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_regions li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#3dc571;
	margin:0px;
	padding-top:7px;
}

#subnav_regions  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_regions  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_regions  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_regions a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}





#subnav_places {
height:250px; width:1000px; background-color:#639ef8; position:absolute; top:36px; left:0px;
}

#subnav_places .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_places ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_places li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#97bffc;
	margin:0px;
	padding-top:7px;
}

#subnav_places  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_places  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_places  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_places a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}





#subnav_eating {
height:250px; width:1000px; background-color:#f59623; position:absolute; top:36px; left:0px;

}

#subnav_eating .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
}

#subnav_eating ul
{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}

#subnav_eating li
{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#fcc057;
	margin:0px;
	padding-top:7px;
}

#subnav_eating  a:link   {
	color:#fff !important;
	margin-left:-0.05em;
}
#subnav_eating  a:visited  {
	color:#fff !important;
	margin-left:-0.05em;
}

#subnav_eating  a:active  {
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_eating a:hover   {
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}







#subnav_comp {
height:250px; width:1000px; background-color:#d2232a; position:absolute; top:36px; left:0px; 
}

#subnav_comp .hero {
	width:290px;
	height:200px;
	margin:22px 0 0 26px;
	background-image:url(../images/tempimages/subnav_hero.gif);
	background-repeat:no-repeat;
	float:left;
	
}

#subnav_comp ul{
	 width:660px;
	 float:right;
	 padding:10px 0 0 20px;
}
#subnav_comp li{
	width:300px;
	text-align:left;
	border:none;
	list-style-type:disc;
	list-style-position:inside;
	color:#e4595e;
	margin:0px;
	padding-top:7px;

}

#subnav_comp a:link{
	
	color:#fff;
	margin-left:-0.05em;
}
#subnav_comp a:visited{
	
	color:#fff;
	margin-left:-0.05em;
}

#subnav_comp a:active{
	
	color:#ffd237 !important;
	margin-left:-0.05em;
}
#subnav_comp a:hover{
	
	color:#ffd237 !important;
	margin-left:-0.05em;
	
}










/* --------------- CALENDAR TABLE  */ 

.calendar_box table {
	border:0px;
    font-size: 1em;
    margin: 0 0 0.4em;

}
.calendar_box th {
    border-top:1px solid #ccc;
    font-size: 1em;
    margin: 0 0 0.4em;
}
.calendar_box td  {
	padding:0.6em 0px 0.2em 0px;
    width: 3em;
	text-align: center;
	font-size: 0.9em;
	font-weight:700;
	font-family:Arial, Verdana, Geneva, sans-serif;

}


/* --------------- CALENDAR DAYS  */
 
.day_unselectable {
    background-image:url(../images/elements/event_calendar/day_unselectable.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_unselectable.gif) center center no-repeat !important;
	color:#999 !important;
}

.day_past {
    background-image:url(../images/elements/event_calendar/day_past.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_past.gif) center center no-repeat !important;
	color:#999 !important;
	width:29px;
}

.day_today {
    background-image:url(../images/elements/event_calendar/day_active.gif) !important;
	background-position:center center;
	background-repeat:no-repeat;
	background:url(../images/elements/event_calendar/day_active.gif) center center no-repeat !important;
}

#calendar_box a.day_today:link{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:visited{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:hover{ 
color:white!important;
font-weight:bold;
}
#calendar_box a.day_today:active{ 
color:white!important;
font-weight:bold;
}


#calendar_box td {
	text-align:center;
	padding-top:.4em;
	padding-bottom:.4em;
	background-color: transparent;

}

#calendar_box a {
    display: block;
    text-decoration: none;
	padding:.9em .59em 1em .64em;
	color:#5395fb;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:link{
    display: block;
    text-decoration: none;
	padding:.9em .59em 1em .64em;
	color:#5395fb;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
 
#calendar_box a:visited{
    display: block;
	padding:.9em .59em 1em .64em;
    text-decoration: none;
	color:#5395fb !important ;	
	background-image:url(../images/elements/event_calendar/day_off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:hover{
    display: block;
	color:white !important;
	padding:.9em .59em 1em .64em;
	text-decoration: none;
	background-image:url(../images/elements/event_calendar/day_active.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}
#calendar_box a:active{
    display: block;
	padding:.9em .59em 1em .64em;
	text-decoration: none;
	color:white !important;
	background-image:url(../images/elements/event_calendar/day_active.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}




/* --------------- TOP  */ 

#calendar_box_jumps ul {
    list-style: none outside none;
}
#calendar_box_jumps li {
    float: left;
    font-size: 13px;
    margin: 0 10px 3px 0;
}
#calendar_box_jumps a{
	color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:link{
	color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:visited{
    color:#639EF8 !important;	
	text-decoration: none;
}
#calendar_box_jumps a:hover{
	text-decoration:  underline;
	color:#ff8500 !important;	
}
#calendar_box_jumps a:active{
	text-decoration:  underline;
	color:#ff8500 !important;	
}



/* --------------- MONTHS  */ 
#calendar_box_month {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1em;
	text-align:center;
}

#calendar_box_month .prev {
	float:left;
	width:20px;
}
#calendar_box_month .next {
	float:right;
	width:20px;
}