@charset "utf-8";
/* CSS Document */
/* Start Page Formatting */

body {
 background-color: #bebebe;
 margin: 0;
 padding: 0;
}

/* This has been removed - p, a, ul li, ul ul li, ul ul ul li */
html, body {
 font: normal 85% Tahoma;
 line-height: 1.4em;
}

#wrap_all {
 width: 950px;
 margin: 0 auto;
 text-align: left;
 padding: 0 20px; 
 position: relative;
 background: url("/migglecms/templates/default/images/css/shadow.png") transparent center top repeat-y;
}

#footer_shadow {
 width: 990px;
 height: 15px;
 margin: 0 auto;
 background: url("/migglecms/templates/default/images/css/shadow_footer.png") transparent center;
}

#mainContentTD, #leftMenuTD, #rightMenuTD, #rightMenuTD_splash {
 vertical-align: top;
}

#section_div {
 width: auto; /* Creates a width automatically to the content inside */
 padding: 15px 18px 15px 25px; /* Add 5px to the container so everything can "breath" */
 overflow: hidden; /* In case they type to much, hide the content so it doesn't break the container size  */ 
}

#section_div img {
 position: relative; /* Set the image relative to the DIV (container) */
}

h1 {
 margin: 0 0 13px 0; /* Adds margin around the form & paragraphs: Order = Top Right Bottom Left */ 
 padding: 0; /* removes all padding */
 font: bold 16pt Tahoma;
 color: #333333;
}

h2 {
 margin: 0 0 8px 0; /* Adds margin around the title: Order = Top Right Bottom Left */
 padding: 0;
 font: bold 11pt Tahoma;
 line-height: 1.350em;
 color: #333333;
}

h3 {
 line-height: 1.3em;
}

h1.blog_title {
 margin: 0 0 8px 0; /* Adds margin around the form & paragraphs: Order = Top Right Bottom Left */ 
 padding: 0; /* removes all padding */
 font: bold 10pt Tahoma;
 color: #333333;
}

a img{
 border: none;
}

a {
 color: #666666; /* Sets the font on links to grey */
 text-decoration: none; /* Removes standard decoration of links: (Underlines) */
 font-weight: bold;
}

a:hover {
 text-decoration: none; /* Sets links to bold when the mouse is hovered over */
  font-weight: normal;
 
}

form, p {
 margin: 0 0 8px 0; /* Adds margin around the form & paragraphs: Order = Top Right Bottom Left */
}

ul li, ul ul li, ul ul ul li {
 margin: 0 0 8px 0; /* Adds margin around the form & paragraphs: Order = Top Right Bottom Left */
 /* list-style-image: url("/migglecms/templates/default/images/css/bullet.gif"); */
}

li ul li {
 margin-top: 8px;
 /* list-style-image: url("/migglecms/templates/default/images/css/bullet.gif"); */
}

p.privacy {
 font-size: 8pt;
}

p.privacy a {
 font-weight: normal;
}

p.privacy a:hover {
 text-decoration: underline;
}

.image_list {
 margin-left: 295px;
}

.line_center{
 width:148px;
 margin:10px 0px 20px 20px;
}

.align_center{
 width:130px;
 margin-left: 28px;
 margin-bottom: 10px;
}

.menu_header {
 display: block;
 height: 131px;
 color: #666666;
 padding: 20px 10px 0 10px;
}

/* Start Navigation Formatting */

/* Left Menu */

#left_ a {
 display: block; /* Displays the element as a block */
 padding: 6px 10px 6px 30px;
 color: #666666;
 text-align: left;
}


#left_ #sub-menu a{
 padding-left: 40px; /* Shifts the "first" line in by 15px: (If a whole blocks needs indenting then use padding or margin) */
 padding-right: 8px; 
 font-style: italic;
}

#left_ #sub-menu a:hover {
 font-weight:normal;
 padding-right: 25px;
}

#left_ a.isOna {
 background: url("/migglecms/templates/default/images/css/marker.png") transparent left center no-repeat; 
 font-weight:normal;
}

#left_ #sub-menu a.isOna {
 background: none;
 font-weight: normal;
 padding-right: 25px;
}

/* Right Menu */
#right_ a {
 display: block; /* Displays the element as a block */
 height: 20px;
 color: #666666;
 padding: 6px 10px 0 10px;
 background: url("/migglecms/templates/default/images/css/button.gif") transparent left top no-repeat;
}

#right_ a:hover {
 font-weight: bold;
 text-decoration: none;
 background: url("/migglecms/templates/default/images/css/button_hover.gif") transparent left top no-repeat;
}

/* Top Menu */

#top_ a {
 display: block; /* Displays the element as a block */
 float: left; /* Float the content to lay next to each other */
 padding: 2px 10px; /* Adds padding to all sides (Top Right Bottom Left) */
 font: bold 9pt Tahoma; 
 color: #333333;
}

#top_ a:hover {
 text-decoration: none;
}

#top_ a {
 float: right;
 color: #ffffff;
}

#top_ a:last-child {
	float: left;	
}

#top_ a.tel {
	float: right;	
}

/* Bottom Menu */
#bottom_ { 
 text-align: center; 
}

#bottom_ a {
 display: block; /* Displays the element as a block */
 float: left; /* Float the content to lay next to each other */
 padding: 2px 6px; /* Adds padding to all sides (Top Right Bottom Left) */
 font: bold 10pt Tahoma; 
 color: #333333;
}

#bottom_ a:hover {
 text-decoration: none;
}

/* End Navigation Formatting */

/* End Page Formatting */

/* Start Site Layout */

#container {
 width: 950px; /* Width of layout */
 margin: 0 auto; /* Aligns centre for the browsers windows */
 padding: 0; /* Removes all padding */
 text-align: justify; /* Sets the text to the left of each cell */
}

#top, #main, #main_splash {
 width: 950px; /* Sets the size of the table */
 background-color: #FFFFFF;
}

#top {
 height: 128px; /* Sets the top left & right cells to 97px height */
}

#top p {
 margin:0;
 padding:0;
}

#mainContentCell, #mainContentTD {
 width: 99.5%; /* Sets the main "content" area's to full width; */
 vertical-align:top;
}

#topMenuCell, #bottomMenuCell, #footerCell {
 display: block;
}

#topLeftCell img, #topCenterCell img, #topRightCell  img {
 display: block; /* display the image in a block not paragraph or add spacing */
}

div#topLeftCell, div#topCenterCell, div#topRightCell {
 position: relative; /* Sets the DIV relative to the table cell */
 overflow: hidden; /* Hides content bigger than content cell size so it doesn't change the layout */
}

#topLeftTD, #topLeftCell {
 width: 228px; /* Sets the left column to 200px; */
 padding: 4px;
}

#topRightTD, #topRightCell {
 width: 409px; /* Sets the left column to 200px; */
}

#leftMenuTD, #leftMenuCell {
 width: 210px;
 background-color: #f5d5d5;
}

#leftMenuTD {
 padding-top: 10px;
 padding-right: 2px;
}

#rightMenuTD, #rightMenuCell {
 width: 219px;
}

#rightMenuTD_splash{
 width: 290px;
}

#rightMenuCell_splash {
 padding: 0 28px;
}

#topMenuTD {
 height: 23px;
 background-color: #ec9a9a;
}

#bottomMenuTD {
 height: 20px;

}

#topCentreCell {
 padding: 0; /* Removes all padding */ 
}

#mainContent {
 margin: 0; /* Remove all margins */
 padding: 5px; /* Adds 8px padding to every side around the content area */
 height: auto; /* Creates its own height to the content in the cell area */
}



/* Splash page */

#top_splash {
 width: 950px;
 height: 199px;
 background: url("/migglecms/templates/default/images/css/splash_head.png") transparent left top no-repeat;
}

#section_div_splash {
 min-height: 650px;
 height: auto!important;
 height: 650px;
}

#splash {
 margin: 0;
 padding: 0;
}

#modules {
	clear: right;
	margin: 10px 0;
}

#modules ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#modules ul li {
	float: left;
	width: 218px;
	margin-bottom: 15px;
	vertical-align: top;
}

#modules ul li h3 {
	font-size: 10pt;
	text-align: left;
}

#modules ul li img {
	float: left;
	width: 75px;
	height: 75px;
	margin-right: 8px;
	overflow: hidden;	
}

#modules ul li.last img {
	float: right;
	width: 155px;
	height: 105px;
	overflow: hidden;	
}

#slide_wrapper {
	position: relative;
	height: 290px;
	margin: 35px 15px 15px 35px;
	background: #efa9a9;	
}

ul#slideshow {
	position: absolute;
	top: -20px;
	left: -70px;
	margin-left: 7px;	
}

ul#slideshow h1 {
	position: absolute;
	top: 10px;
	left: 48px;
	padding: 10px 15px;
	color: #fff; 
	font-size: 12pt;
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	background: #000; 
	background: rgba(0,0,0,.4); 
	z-index: 999;	
}

ul#links {
	margin: 0;
	padding: 0;
}

ul#links li.shadow {
	position: relative;	
	display: inline-block;
	vertical-align: top;
	width: 245px;
	margin-top: 40px;
	/* margin-left: 25px; */
	margin-right: 35px;
	padding: 10px;
	list-style: none;
	background: #efa9a9;	
}

ul#links li.last, #modules ul li.last {
	margin-right: 0;	
}

ul#links li.shadow ul {
	position: absolute;
	top: -20px;
	left: -20px;
	margin: 0;
	padding: 0;	
}

ul#links li.shadow, ul#links li.shadow ul li {
	min-height: 190px;
	height: auto!important;
	height: 190px;
}

ul#links li.shadow ul li {
	list-style: none;
	width: 245px;
	margin: 0 0 0 5px;
	padding: 10px;
	background: #e09695;
}

ul#links li.shadow ul li strong {
	display: block;
}

ul#links li.shadow ul li a {
	color: #5e5d5b;
	font-size: 9pt;
}

#topCentreTD h1 {
	margin-right: 15px;
	font: normal 14pt Tahoma;
	color: #f61126;
	letter-spacing: .3em;	
}


ul#slideshow {
	position: relative;
	width: 670px;
	height: 287px;
}

ul#slideshow li {
	position: absolute;
	top: 0;
	left; 0;
	width: 670px;
	list-style: none;
	z-index: 7;
}

ul#slideshow li.active {
	z-index: 10;	
}

ul#slideshow li.last-active {
	z-index: 9;	
}

#latest_news {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 220px;
	height: 280px;	
}

#splash li {
 margin: 3px 10px 0 3px;
 padding: 0;
 list-style-image: none;
 list-style-type: none;
}

.left_col {
 float: left;
}



/* Splash page */

/* News header */

#strapline {
 position: absolute;
 top: 70px;
 right: 35px;
 width: 257px;
 z-index: 999;
}

#strapline h1 {
 margin-bottom: 0px;
 margin-top: 0px;
 font: bold 13pt Tahoma;
 font-style: italic;
 color: #FFFFFF;
}

.indent {
 margin-left: 68px;
}

#news {
 float: right;
 width: 235px;
 height: 50px;
 margin: 125px 28px 0 0;
 border-bottom: 22px solid #ed313b;
}

.clear {
 clear: both;
}

#news h2 {
 font: normal 32pt Tahoma;
 color: #FFFFFF;
} 

* HTML #news {
 float: right;
 width: 235px;
 height: 50px;
 margin: 115px 14px 0 0;
 border-bottom: 22px solid #ed313b;
}

/* News header */

#footerTD {
 font: normal 10px Tahoma;
 color: #ffffff;
 background-color: #ed313b;
 padding:10px 10px 2px 10px;
}

#footerCell a {
 color: #ffffff; /* Sets the font on links to grey */
 text-decoration: none; /* Removes standard decoration of links: (Underlines) */
 font-weight: bold;
}

#footerCell a:hover { 
 text-decoration: none; /* Sets links to bold when the mouse is hovered over */
 font-weight: normal;
}

/* Start Articles Display */

/* List categories on the Section page one per row */
.list_category_one_in_row {
 width: auto; /* Creates a width automatically to the content inside */
 padding: 8px 8px; /* Add 5px to the container so everything can "breath" */
 overflow: hidden; /* In case they type to much, hide the content so it doesn't break the container size  */ 
 border-top: 1px dotted #CCCCCC;
}

.list_category_one_in_row img {
 position: relative; /* Sets the image relative to the content area */
 margin-right: 22px;
 border: 1px solid #333333; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

.list_category_one_in_row .holder {
 float: left;
 width: 440px;
}

/* List categories on the Section page two per row */
.list_category_two_in_row {
 width: 45%; /* Sets the width to 48% (100 = total width / 2 = 50...) */
 margin: 0 8px;
 padding: 8px; /* Add 5px to the container so everything can "breath" */
 overflow: hidden; /* In case they type to much, hide the content so it doesn't break the container size */
 border-top: 1px dotted #CCCCCC;
}

.list_category_two_in_row img {
 position: relative; /* Sets the image relative to the content area */
 border: 1px solid #333333; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

/* End Article Displays */

/*Start Error Message Display */

div#error_message ul {
 color: #f490a3; 			/* Sets the font colour to grey (HEX value) */
 line-height: 1.3em; /* Sets the height between each bullet point */
}
 
div#error_message {
 width: 450px; /* Sets the width of the error container to 450px */
 border: 1px solid #CCCCCC; /* Adds a border of 1px ridge line with a red colour (HEX value) */
 background-color: #f9f9f9; /* Sets the background colour to an off grey */
 padding: 4px 4px 0px 4px; /* Adds padding within the container: Order = Top Right Bottom Left; */
 margin-bottom: 8px;	/* Adds a margin of 8px to the bottom */
 line-height: 1.3em;	/* Sets the height between each line */
}

.error_color {
 color: #f490a3;
} 

/* CSS for Bookmark With START */
.sharesb{
	clear:both;
	position:relative;
	border:1px solid #ddd;
	padding:10px;
	margin:15px 0 10px 0;
	/* -webkit-text-size-adjust:none; */
}
.sharesb ul{
	text-align:left;
	list-style:none;
	margin:15px 0 0px 15px;
	padding:0;
}
.sharesb ul li{
	text-align:center;
	display:inline;
	padding: 0 4px 8px 0;
}

.sharesb ul li.delicious{background:url("/migglecms/modules/share_this/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("/migglecms/modules/share_this/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{background:url("/migglecms/modules/share_this/reddit.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{background:url("/migglecms/modules/share_this/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("/migglecms/modules/share_this/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a { padding:3px 0 0 18px; margin:0 10px 0 3px; }

/* CSS for Bookmark With END */


/* End Error Message Display */

/* End Site Layout */

/* Start Skip Navigation for screen readers */


#skip_navigation {
 position: absolute;
 left: -1000em;
 width: 20em; /* Sets the screen reader skip navigation of site so it can't be viewed */
}

/* End Skip Navigation for screen readers */