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

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

/* This has been removed - p, a, ul li, ul ul li, ul ul ul li */
html, body {
 font: normal 8pt verdana;
 color: #4c5a52;
 line-height: 1.3em;
}

#section_div {
 width: auto; /* Creates a width automatically to the content inside */
 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) */
}

h2 {
 font-weight: bold; /* Sets the font bold */
 margin: 0 0 8px 0; /* Adds margin around the title: Order = Top Right Bottom Left */
}

#topCentreCell h1 {
 margin: 0 0 5px 0; /* Adds margin around the title: Order = Top Right Bottom Left */
 padding: 0; /* Removes padding from the title: Order = Effects all sides */
}

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

a:hover {
 text-decoration: underline; /* Sets links to underline when the mouse is hovered over */
}

form, p, 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 */ 
}

* {
 vertical-align: top; /* aligns the text to the top of the content area (All containers & DIVs) */
}

#section_div h1 {
 font: normal 14pt Verdana; /* 'Bitstream Vera Sans',Verdana,Arial */
 color: #a390bf;
 line-height: 1.4em;

}

.menu_header {
 display: block;
 text-align: center;
 padding: 3px;
 font: bold 100% Verdana;
 /* Adds a background image... "color", Position, position, repeat */
}

/* Start Navigation Formatting */

/* Left Menu */

#left_ {
 width: 200px;
 margin: 0;
 padding:0;
 margin-left: 15px;
 margin-bottom: 18px;
}

#left_ a {
 width: 200px;
 display: block;
 height: 21px;
 margin-top: 6px;
 text-align: left;
 color: #7b857f;
 font-weight: bold;
 background: url("/migglecms/templates/default/images/menu_border_bottom.gif") bottom left no-repeat;
}

#left_ a:hover {
 text-indent: 12px;
 color: #a390bf;
 text-decoration: none;
 background: url("/migglecms/templates/default/images/menu_border_bottom_hover.gif") bottom left no-repeat;
}

#left_ #sub-menu {
 margin-left: 10px;
}

#left_ #sub-menu a {
 display: block;
 height: 21px;
 margin-top: 6px;
 text-align: left;
 font-weight: bold;
 background: url("/migglecms/templates/default/images/menu_border_bottom.gif") bottom left no-repeat;
}

#left_ #sub-menu a:hover {
 text-indent: 12px;
 color: #a390bf;
 text-decoration: none;
 background: url("/migglecms/templates/default/images/menu_border_bottom_hover.gif") bottom left no-repeat;
}


/* Right Menu */
#right_ a {
 color: #747474; /* Sets the font colour to grey (HEX value) */
 background-color: #EEEEEE; /* sets the background colour to a light grey (HEX value) */
 display: block; /* Displays the element as a block */
 padding: 5px; /* Adds padding to all sides (Top Right Bottom Left) */
 border-bottom: 1px solid #E3E3E3; /* Adds a border of 1px solid line to grey (HEX value) */
}
#right_ a:hover {
 background-color: #DCDCDC; /* Sets the background colour darker when the mouse is over the link (HEX colour) */
 color: #A52A2A;  /* Sets the font colour to a dark grey when the mouse is over the link (HEX colour) */
 text-decoration: none;
}

/* Top Menu */

#top_ a {
 color: #747474; /* Sets the font colour to grey (HEX value) */
 background-color: #EEEEEE; /* sets the background colour to a light grey (HEX value) */
 display: block; /* Displays the element as a block */
 float: left; /* Float the content to lay next to each other */
 padding: 4px 6px; /* Adds padding to all sides (Top Right Bottom Left) */
 border-right: 1px solid #E3E3E3; /* Adds a border of 1px solid line to grey (HEX value) */
}

#top_ a:hover {
 background-color: #DCDCDC; /* Sets the background colour darker when the mouse is over the link (HEX colour) */
 color: #A52A2A;  /* Sets the font colour to a dark grey when the mouse is over the link (HEX colour) */
 text-decoration: none;
}

/* Bottom Menu */
#bottom_ { text-align: center; }
#bottom_ a {
 color: #747474; /* Sets the font colour to grey (HEX value) */
 background-color: #EEEEEE; /* sets the background colour to a light grey (HEX value) */
 display: block; /* Displays the element as a block */
 float: left; /* Float the content to lay next to each other */
 padding: 4px 6px; /* Adds padding to all sides (Top Right Bottom Left) */
 border-right: 1px solid #E3E3E3; /* Adds a border of 1px solid line to grey (HEX value) */
}

#bottom_ a:hover {
 background-color: #DCDCDC; /* Sets the background colour darker when the mouse is over the link (HEX colour) */
 color: #A52A2A;  /* Sets the font colour to a dark grey when the mouse is over the link (HEX colour) */
 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: left; /* Sets the text to the left of each cell */
 border: 1px solid #666666;
}

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

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

#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 */
}

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

#topLeftTD, #topLeftCell {
 width: 200px; /* Sets the top left cell & DIV to 200px */
}

#leftMenuTD, #leftMenuCell {
 width: 200px; /* Sets the left menu cell & DIV to 210px */
}

#topLeftCell, #topRightCell {
 height: 97px; /* Sets the top left & right cells to 97px height */
 padding: 0 5px; /* Adds padding to the Cell: Order = Top & Bottom, Right & Left; */
 background: url(/cms_images/header_red.jpg) #DC143C center left repeat-x;
 /* Adds a background image... "color", Position, position, repeat */
}

#rightMenuTD, #rightMenuCell {
 width: 180px; /* Sets the right cell & DIV to 180px */
}

#topMenuTD {
 border-top: 1px solid #CCCCCC; /* Add a border of 1px solid line & colour of grey (HEX value) */
 border-bottom: 1px solid #CCCCCC; /* Add a border of 1px solid line & colour of grey (HEX value) */
 background: url(/cms_images/top_blue.jpg) #FFFFFF center left repeat-x;
 /* Adds a background image... "color", Position, position, repeat */
}

#rightMenuTD {
 border-left: 1px solid #B3B3B3; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

#topCentreCell {
 height: 109px; /* Sets the height of the top centre cell */
 background: url("/migglecms/templates/default/images/header.gif") #FFFFFF left top repeat-x;
 /* Adds a background image... "color", Position, position, repeat */
}

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

#bottomMenuTD {
 border-top: 1px solid #CCCCCC; /* Add a border of 1px solid line & colour of grey (HEX value) */
 border-bottom: 1px solid #CCCCCC; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

#footerTD {
 height: 17px;
 padding: 4px 0;
 width: 100%; /* Sets the width to full width of the "main" table */
 background-color: #a392b7;
 /* Adds a background image... "color", Position, position, repeat */
}

#footerTD a {
 color: #4c5a52;
}

#footerTD p {
 margin: 0;
 padding: 0;
 text-align: center;

}

#search {
 padding: 8px; /* Adds 8px padding to every side around the content area */
}

#tut {
 margin: 5px 5px;
}

/* 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: 5px 0; /* 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 #808080; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

.list_category_one_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) */
}

/* List categories on the Section page two per row */
.list_category_two_in_row {
 width: 47%; /* Sets the width to 48% (100 = total width / 2 = 50...) */
 padding: 5px; /* 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  */
}

.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 {
 margin: 6px 0 0 20px;	/* Adds a margin on the left hand side of 20px */
 color: #CC0000; 			/* Sets the font colour to grey (HEX value) */
 line-height: 1.3em; /* Sets the height between each bullet point */
}
 
div#error_message {
 width: auto; /* 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 */
}

/* 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; }

#right_ a.isOna, #bottom_ a.isOna, #top_ a.isOna {

}

#left_ a.isOna, #left_ #sub-menu a.isOna {
 text-indent: 12px;
 color: #a390bf;
 font-weight: bold;
 text-decoration: none;
 background: url("/migglecms/templates/default/images/menu_border_bottom_hover.gif") bottom left no-repeat;
}

/* 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 */

.seperator {
 width: 488px;
 height: 4px;
 margin: 13px 0 13px 0;
 background: url("/migglecms/templates/default/images/h1.gif") top left no-repeat;
}