/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h4, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align:center;
	background-image:url(Images/BG-Tile.jpg); 
	background-repeat:repeat;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:0.8em;
}

input.unselected
{
    font-size:1.3em;
    color:Gray;
    font-weight:normal;
    background-color:#FFEEDD;    
}

input.selected
{
    font-size:1.3em;
    color:White;
    background-color:#996666; 
    font-weight:bold;    
}

.squish
{
    padding: 0;
    margin: 0;
}

input.tinybutton
{
    font-variant : small-caps;
    background-color:Red;
    border:transparent;
    padding:0px;
}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */

/*h1 {font-size: 1.6em; font-weight:normal; color:#996600; margin:.3em 0 .5em .2em}*/
h1 {font-size: 1.6em; font-weight:normal; color:#996600; margin:.2em 0 .3em .2em}
h2 {font-size: 1.5em; font-weight:normal; color:#990000; margin:.2em 0 .3em .2em}
h3 {font-size: 1.4em; font-weight:normal; color:#333366; margin:.2em 0 .3em .2em}
h4 {font-size: 1.3em; font-weight:bold; color:#996600; margin:.2em 0 .1em .5em}
h5 {font-size: 1.2em; font-weight:bold; color:#990000; margin:.2em 0 .1em .5em}
h6 {font-size: 1.1em; font-weight:bold; color:#333366; margin:.2em 0 .1em .5em}
/* alternate colors for any sizes */
h1.red {color:#990000;}
h1.blue {color:#333366;}
h2.gold {color:#996600;}
h2.blue {color:#333366;}
h3.red {color:#990000;}
h3.gold {color:#996600;}
h4.red {color:#990000;}
h4.blue {color:#333366;}
h5.gold {color:#996600;}
h5.blue {color:#333366;}
h6.red {color:#990000;}
h6.gold {color:#996600;}

p  {
	margin: .6em;
	line-height: 1.5em;
    color:#333333;
}

hr.sidespacer {margin:10px 15px 5px 15px;}
hr.sidespacer2 {margin:-5px 15px 0px 15px;}
hr.sidespacer3 {margin:0px 15px 0px 15px;}

p.side {width:150px;}

p.withpic {vertical-align:middle;}
ul
{
    margin: .5em;
    padding-left: 2em; 
    line-height:1.5em;
    list-style-position: outside;    
    list-style-type: none;
}
li
{
    background-image: url('Images/li_gold.png');
    background-repeat: no-repeat;
    background-position: 0 .5em; 
    padding-left: 14px; 
}

.color2{color:Maroon;}

.verticalcenter {position:absolute; top:50%}

a {font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

/* this shows stuff above or below the little camera icon */
/* like to use nested spans because null anchor behavior is annoying */
/* and whole-paragraph behavior is hard to fine tune */

/*a span {display: none;}*/
/*p span.popup {display: none;}*/

span.pop span {display: none;}
span.pop:hover {position: relative;}
span.pop:hover span.popup {display: block; position: absolute; top: -175px; left: 22px; }
span.pop:hover span.popup2 {display: block; position: absolute; top: -200px; left: 22px; }
/* popup3 was added in 2013 for larger (432x243 vs 370x208) pic dimensions */
span.pop:hover span.popup3 {display: block; position: absolute; top: -235px; left: 22px; }
span.pop:hover span.popdn {display: block; position: absolute; top: 0px; left: 22px; }
span.pop:hover span.popdn2 {display: block; position: absolute; top: -80px; left: 10px; }
span.pop:hover span.popdn2b {display: block; position: absolute; top: -150px; left: 10px; }
span.pop:hover span.popdn3 {display: block; position: absolute; top: -80px; left: -300px; }
span.pop:hover span.popdn3b {display: block; position: absolute; top: -150px; left: -300px; }

.compactop2 {margin:-0.2em 0.2em 0.2em 0.5em;  line-height:1.3em;}
.compactop {margin:.5em 0.2em 0.2em 0.5em;  line-height:1.3em;}
.compact {margin:0.2em 0.2em 0.2em 0.5em; line-height:1.3em;}
.compact2 {line-height:1em;}
.indent {margin-left:2.0em;}
.nudge {margin-left:0.8em;}
.large {font-size:1.3em;}
.small {font-size:0.9em;}
.tiny {font-size:0.8em;}

#wrapper{
	width:850px;
	margin:0 auto;
	border-left:1px solid #333366;
	border-right:1px solid #333366;
	text-align:left;
	background-color:white;
	/*background-image:url('Images/main_bg.gif');*/
	background-repeat:repeat-y;
	background-position: center top;	
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 850px;
	/*wid\th: 850px;*/
	/* just uncomment, no replace*/
}
#header{
	height:80px; 
	position:relative;
	/*background-image:url(Images/header_bg.gif);*/
	/*background-repeat: repeat; */
	/*background-color:yellow;*/
	background-color:white;
}
#logo{
	position:absolute;
    top: 1px;
    left: 10px;
}
#banner{
	text-align:center;
	margin:0 180px;
}
#search{
	position:absolute;
	bottom:5px;
	right:5px;
}
#mainnav {
    padding: 0px 0px 0px 60px;
    background-image: url(Images/MenuBlue.jpg);
    color: #FFFFFF;
}

#mainnav .item {
	padding: 0px 10px 0px 10px;
	color:#FFFFFF;
}

* html #mainnav .item 
{
    padding: 0px 10px 0px 10px;
	color:#FFFFFF;
}	

#mainnav .selected 
{   
    padding: 0px 10px 0px 10px;
    color:#FFFFFF;
    background-image:url(Images/MenuGold.jpg);    
}

#mainnav .hover 
{
    padding: 0px 10px 0px 10px;
    color:#FFFFFF;
    background-image:url(Images/MenuRed.jpg); 
    text-decoration:none;
}

/* Keep IE from displaying the background images twice.*/
/*
* html #mainnav .selected .selected, * html #mainnav .hover .hover {
	background-image:none; 
	background-color:transparent;
}
*/

#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: 180px;    /*** Critical left col dimension value ***/
	border-left: 1px solid #white;   /*** Critical left divider dimension value ***/
	border-right: 1px solid #white;    /*** Critical right divider dimension value ***/
	background-color: white;
	min-height:600px;
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 490px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* wid\th: 488px;  */ /*** Critical left and right col/divider dimension value (moves inversly) ***/
    /* just uncomment, don't replace */
}
#floatwrapper {
	float: left;
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn{
	float: right;
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
	padding-top:30px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:20px;
	font-size:0.9em;
	color:#666666;
}

#breadcrumbs a {color: #333399;text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

#copy a {color:#333399;}

#copy .container {
	margin:2px 5px 2px 5px;
	padding:1px 2px 1px 2px; 
	background-color:white;
	overflow:hidden;
	/*border-bottom:ridge 2px white; 
	border-right:ridge 2px white;*/
}
	
/* \*/
* html #copy .container {height:1%;}
/* */

#copy img{border:none !important;}

#rightcolumn img 
{
    vertical-align:middle;
    text-align:center;
    border:none !important;
    padding:10px 0px 10px 0px;
}

#leftcolumn img  
{
    vertical-align:middle;
    text-align:center;
    border:none;
    padding:10px 0px 10px 0px;
}

.teaser
{
    font-weight: bold;
    color: #666666;
}

.teaser2 
{
    font-weight: bold;
	color: #990000;
}

.teaser3 
{
    font-weight: bold;
	color: #996600;
}

.hidden { display: none; }
.unhidden { display: block; }
 
#copy td, #copy th {padding: 0.2em 0.5em;}

.txtBox {
    border:1px solid #CCCC66;
    /*background-color:#F7F7E8;*/
}

.txtBox:focus {background-color:#FFFFFF;}

#copy fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px solid #CCCC66;
}

#copy fieldset legend {
	color:#0055CC;
	background-color: Olive;
}

* html #copy legend {
	padding:0.5em;
}

div.readmore {
	text-align:right;
	font-size:0.9em;
	padding: 1em;
}

div.compact{
	padding: 0 1em 0 0;
}

div.divspace {padding: 2em 0 2em 0;}

div.show {display:block;}
div.noshow {display:none;}

#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 180px;    /*** Critical left col/divider dimension value ***/
	margin-left: -179px;    /*** Critical left col/divider dimension value ***/
	padding-top:20px;
	/*background-color: aqua;*/
	background-color: white;
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumn {width:179px;}   /*** Fix only for IE/Mac ***/

#leftcolcontainer{width: 178px;}    /*** Critical left col dimension value ***/

#subnav 
{
    overflow:hidden;
	font-weight:normal;
    margin-left: 2px;
    padding: 0px;
}

* html #subnav tr {height:1.4em;}

#subnav .item 
{
    width:175px;
	margin: 0;
	color:White; 
    background-image: url(Images/MenuBlue.jpg);
    padding-left: 5px;
}

* html #subnav .item {padding:0 10px;}

#subnav .selected 
{   
    background-image:url(Images/MenuGold.jpg);
	margin: 0 0 0 0px;
	color:White; 
	padding: 0 0 0 5px;
}

#subnav .hover 
{
	background-image:url(Images/MenuRed.jpg);
	margin: 0 0 0 0px;
	color:White; 
	text-decoration:none;
	padding: 0 0 0 5px;
}

#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 150px;    /*** Critical right col/divider dimension value ***/
	margin-right: -148px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:30px;
	/*background-color:Teal;*/
	background-color:white;
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -700px; 
	/*mar\gin-right: -150px;*/
	margin-right: -150px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -180px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 178px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 2px;    /*** Critical right divider dimension value ***/
	/*background-color:Gray;*/
}
/* \*/
* html #rightcolcontainer {
	/*fl\oat: right;*/
	float: right;
	margin-left: 2px; 
	/*mar\gin-left: 0px; */
	margin-left: 0px; 
	/*background-color:Gray;*/
}
/* */

.goldbox 
{
    border:1px solid #996600;
}

.sidebarcontainer
{
	border:1px solid #996600;
	margin:10px 1px 10px 1px;
	padding:0px 1px 10px 1px;
	background-color: white;
	font-size:0.9em;
	z-index:5;
}

.center {text-align:center;}

/* \*/
* html .sidebarcontainer {height:1%;}
/* */

.sidebarcontainer a {color: #333399;}
.sidebarcontainer li {list-style-type:none;}

#footer{
	clear:both;
	margin:0px;
	padding:4px;	
	background-image:url(Images/footer.jpg);
	font-size:0.9em;
	color:White;
	text-align:center;
}

.button {
    border:2px outset #996600;
    color:white;
    background-color:#996600;
    font-size:.9em;
    font-weight:bold;
}

.imgfloatright {
	float:right;
	display: inline;
	margin: 0.5em 1em 0.5em 2em;
}
.imgfloatleft {
	float:left;
	display: inline;
	margin: 0.5em 2em 0.5em 1em;
}

.imgcompact
{
    padding: 0px !important;
}


@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		margin:0;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}

	#footer {		
		border-style:none !important;
		border-top:1px solid #000000;
	}
}
/* CSS FOR SLIDESHOW SCRIPT */

.js .slideshow img { display: none; }
.js .slideshow img:first-child { display: block; }
   
.slideshow{ 
    position:relative; 
    width:400px; 
    height:240px; 
    /*background-color:Black;*/
    }
    
.slideshow img { 
    position:absolute; 
    left:0; 
    top:20px; 
    }

/* old one */
.imageSlideshowHolder{
	margin:10px;	        /* "Air" */
	float:inherit;         /* Floating gallery at the right side of other web page content */		
	width:432px;	    /* Image width */
	height:242px;	    /* Image height */
	position:relative;	/* Don't remove this line */
    background-color:white;
}

/* old one */
.imageSlideshowHolder_Old{
	margin:10px;	        /* "Air" */
	float:inherit;         /* Floating gallery at the right side of other web page content */		
	width:370px;	    /* Image width */
	height:208px;	    /* Image height */
	position:relative;	/* Don't remove this line */
    background-color:white;
}
.leftFloatingDiv{
	float:left;
	width:160px;
	height:110px;
}


/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}

/* Don't change these values - they starting floating down the page */
.imageSlideshowHolder_Old img{
	position:absolute;
	left:0px;
	top:0px;
}

/* ASP.NET DataGrid Settings */
.gridMain
{
    color:Black;
    border:none;
    padding:4;
    font-size:.85em;
}

.gridHeader 
{
    background-color:#996666; /* was 990000 */
    font-weight:bold;
    color:White;
}

.gridRow
{
    background-color:White;
}

.gridAlt
{
    background-color:#FFEEDD !important;
}

.paulbutton {
  display: block;
  height: 25px;
  width: 200px;
  background: #FFEEDD;
  padding: 10px;
  text-align: center;
  border: 5px solid #e1e1e2;
  color: #000;
  font-weight: bold;
}