@charset "utf-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6  {
	margin: 0;
	padding: 0;
	border: 0;
	color: #B32E33;
}
a {
	text-decoration: none;
}
img {
	margin: 0px;
	padding: 0px;
}

/* prevents borders from appearing on images that are used as links */
a img { border : 0
}


/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body  {
	background: #DFDFDF;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 18px;
}
html {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: scroll;
	height: 101%;
}
/* zeros out margin and padding in unordered lists */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Commonly used to style page titles. */
table {
	margin: 0px;
	padding: 0px;
}
table tr td {
	margin: 0px;
	padding: 0px;
}
table tr {
	margin: 0px;
	padding: 0px;
}
.fltLeft{
	float: left;
}
.fltRight{
	float: right;
}
.BoldItalic{
	font-weight: bold;
	font-style: italic;
}
#container  {
	width: 955px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #FFF;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
} 
#container #header{
	background: #000;
	padding: 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 75px;
	color: #FFF;
} 
#container #header h2 {
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #CCC;
	font-style: italic;
	font-weight: normal;
	font-size: 80%;
}
#container #header #navHead{
	height: 60px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}
#container #header #navHead ul {
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 915px;
	padding-left: 25px;
}
#container #header #navHead ul li {
float: left;
}

#container #header #navHead ul li a{
	float: left;
	text-align: center;
	margin-right: 23px;
	width: 78px;
	height: 45px;
	font-weight: bold;
	font-size: 75%;
	display: block;
	padding: 5px 0px 0px;
	margin-left: 0px;
	border-bottom: 2px solid #F6F6F6;
}

#container #header #navHead ul li a:link, #container #header ul li a:visited {
	color: #EDEDED;
	background: url(../images/top-button-link.gif);
}
#container #header #navHead ul li a:hover , #container #header ul li a:active{
	background: url(../images/top-button-link.gif) center 50px;
	color: #990035;
	border-bottom-color: #555;
}

#container #header  p{
	text-align: right;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 8px;
	font-size: 1px;
}

#container #header h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height: 125px;
	overflow: hidden;
}

#container #sidebar1  {
	float: right; /* since this element is floated, a width must be given */
	width: 153px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	background: #000;
	height: 500px;
	color: #CCC;
	margin: 0px;
}
#container #sidebar1 h2 {
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	display: block;
	height: 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	padding: 4px 10px;
	width: 75px;
	background: #555;
	color: #F0F0F0;
	margin: 5px auto 7px;
}

#container #sidebar1 ul {
	padding-top: 0px;
	display: block;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
#container #sidebar1 ul li {
	display: block;
	text-align: center;
	font-size: 80%;
}
#container #sidebar1 ul li a {
	color: #F8F8F8;
	font-weight: bold;
	display: block;
	padding: 5px 0px;
	height: 40px;
	width: 79px;
	margin-bottom: 13px;
	margin-right: auto;
	margin-left: auto;
}
#container #sidebar1 ul li a:link, #container #sidebar1 ul li a:visited {
	background: url(../images/side-button-link.gif) no-repeat center top;
	border-top: 2px solid #F6F6F6;
}
#container #sidebar1 ul li a:hover, #container #sidebar1 ul li a:active {
	background: url(../images/side-button-link.gif) no-repeat center -50px;
	border-top: 2px solid #555;
	color: #990035;
}



#container #sidebar1 img {
	margin-bottom: 7px;
	border-width: 0px;
	border-style: none;
	margin-top: 6px;
}
#container #mainContent {
	margin: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 500px;
	overflow: auto;
	width: 800px;
	background: #FFF url(../images/content-bg.gif) no-repeat;
	padding: 0px;
	border-left: 2px solid #C1C1C1;
	float: right;
}
#container #mainContent img.RightFloat {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	margin-left: 15px;
}

#container #mainContent.home {
	background: url(../images/home-page-graphic.jpg) no-repeat right top;
}
#container #mainContent.home p {
	margin-right: 450px;
	font-size: .7em;
	margin-bottom: 12px;
}


#container #mainContent ul   li {
	list-style: none;
	padding-bottom: 0px;
	padding-left: 25px;
	font-size: 80%;
	color: #666;
	background: url(../images/gray-bullet.gif) no-repeat 8px 4px;
	padding-top: 0px;
	margin: 0px 20px 10px 15px;
}
.BoldItalic {
	font-style: italic;
	font-weight: bold;
}



#container #mainContent p img{
	border-top: 1px solid #CCC;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC;
}
#container #mainContent p.centerText {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
#container #mainContent img  {
	border-top: 1px solid #CCC;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	border-left: 1px solid #CCC;
}
#container #mainContent img.CenterImage {
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-style: none;
}
#container #mainContent img.centerlogo {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 15px;
}

#container #mainContent img.homePage {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
#container #mainContent h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 130%;
	color: #B32E33;
	font-weight: normal;
	margin: 10px 300px 10px 30px;
	background: url(../images/title-underline.gif) no-repeat -25px bottom;
}
#container #mainContent h2 {
	font-style: normal;
	color: #900;
	margin-top: 20px;
	margin-left: 30px;
	font-size: 90%;
	text-align: left;
	top: auto;
}
#container #mainContent h4 {
	color: #666;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 85%;
	font-weight: bold;
}


#container #mainContent p {
	font-size: 75%;
	margin: 10px 30px 5px 50px;
	color: #666;
	line-height: 120%;
}
#container #mainContent table {
	margin-left: 45px;
	width: 700px;
	margin-top: 20px;
}
#container #mainContent table.center {
	margin-left: auto;
	margin-right: auto;
}

#container #mainContent table tr {
	padding: 0px;
	border-top-style: none;
	border-top-width: 0px;
	margin: 0px;
}
#container #mainContent table tr.gray {
	background: #999;
}


#container #mainContent table tr th {
	background: #999;
	border-width: 0px;
	border-style: none;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#container #mainContent table tr th p {
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 4px;
}
#container #mainContent table tr td {
	border-bottom: 1px dotted #666;
	padding: 2px 4px;
	vertical-align: middle;
}
#container #mainContent table tr td.topAlign {
	vertical-align: top;
}
#container #mainContent table tr td.noBorder {
	padding: 2px 4px;
	border-width: 0px;
	border-style: none;
	vertical-align: middle;
}
#container #mainContent table img {
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
}
#container #mainContent table img.centerImage {
	display: block;
	margin-right: auto;
	margin-left: auto;
}



#container #mainContent table tr td p {
	margin-left: 1px;
}


#container #mainContent p a:link, #mainContent p a:visited {
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #A43548;
}
#container #mainContent p a:hover, #mainContent p a:active {
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #CCC;
	background: #A43548;
}




#container #footer  {
	padding: 1px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF url(../images/footer.jpg) no-repeat;
	height: 119px;
	margin: 0px;
} 
#container #footer div {
	width: 750px;
	padding-right: 170px;
	margin: 0px;
}
#container #footer p  {
	padding: 0px 0px 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #CCC;
	text-align: right;
	font-size: 50%;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	float: right;
	margin-top: 60px;
	margin-right: 0px;
	width: 200px;
	margin-bottom: 0px;
	clear: both;
}
#container #footer p a {
	color: #AE2328;
	text-decoration: none;
}

#container #footer ul {
	display: block;
	margin: 5px 155px 10px 10px;
	float: right;
	clear: both;
	width: 700px;
}
#container #footer ul li {
	display: block;
	color: #EDEDED;
	font-size: 75%;
	float: right;
	margin-left: 20px;
	margin-top: 0px;
	font-weight: bold;
}
#container #footer ul li a:link , #container #footer ul li a:visited{
	text-decoration: none;
	color: #CCC;
}
#container #footer ul li a:hover , #container #footer ul li a:active{
	text-decoration: none;
	color: #990035;
	background: #CCC;
}
.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 */
	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;
	margin: 0px;
	padding: 0px;
}
.smallerTable {
	font-size: 75%;
}

#container #header img {
	margin-bottom: 7px;
	border-width: 0px;
	border-style: none;
	margin-top: 6px;
}
.noBorder {
	border-bottom-width: 0px;
	border-bottom-style: none;
}