/* CSS Document */

body {
	margin-left:0pt;
 	margin-right:0pt; 	
 	scrollbar-face-color: #cccccc;
 	scrollbar-arrow-color: #FFFFFF;
 	scrollbar-track-color: #cccccc;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
}

.bg_color_primary {
/*	background-color: #FFFFFF;*/
	background-color: #000000;
	color:#FFFFFF;
}

.bg_color_primary_contras {
	background-color: #FFFFFF;
	color:#9d9d9d;
	padding-bottom:10px;
}

.bg_color_secondary {
	background-color: #CC9900;
}

.bg_color_tertiery {
	background-color: #00CC99;
}

.footer_bg {
	background-color: #CC9900;
}

.tx_header_1 {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#CC9900;
}
.tx_header_1 A:link {color:#CC9900; text-decoration:none}
.tx_header_1 A:visited {color:#CC9900; text-decoration:none}
.tx_header_1 A:active {color:#CC9900; text-decoration:none}
.tx_header_1 A:hover {color:#CC9900; text-decoration:underline;}

.tx_header_2 {
	font-size:11px;
	font-weight:bold;
	color:#104391;
}
.tx_header_2 A:link {color:#104391; text-decoration:none}
.tx_header_2 A:visited {color:#104391; text-decoration:none}
.tx_header_2 A:active {color:#104391; text-decoration:none}
.tx_header_2 A:hover {color:#32A2A2; text-decoration:underline;}

.tx_header_3 {
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.tx_header_3 A:link {color:#32A2A2; text-decoration:none}
.tx_header_3 A:visited {color:#32A2A2; text-decoration:none}
.tx_header_3 A:active {color:#32A2A2; text-decoration:none}
.tx_header_3 A:hover {color:#4C270A; text-decoration:underline;}

.tx_header_4 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.tx_header_4 A:link {color:#FFFFFF; text-decoration:none}
.tx_header_4 A:visited {color:#FFFFFF; text-decoration:none}
.tx_header_4 A:active {color:#FFFFFF; text-decoration:none}
.tx_header_4 A:hover {color:#32A2A2; text-decoration:underline;}

.tx_footer_1 {
	font-size:11px;
	color:#474243;
}
.tx_footer_1 A:link {color:#474243; text-decoration:none}
.tx_footer_1 A:visited {color:#474243; text-decoration:none}
.tx_footer_1 A:active {color:#474243; text-decoration:none}
.tx_footer_1 A:hover {color:#474243; text-decoration:underline;}

.tx_footer_2 {
	font-size:10px;
	color:#474243;
}
.tx_footer_2 A:link {color:#474243; text-decoration:none}
.tx_footer_2 A:visited {color:#474243; text-decoration:none}
.tx_footer_2 A:active {color:#474243; text-decoration:none}
.tx_footer_2 A:hover {color:#474243; text-decoration:underline;}


.RightPanelPage { margin-bottom: 15px;}
.RightPanelPage h2 { background: url(../Images/IcoCategories.png) no-repeat left top; padding-left: 20px; margin-bottom: 10px;}
.RightPanelPage ul { padding:0px; margin:0px;padding-top: 0px;  border-top: solid 1px #dfe6ec; padding-bottom: 0px; list-style-image: none;}
.RightPanelPage li a { font-size: 12px; padding-left: 15px;display: block; border-bottom: solid 1px #dfe6ec; background: url(../Images/arrow_green.gif) no-repeat left center; padding-top: 3px; padding-bottom: 3px; }
.RightPanelPage li a:hover { background-color: #B5DFDF;}

.PageName {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	letter-spacing: 2px;
	text-transform:uppercase;
	color:#EB1E25;
}

.CategoryName {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#EB1E25;
}

.ArticleTitleText {
	font-size:14px;
	letter-spacing: 2px;
	color:#000000;
	text-decoration:none;
}
.ArticleTitleText A:link {color:#000000; text-decoration:underline}
.ArticleTitleText A:visited {color:#000000; text-decoration:underline}
.ArticleTitleText A:active {color:#000000; text-decoration:underline}
.ArticleTitleText A:hover {color:#EB1E25; text-decoration:none;}

.NewsTitleText {
	font-size:14px;
	font-weight:bold;
	/*text-transform: uppercase;*/
	text-align:left;
	letter-spacing: 0px;
	color:#EB1E25;
}

.NewsTitleText A:link {color:#EB1E25; text-decoration:none}
.NewsTitleText A:visited {color:#EB1E25; text-decoration:none}
.NewsTitleText A:active {color:#EB1E25; text-decoration:none}
.NewsTitleText A:hover {color:#EB1E25; text-decoration:underline;}

.RightPanels { background: #fff; font-size: 11px; padding: 0px 0px 0px 20px; float: right; width: 220px; }
.RightPanels h1 { padding-left: 25px; background: url(../Images/RecentBlogIcoHeading.png) no-repeat left center; margin-bottom: 10px; }
.RightPanels ul { padding: 0px; margin: 10px 0px; }
.RightPanels li { padding: 5px 0px; margin: 0px; list-style-type: none; font-size: 9px; border-bottom: solid 1px #e0e0e0;}
.RightPanels big { font-size: 11px; display: block; font-weight: bold; letter-spacing: -1px; }


/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menuHX { 
	/*position:absolute; */
	position: inherit; 
	top: 80px; 
	left: 0px;
}

.menuHX a { padding: 8px; }

/* remove all list stylings */
.menuHX, .menuHX ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }

.menuHX li {
	text-align:center;
	width: 130px;
	margin: 0; 
	padding: 0; 
	border: 0; 
	display: block; 
	float: left;	/* move all main list items into one row, by floating them */
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5; /* thus we need to apply explicit z-index here... */
	font-size: 10px;
}

.menuHX li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menuHX li li { float: none; /* items of the nested menus are kept on separate lines */ 
letter-spacing: 0px;
}

.menuHX ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menuHX li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menuHX li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0; left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menuHX:after, .menuHX ul:after {
	content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;
}
.menuHX, .menuHX ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menuHX ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 11px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menuHX ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

.menuHX, .menuHX ul li {
	text-align:left;
	color: white;
	font-size: 11px; 
	font-weight: bold;
}

.menuHX ul li {

}

.menuHX ul {
	width: 11em;
}

.menuHX a, .menuHX li a:visited {
	text-decoration: none;
	color:#FFFFFF; 

	display: block;
	position: relative;
	/*border-right: solid 1px #9fd9ff;*/
}

.menuHX li li a {
	padding: .4em .4em;
}

.menuHX li li a:link, .menuHX li li a:visited {
	background-color: #3888da;
	color: white;
}

.menuHX ul a:link {
	color: #000066;
	font-weight: normal;
	width: 150px;
}

.menuHX ul a:visited {
	color: #000066;
	font-weight: normal;
	width: 150px;
}

.menuHX a:hover, .menuHX ul a:hover, .menuHX li li a:hover {
	color: white;
	background-color: #005dbb;
	text-decoration: none;
}

.menuHX li:hover>a {
	color: white;
	background-color: #32A2A2;
}

.menuHX li li {	/* create borders around each item */
	
}
.menuHX ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menuHX li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menuHX>li:first-child>a, .menuHX li + li + li li:first-child>a {
	
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/* ie 6 only style */
* html .menuHX a:hover, * html .menuHX .adxmhoverA {		/* li:hover>a selector */
	color: white;
	background-color: #005DBB;
	text-decoration: none;
}

/* -- sticky.submenu.END -- */