@charset "utf-8";

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #FFFFFF;
	vertical-align: baseline
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	margin: 0px;
	padding: 5px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	margin: 0px;
	padding: 5px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 0px;
	padding: 5px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	margin: 0px;
	padding: 5px;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

tr {
	margin: 0px;
	padding: 0px;
}

td {
	margin: 0px;
	padding: 0px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

/* CSS for page layout formatting: */

.myPage #container {
	width: 1000px;				/* this will create a container XX% of the browser width */
	margin: 0 auto;			/* the auto margins (in conjunction with a width) center the page */
	text-align: left;		/* this overrides the text-align: center on the body element. */
	border: thin solid #000000;
	border-width: 1px;
}
.myPage #header {
	border-bottom: thin solid 1px #000000;
	margin: 0px;
	padding-top: 0px;		/* this padding matches the left alignment of the elements in the divs that appear beneath it. */
	padding-right: 0px;		/* If an image is used in the #header instead of text, */
	padding-bottom: 0px;	/* you may want to remove the padding. */
	padding-left: 0px;
}
.myPage #header h1 {
	margin: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding: 0px;
}
.myPage #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	/*width: 22%; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div  */
}
.myPage #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	/*width: 23%; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
}
.myPage #sidebar1 p, .myPage #sidebar1 h3, .myPage #sidebar2 p, .myPage #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.myPage #mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.myPage #footer { 
	background: #000000;
	border-top: thin solid 1px #000000;
	margin: 0px;
	padding-top: 0px;		/* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-right: 5px;		/* padding on this element will create space, */
	padding-bottom: 0px;	/* just as the the margin would have, */
	padding-left: 5px;		/* without the margin collapse issue */
} 
.myPage #footer p {
	margin: 0px; /* zeroing margins of first element in footer will avoid the possibility of margin collapse (a space between divs) */
	padding: 0px;
}

/* 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 its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* CSS for drop dowm menu formatting: */

.menu {
	width: 100%;
	height: 32px;
	position: relative;
	z-index: 100;
	border-right: 1px solid #000;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul ul {
	width: 249px;
}

.menu li {
	float: left;		/* float the list to make it horizontal */
	width: 249px;
	position: relative;	/* set positon to relative to control the dropdown menu positon */
}

.menu a, .menu a:visited { /* style top level links */
	display: block;
	width: 249px;
	height: 30px;
	border: 1px solid #000000;
	border-width: 1px 0 1px 1px;
	background: #000000;
	vertical-align: middle;
	text-align: center;
	line-height: 29px;
}

.menu ul ul a.drop, .menu ul ul a.drop:visited { /* style the second level background */
	background: #d4d8bd;
}

.menu ul ul a.drop:hover{ /* style the second level hover */
	background: #c9ba65;
}

.menu ul ul :hover > a.drop {
	background: #c9ba65;
}

.menu ul ul ul a, .menu ul ul ul a:visited { /* style the third level background */
	background: #e2dfa8;
}

.menu ul ul ul a:hover { /* style the third level hover */
	background: #b2ab9b;
}

.menu ul ul { /* hide the sub levels and give them a positon absolute so that they take up no room */
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 31px;
	left: 0;
	width: 180px;
	border-top: 1px solid #000;
}

.menu ul ul ul{ /* position the third level flyout menu */
	left: 249px;
	top: -1px;
	width: 249px;
}

.menu ul ul ul.left { /* position the third level flyout menu for a left flyout */
	left: -249px;
}

.menu table { /* style the table so that it takes no part in the layout - required for IE to work */
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

.menu ul ul a, .menu ul ul a:visited { /* style the second level links */
	background: #797d7e;
	color: #FFFFFF;
	vertical-align: middle;
	width: 249px;
	border-width: 0 1px 1px 1px;
}

.menu a:hover, .menu ul ul a:hover{ /* style the top level hover */
	color: #FFFFFF;
	background: #2a5bfd;
}

.menu :hover > a, .menu ul ul :hover > a {
	color: #FFFFFF;
	background: #2a5bfd;
}

.menu ul li:hover ul, .menu ul a:hover ul{ /* make the second level visible when hover on first level list OR link */
	visibility: visible;
}

.menu ul :hover ul ul{ /* keep the third level hidden when you hover on first level list OR link */
	visibility: hidden;
}

.menu ul :hover ul :hover ul{ /* make the third level visible when you hover over second level list OR link */
	visibility: visible;
}

/* hacks for IE .menu formatting: */

* html .menu { /* corrects IE5.5 faulty box model */
	width: 1000px;
	w\idth: 1000px;
}

* html .menu a, * html .menu a:visited { /* corrects IE5.5 faulty box model */
	width: 249px;
	w\idth: 169px;
}

* html .menu ul ul { /* fixes IE5.5 */
	top: 30px;
	t\op: 31px;
}

* html .menu ul ul a, * html .menu ul ul a: visited {/* fixes IE5.5 */
	width: 249px;
	w\idth: 159px;
}