/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #585146;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	color: #551106;
	text-decoration: none;
}
.colo_white {
	color:#FFF;
}
.colo_green_1 {
	color:#5ea28e;
}
.colo_green_2 {
	color:#360;
}
.colo_blue_1 {
	color:#338EA2;
}
.colo_blue_2 {
	color:#4397ce;
}
strong {
	font-weight: bold;
	color: #690;
}
li {
	padding: 0px;
	margin-left: -15px;
	margin-top: 0px;
}
hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdc8bb;
	background-color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	margin: 0px;
}
p {
	color: #464600;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 8px;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	color: #000;
}
.line {
	color:#F00;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bold;
}
.box_colo_1 {
	background-color: #71664c;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
.box_colo_1 li {
	color:#c8ff34;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #948766;
	line-height: 20px;
}
.box_colo_2 {
	background-color: #f0c048;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0px;
}
.box_colo_2 li {
	color:#333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C91;
	line-height: 20px;
}
.box_colo_3 {
	background-color: #d87818;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
#box_colo_4 {
	background-color: #603000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
.twoColLiqRtHdr #container {
	width: 950px; /* the auto margins (in conjunction with a width) center the page */
	border: 6px solid #fff;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}
.twoColLiqRtHdr #header {
	height: 120px;
	padding: 0;
	margin: 0px;
	background-color: #DDDDDD;
}
.twoColLiqRtHdr #header h1 {
	background-image: url(../images/img_head.jpg);
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height: 120px;
	padding: 0px;
}
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqRtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 600px;
	border: 1px solid #dad4cc;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.twoColLiqRtHdr #sidebar1 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a9a298;
	color: #333;
}
.twoColLiqRtHdr #sidebar1 .photo_h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin: 0px;
	text-transform: uppercase;
	background-color: #3A3930;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3A3930;
	color: #E4E4E4;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.twoColLiqRtHdr #sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 300px;
	border: 1px solid #e0e2bd;
	clear: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #FFF;
	background-color: #FFF;
}
.twoColLiqRtHdr #sidebar1, .twoColLiqRtHdr #sidebar2, {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-left: 5px;
 color: #666;
}
.twoColLiqRtHdr #footer {
	background-color: #4a4339;
	height: 250px;
	color: #979C32;
	margin: 0px;
	padding: 10;
	font-size: 11px;
}
.twoColLiqRtHdr #footer li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #585146;
	line-height: 25px;
	font-weight: normal;
	list-style-type: none;
	margin: 0px;
	list-style-position: inside;
}
.twoColLiqRtHdr #footer ol {
	line-height: 30px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.twoColLiqRtHdr #footer a {
	margin: 0;
	color: #BDB733;
	text-decoration: none;
	font-weight: normal;
}
.twoColLiqRtHdr #footer strong {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #C5A527;
	font-size: 12px;
	text-transform: uppercase;
}
.twoColLiqRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #957D1E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
/* Fix for IE5/Mac \*//*/.menu a {	float: left;}
/* End Fix */
/*]]>*/


.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.menu li {
	margin: 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: 6;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-right-color: #8e846c;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 5;
	padding-left: 0;
}
.menu 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)	 */
}
.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: left;	/* while hidden, always keep them at the top left corner, */
	top: 0px;		/* 		to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}
.menu 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 */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu 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 */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 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 */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
/* --  ************************************************************************************** -- */
/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li {
	color: #FFF;
	background: #43382f;
	line-height: 20px;
}
.menu ul {
	width: 220px;
}
.menu a {
	text-decoration: none;
	color: #FFF;
	padding: .4em 1em;
	display: block;
	position: relative;
}
.menu a:hover, .menu li:hover>a {
	color: #FF0;
}
.menu li li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 100%;
}
/* 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 */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #FC0;
}