/***********************************************/
/* locale                                      */
/* Dave Glue 20070130                          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/* img {display: block;} /* SCREWS UP MOZ and OPera Globaly removes unwanted lines below images */

html
{
    height: 100%;
}

body
{
    font: 62.5% Verdana, sans-serif; /* CR */
	line-height: 2.0em; /* has big impact on H1's for opera nad moz */	
	color: #7c7c7c; /* 60% k */
    height: 100%;
    margin:0px;
    padding:0px;
	background-color: #717073;
	/* HAd to add the bg image to bod for firefox and opera to work correctly - IE 7 and 6 were ok without */
	background-image: url(/images/template/pagebg.jpg); 
	background-repeat: repeat-y;
	background-position: top center;
}

a { color: #68676a; text-decoration: underline;  line-height: 0.90em;} /* DAG line height required or dead spot in link Omly seem to work for IE */
a:hover { color: #68676a; text-decoration: none; line-height: }
/* a:visited { color: #dcccd5; text-decoration: underline; } */
a:active { color: #68676a; text-decoration: underline; line-height:}

/* this is required for mox and opera */
#flashwrapper {
    width: 700px; 
    height: 200px;
	padding: 0px;
	margin: 0px;
    overflow: hidden; /* required by opera and firefox for bot margins to work */
    display: inline; /* IE 6 hack to prevent double left margin */


}

p 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#wrapper {
    font-size:1.1em; /* acts as default font size */
	width:1000px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
	/* position: relative; /* to keep footer at bottom of screen */
	min-height:100%;/* must be min height in case content needs to scroll */
	/* This hack makes sure div is still 100% heigh in IE6 which ignores min-height  */
	height:auto !important;
    height:100%;
	/* end hack  */
	background-image: url(/images/template/pagebg.jpg); 
	background-repeat: repeat-y;
	background-position: top center;
}
#stripebg {
	width:1000px;
	height:385px;
	background-image: url(/images/template/stripebg.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
}
#nav img {display: block;} /* kills space below images */

#nav {
    /* background-color:red; */
    float:left; /* required for firefox and opera or margin top moves outer div down */
	width:722px;
	height:37px;
	margin-left:139px;
	margin-top:22px;
	/* background-image: url(/images/template/nav.jpg); */
	background-repeat: no-repeat;
    overflow: hidden; /* required by opera and firefox for bot margins to work */
    display: inline; /* IE 6 hack to prevent double left margin */
}
#stripe {
    float:left; /* required for firefox and opera or margin top moves outer div down */
	width:720px;
	height:200px;
	margin-left:141px;
	margin-top:5px;
	/* background-image: url(/images/template/nav.jpg); */
	/* background-repeat: no-repeat;*/
    overflow: hidden; /* required by opera and firefox for bot margins to work */
    display: inline; /* IE 6 hack to prevent double left margin */
}

#copy {
	background-color: #ffffff; /* only required so you can see what you are doing in Dream Weaver */
    float:left; /* required for firefox and opera or margin top moves outer div down */
	width:500px;
	margin-left:141px;
	margin-top:10px;
    overflow: hidden; /* required by opera and firefox for bot margins to work */
    display: inline; /* IE 6 hack to prevent double left margin */
    /* padding-bottom: 115px; /* TO COMPENSATE FOR FOOTER HEIGHT */
	}
	
.copy_img  {
    margin: 5px;
	/* border: 2px;
	border-color: #90a971; */
}

#sidebar {
	background-color: #ffffff;  /* only required so you can see what you are doing in Dream Weaver */

    float:left; /* required for firefox and opera or margin top moves outer div down */
	width:182px;
	margin-left:38px;
	margin-top:10px;
	/* background-image: url(/images/template/nav.jpg); */
	/* background-repeat: no-repeat;*/
    overflow: hidden; /* required by opera and firefox for bot margins to work */
    display: inline; /* IE 6 hack to prevent double left margin */
   /* padding-bottom: 115px; /* TO COMPENSATE FOR FOOTER HEIGHT */
}

#footer
{
    width:1000px;
    position: relative;
    margin-top: -95px;
	height: 95px;
    background-image: url(/images/template/footerbg.jpg); 
	background-position: bottom center;
    background-repeat: no-repeat;
    padding:0px;
	margin-left: auto;
	margin-right: auto;

}
#footer_text
{
    float:left;
	margin-left: 140px;
    text-align:center;
    width:720px;
    /* border-style: solid;
	border-color: red;
	border-width: 1px; */
    padding-bottom: 95px; /* TO COMPENSATE FOR FOOTER HEIGHT */
    display: inline; /* IE 6 hack to prevent double left margin */

}
.clear_div {
    margin:0px;
	padding:0px;
    clear: both;
}
h1 {
	width:100%;
    color: #475634;
	font-size:1.8em;
	margin-top: 5px;
    margin-bottom: 5px;
	padding-bottom:0px;
	background-image: url(/images/template/underline.gif); 
	background-repeat: repeat-x;
	background-position: bottom center;
	}
	
h2 {
 	width:100%;
    color: #475634;
	font-size:1.8em;
	margin-top: 5px;
    margin-bottom: 5px;
	padding-right:5px;
	padding-bottom:0px;
	background-image: url(/images/template/underline.gif); 
	background-repeat: repeat-x;
	background-position: bottom center;
	}

h3 {
    line-height: 1.7em; 
	width:100%;
	height:26px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	color: #475634;
	font-size:1.0em;
	margin-top: 10px;
    margin-bottom: 5px;

	background-image: url(/images/template/subnavbg.jpg); 
	background-repeat: repeat-x;
	}

.bulletedlinks ul {

    margin-top: 4px;
    margin-left: 4px;
    margin-right: 5px;
    margin-bottom: 5px; 
	padding:0; 
	padding-bottom:3px;
	list-style-type:none; 	
/*    border-style: solid;
	border-color: #6a4c5d;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px; */

	}

.bulletedlinks li {
	margin-top: 2px;
    margin-left: 5px;	
	margin-bottom: 2px;
    padding-left:14px;
	padding-bottom:0px;
	background:url(/images/template/bullet.jpg) center left  no-repeat;	
    /* font-size: 0.9em; */
    line-height: 1.4m;
	color: #dcccd5;

}
.bulletedtable ul {
	width:99%;
    /* background-color: #f7f9f4; */
	background:url(/images/template/gradient.gif) top center  no-repeat;	
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px; 
	padding:0; 
	padding-bottom:3px;
	list-style-type:none; 	
    border-style: solid;
	border-color: #e4e4e5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px; 

	}

.bulletedtable li { 
	margin-top: 5px;
    margin-left: 5px;	
	margin-bottom: 5px;
    padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
	background:url(/images/template/arrow_grey_angle.gif) top left  no-repeat;	
    /* font-size: 0.9em; */
    line-height: 2.0em;
	color: #000000;

}
/* the float left in the li causes the div height to be only a few pix. overflow:hidden seems to fix this and make it flow correctly in opera and firefox */
.bulletedtable_triple ul {
 
 	width: 99%;
    /* background-color: #f7f9f4; */
	background:url(/images/template/gradient.gif) top center  no-repeat;	
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px; 
	padding:0; 
	padding-bottom:3px;
	list-style-type:none; 	
    border-style: solid;
	border-color: #e4e4e5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px; 
   /*  border-style: solid;
	border-color: red;
	border-width: 1px;  */
    overflow: hidden; /* required by opera and firefox or div height is only a few pixels */
    display: block; /* IE 6 will only display two columns */	
}
.bulletedtable_triple li { 
    float: left;
    width: 28%;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px; 
    background:url(/images/template/arrow_grey_angle.gif) top left  no-repeat;	
    /* font-size: 0.9em; */
    line-height: 2.0em;
    color: #000000;
    padding: 0 0 0 20px; /* left padding moves the text away from the bullet */

 }

#map {
    margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
    width: 490px; 
    height: 275px;
	border-style: solid;
    border-color: #3b3b46;
    border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;

}
.accreditation {
   margin-right:5px;
}