/***********************************************/
/* site_styles.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #d4d5b7;
	line-height: 1.3;
	font-size: small;
	font-weight: normal;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #000000;
}

a:link, a:visited, a:hover {
	color: #0000C0;
	text-decoration: none;
	font-weight: bold;
}

/* overrides decoration from previous rule for hovered links */
a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none:
	color: #333366;
}
	
h1, h2, h3, h4, h5, h6 {
/* 	font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #000000;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
	list-style-type: circle;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#wrapper {
/*	background-color: #c0c0c0; */
	background-color: #D4D5B7;
	max-width: 860px;
	width: expression(document.body.clientWidth > 861? "860px": "auto");
/*	position:relative; */
    position:relative;
/*	z-index:auto; */
/*	z-index: -1;  ---- may need to put back in for index  - removed for back pages */
	margin: 0px auto 0px;
	height: auto;
/*	padding: 0px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;*/
}

#sidebar{
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	background-color: #c0c0c0;
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	width: 175px;
	height: auto;
}

#contentbar {
	position:absolute;
	z-index: 5;
/*	top:546px;
	left:-3px; */
	top:500px;
	left:-3px;
	background-color: #D4D5B7;
	max-width: 860px;
	/*	background-image:url(images/content.jpg);
	background-repeat: no-repeat;
	background-position: top left;
*/
	font-size: small;
	font-weight: normal;
	height: auto;
/*	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
*/
}

#navbar {
	background-image:url(images/nav_back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom:#808080;
	border-top:#808080;
	margin: 0px;
	padding: 0px;
}

#footer{
    clear: both;
    width: 100%;
	background-color: #808080;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 0px;
	color: #333333;
}




/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}
#header {
	background-image: url(images/inviting_back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 275px;
	width: 800px;
}


#headlines p{
	padding: 5px 0px 5px 0px;
}
.navlink {
	border: thin none;
	line-height: .9;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:small;
	font-weight: bold;
	text-align: center;
	background-position: center;
	font-style: normal;
	font-variant: normal;
	color:#FFFFFF;
	padding: 5px; 
}


.boxlink {
	border: thin none;
	line-height: 1.2;
/*	font-family: Arial, Helvetica, sans-serif; */
	font-family:Times New Roman, Times, serif;
	font-size:medium;
	font-weight: bold;
/*	text-align: center;
	background-position: center;
	font-style: normal;
	font-variant: normal;
	color:#FFFFFF;
	padding: 5px; */
}
.selectedlink {
	border: thin none #7f98c0;
	width: 13.5em;
	margin: 1em 0.25em 1em 0.5em;
	padding: 0.25em 0em 0.25em 0.25em;
/*	font-family: "Trebuchet MS", sans-serif; */
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #D4D5B7;
}
.hilite {
	background-color:#D31145;
	color: white;	
}

.shortrule {
	color: #333333;
	background-color: #333333;
	height: 1px;
}

.bottomrule {
	color: #808080;
	background-color: #808080;
	height: 1px;
	max-width: 700px;
/*	width: 700px;*/
}

.style6 {
	font-size: 24;
	font-weight: bold;
	font-style: italic;
}
.style10 {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}
.style12 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.style14 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.style16 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.style18{
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}
.style20{
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}
.style22{
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
}
.style24{
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}
.style26{
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
}
.caption{
	font-size: 80%;
}
.smallprint{
	font-size: 89%;
}
.bluebullet li{
	 list-style-image:url(images/bulletblue.png);
}
.coloredbox {
	background-color: #FFFFCC;
	border: thin outset #333333;
	padding: 5px;
}
