@charset "UTF-8";
/* CSS Document */

body  {
	font: Arial, Helvetica, sans-serif; font-size:14px;
	background: fixed url(images/etc_bg.gif);
	margin: 0px; /* good to zero the margin and padding of body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* centers container in IE 5* browsers. Text is then set to the left aligned default in #container selector */
	color: #000000;
}



body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; 
}
table, tr, td { text-align:center; 
}



.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	min-width:640px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:640px solid #FF6600;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-640px;
	height: 1px;
}



.thrColFixHdr #preheader { 
background-color:#0000ff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; line-height:14px; 
}
.thrColFixHdr #header { 
	background: #0000ff; 
	margin: 0px; text-align:center; 
	padding: 0px 0px 0px 0px;  /* 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. */
} 
.thrColFixHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar, at 800x600 res. */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #666666;
	text-align: center; /* this overrides the text-align: center (if specified left or right) on the body element. */
} 
.thrColFixHdr #header h1 {
	margin: 0px; /* 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 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #mainContent { 
	margin: 0px 10px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 25px 0px 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align:center;
} 
.thrColFixHdr #footer { 
	padding: 30px 10px 30px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it, unless specified by using text-align. */
	background: #FF0000; text-align:center;
} 
.thrColFixHdr #footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 30px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; color:#FFFFFF; line-height:31px;
}



.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; padding-top:31px 
}
.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:0px; font-size: 1px; line-height: 0px;
}



h1 { font: 18px bold Arial, Helvetica, sans-serif; color: #663366; text-align:center; 
}
h2 { font: 16px bold Arial, Helvetica, sans-serif; color: #663333; text-align:center; 
}
h3 { font: 14px bold Arial, Helvetica, sans-serif; color: #0000FF; line-height: 21px; background-color:#FFFF00; text-align:center; 
}
.bp { color:#FF0000; font-weight:bold; 
}



#announcebox { border-width:1px; border-style:solid; border-color:#0000FF; margin: 62px 118px 50px 118px; padding: 15px 16px 20px 16px;
}
.announce { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ff0000; text-align:center; line-height:31px; 
}
.announce2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; text-align:center; line-height:18px; font-weight:normal; 
}
.announce3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333366; text-align:center; line-height:18px; font-weight:normal;
}
.announce4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF; text-align:center; line-height:18px; font-weight:normal;
}
.announce5 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; font-weight:bold; padding-top:8px;  
}
.announce img { border:#990000 solid 1px; padding:6px; margin:15px; 
}
.contact { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:20px; text-align:left; 
}
#formbox { border-width:1px; border-style:solid; border-color:#FF0000; margin: 10px 118px 44px 118px; padding: 20px 20px 20px 39px; 
}
.form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; text-align:left; 
}
.formright {text-align:right; 
}
.search {font-family:"Comic Sans MS", "Lucida Grande"; text-align:left; font-size:14px; font-weight:bold; color:#990000; background-color: #FFFF00;
}
.termsbig {color:#990000; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:25px; text-align:center;
}
.terms {color:#000066; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; text-align:center;
}
.bottomnav { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:16px; text-align:center; 
}
.copyright { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:18px; text-align:center; 
}
.formalign { min-width:300px; 
}


a:link { color:#0000FF; text-decoration:underline; font-size:13px; line-height:23px; 
}
a:visited { color:#0000FF; text-decoration:underline; font-size:13px; line-height:23px; 
}
a:hover { color:#FF0000; text-decoration:none; font-size:13px; line-height:23px; 
}
a:active { color:#FFFF00; text-decoration:none; font-size:13px; line-height:23px; 
}



A.announce:link {
  color: #0000ff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; text-decoration:underline; 
}
A.announce:visited {
  color: #0000ff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; text-decoration: underline; 
}
A.announce:hover {
  color: red; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; text-decoration: none; 
}
A.announce:active {
  color: yellow; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; text-decoration: none; 
}



A.copyright:link {
  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration:underline; 
}
A.copyright:visited {
  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: underline; 
}
A.copyright:hover {
  color: blue; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-decoration: none; 
}
A.copyright:active {
  color: yellow; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none; 
}



A.navmenu:link {
  color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:underline;  
}
A.navmenu:visited {
  color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: underline;  
}
A.navmenu:hover {
  color: blue; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none;  
}
A.navmenu:active {
  color: ORANGE; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none;  
}



#pagecell1{ position:relative; top:0px; left:2%; right:2%; width:95.6%; 
}
#pageName{ position:inherit; top:0px; padding:0px 0px 0px 0px; margin:0px; border-bottom:0px; text-align:center; 
}
#pageNav{ float:left; width:170px; height:97.6%; top:2%; bottom:2%; border:0px; font:small Arial, Helvetica, sans-serif; text-align:center; 
}



.feature1{ font-size:12px; color:#FFFFFF; padding:0px 0px 0px 220px; 
}
/* html>body .feature1 { height:auto; width:auto; 
} */
.feature2{ font-size:12px; color:#FFFFFF; padding:0px 0px 0px 190px; 
}
/* html>body .feature2 { height:auto; width:auto; 
} */

/* .feature img{ float:left; padding:0px 0px 0px 0px; 
} */

.title { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:48px; color: #000066; 
}



#picbluebox { width:560px; text-align:center; border:1px solid #0000FF; padding:10px 10px 20px 10px; margin-top:33px; margin-bottom:20px; margin-left: auto; margin-right: auto;
}
#picbox { font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:12px; color:#333333; text-align:center; margin-left: auto; margin-right: auto;
}
#pictable { margin-left: auto; margin-right: auto;
}
.galleryspace {font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:2px; color:#333333; border-style:none; border-width:0px; border-color:#666666;
}
.gallerythumb { display:block; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:11px; color:#333333; text-decoration:none; text-align:center; white-space:nowrap;
}
.gallerythumb img { width:auto; height:96px; border-style:none; text-decoration:none; text-align:center;
}
A.gallerythumb {
  color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:21px; text-decoration:none; border-style:solid; border-width:1px; border-color:#666666; margin:2px; padding:6px 12px 1px 12px; 
}
A.gallerythumb:visited {
  color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; 
}
A.gallerythumb:hover {
  color: red; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; 
}
A.gallerythumb:active {
  color: yellow; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; 
}



/* ============================  Lightbox  ============================ */
                                                        /*============= */
#lightbox {                                             /*============= */
	background-color: #eee;                             /*============= */
	padding: 10px;                                      /*============= */
	border-bottom: 1px solid #666;                      /*============= */
	border-right: 1px solid #666;                       /*============= */
}                                                       /*============= */
#overlay {                                              /*============= */
	background-image: url(resource/overlay.png);        /*============= */
}                                                       /*============= */
#lightboxCaption {                                      /*============= */
	color: #333;                                        /*============= */
	background-color: #eee;                             /*============= */
	font-size: 90%;                                     /*============= */
	text-align: center;                                 /*============= */
	border-bottom: 1px solid #666;                      /*============= */
	border-right: 1px solid #666;                       /*============= */
}                                                       /*============= */
#lightboxIndicator {                                    /*============= */
	border: 1px solid #fff;                             /*============= */
}                                                       /*============= */
#lightboxOverallView {                                  /*============= */
	background-image: url(resource/overlay.png);        /*============= */
}                                                       /*============= */
* html #lightboxOverallView,                            /*============= */
* html #overlay {                                       /*============= */
	background-color: #000;                             /*============= */
	background-image: url(resource/blank.gif);          /*============= */
	filter: Alpha(opacity=50);                          /*============= */
}                                                       /*============= */
/* ============================  Lightbox  ============================ */



/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:69px;
	padding:0px;
	border:0px;
	height:25px;                                  /* the menu's overall height */
	width:644px;         /* we (always?) want our menu to fill the available space */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px;         /* this (and also below) sets the menu's font size */
	border-left:red solid 1px; border-right:#666666 solid 0px; border-top:#330066 solid 0px; border-bottom:red solid 1px; 
	background-image:url(images/slvr-btn-bg.gif);
	/* This is just for the container box that holds the individual main menu nav items -SJB */
}

.menu ul {
	padding:0px; 
	margin:0px;
	border:0px;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */							   
}

.menu li {
	float:left;    /* THIS creates the side-by-side array of TOP-LEVEL buttons */
	position:relative;    /* create local positioning contexts for each button */
	width:160px;
	margin:0px 0px; 
	border-left:#666666 solid 0px; /* border-right:#666666 solid 1px; */  border-right:red solid 1px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:13px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 12px 0px 0px;	       /* this sets the l/r margins for our menu item */
	margin:0px;
	text-align:right;   /* (if set to :right) this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px 1px 1px 1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	/* float:left; */            /*  This float, IF USED, forces top level item text to be (left) aligned -SJB */
	text-decoration:none;
	height:25px; line-height:25px; text-align:center; 
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:2px solid #334455;    /* these 2 lines create the push-in illusion */
	height:25px; text-align:center;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:5px 0px 0px 0px;  /* this is offset spacing from top-level menu items (top-margin spacing is from bottom of above text) */
	padding:0px 1px 1px 1px;
	top:20px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:160px;       /* This is the 'background' width of the drop-down menu */
	color: black;                        /* this sets the unselected-text color */
	background:red; /* #666666; */         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:107px;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0px;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0px;
	margin:0px; text-align:left;
	padding:0px 4px 0px 8px;
	height:auto;
	color: #0000FF;           /* this sets the unselected drop-down text color */
	background:#F6F6F6;       /* this sets the drop-down menu background color */
	width:148px; line-height:25px;  /* This sets the space INSIDE the first dropdown level */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:red;
	background:yellow;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:400px;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* (could) bring the top edge of the 3rd level menu up or down */
	top:0;
	left:160px;  /*  This regulates how far from the left edge of the 1st dropdown that the 2nd dropdown begins. */
	width:172px; /* This regulates the width of the BACKGROUND of the 2nd set of dropdowns. */
	padding:1px 1px 1px 0px;
	/* border: solid 1px green; */
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:160px;   /* This regulates the width of the INTERIOR of the 2nd set of dropdowns. */
	background: #F6F6F6; color:#0000FF; text-align:left; padding-left:8px;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:160px;
	background:yellow; color:red;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */