/* global RESET 
-------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote
{
   margin: 0;
   padding: 0;
   font-size: 100%;
   font-weight: normal;
}
table
{
   border-collapse: collapse;
   border-spacing: 0;
}
td, th, caption
{
   font-weight: normal;
   text-align: left;
}
img, fieldset
{
   border: 0;
}
ol
{
   padding-left: 1.4em;
   list-style: decimal;
}
ul
{
   padding-left: 1.4em;
   list-style: square;
}
q:before, q:after
{
   content: '';
}

/* global LAYOUT new
-------------------------------------------------- */
body
{
   border: 0;
   width: 100%;
   background-color: #FFF;
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 100%;
   text-align: left;
}

#Wrapper
{
   border: 2px solid #CCF;
   margin: 0px auto;
   width: 960px;
   background-image: url(/images/sn-background3.gif);
   background-repeat: repeat-y;
}

		
.Header1 { 
		 position: relative; 
		 /* must be relative for #HeaderLink to work by going on top of it */
		 margin: 0; 
		 padding: 0;
 		width: 960px; 
	 	height: 120px; 
   background-color: transparent;
   background-image: url(../images/sn-header2.jpg);
   background-position: left top;
   background-repeat: no-repeat;
   border: none;  /* needs a border */
   border-bottom: 15px solid #95C615;
   text-indent: -1000em; /* moves anchor text out of way */
}


#Header1Link { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 960px; 
		height: 120px; 
		background-color: transparent; 
  border:  0px solid yellow;   /* 0px, not none */
}	
		
#Header
{
   border-bottom: 15px solid #95C615;
   height: 120px;
}

#Main
{
   display: inline;  /*fix IE6 double left margin error*/
   float:left;
   border-bottom: 1px solid #CCF;
   border-left: 1px solid #CCF;
   border-right: 1px solid #CCF;
   margin: 0 0 0 188px;
   padding: 0px 15px 5px 20px;
   width: 552px;
   background-color: #FFF;
   /*font-family: 'Times New Roman', Serif;*/
   /*font-size: 110%; */
   min-height: 421px; /*fix if Main < than Sidebars*/
}

/*
.short {
   height: 421px;  
}
*/
/* 
Problem occurs if do #Main .short without .short already set up.  Causes xenu to reiterate. 
Class lowers bottom border when Main is shorter than SideBar. OK otherwise.  11px less than height of SideBar}**/

#NavBar
{
   float: left;
   margin-left: -776px;
   padding: 10px 10px 20px 35px; 
   width: 143px;
   background-color: transparent; 
   background-image: url();
   background-repeat: no-repeat; 
   color: #00F; 
}

#SideBar
{
   float: right;
   width: 163px;
   padding: 10px 10px 5px 10px;
   background-color: transparent;
   background-image: url();
   background-repeat: no-repeat;
   color: #00F;
}

#Footer
{
   clear: both;
   padding: 0 0 20px 0;
   background-color: #ECF7FD; 
   font-size: 80%;
   text-align: center;
}

/* global LAYOUT old
-------------------------------------------------- */
#PageWrapper
{
   border: 2px solid #CCF;
   margin: 0px auto;
   width: 960px;
}

#ContentWrapper
{
   float: left;
   background-image: url(/images/sn-background3.gif);
   background-repeat: repeat-y;
}

#CenterColumn
{
   float: left;
   border-bottom: 1px solid #CCF;
   border-left: 1px solid #CCF;
   border-right: 1px solid #CCF;
   margin: 0 183px 0 189px;
   background-color: #FFF;
   font-family: 'Times New Roman';
   font-size: 110%; 
}

#LeftColumn
{
   float: left;
   margin-left: -959px; 
   width: 186px;
}

#RightColumn
{
   float: left;
   margin-left: -183px; 
   width: 180px;
/* STEP 4: set RHC width 1 less than margin */ /* STEP 5: set to margin-left to >= -1 x RHM */
   background-color: transparent;
   background-image: url();
   background-repeat: no-repeat;
   color: #00F;
   /* font-size: 100%; */
}

.liner
{
   padding: 10px;
}

#Header .liner
{
   padding: 10px;
}

#CenterColumn .liner
{
   padding: 0px 15px 5px 20px;
}

#LeftColumn .liner
{
   padding: 10px 10px 5px 35px; 
}

#RightColumn .liner
{
   padding: 10px;
}

#Footer .liner
{
   padding: 0;
}

/* ELEMENTS 
-------------------------------------------------- */
a
{
   color: #009;
   text-decoration: underline;
}

a:hover
{
   color: #FFF;
   background-color: #006;
}

h1, h2, h3, h4, h5, h6
{
   clear: both;
   padding-top: 16px;
   background-color: transparent;
   color: #000;
   font-weight: bold;
   text-align: center;
}

h1
{
   color: #009;
   font-family: 'Palatino Linotype', Palatino, 'Times New Roman', Georgia, Serif;
   font-size: 182%; /* 24 px? */
}

h2
{
   font-size: 130%; /* 15 px? */
}

h3
{
   font-size: 108%;
}

hr
{
   height: 1px;
   width: 90%;
   color: #000;
   background-color: #999;
   text-align: center;
}

img
{
   border: 0 solid #DDD; 
/* making border > 0 widens column */
}

p
{
   margin: 1.12em 0;  
}

ul
{
   margin: 5px 10px 10px 10px;
   list-style-type: disc;
   list-style-position: inside;
}

/* CLASSES 
-------------------------------------------------- */
.blue
{
   color: #009;
}

.bold
{
   font-weight: bold;
}

.center
{
   text-align: center;
}

.clear
{
   clear: both;
}

.italic
{
   font-style: italic;
}

.left
{
   float: left;
}

.right
{
   float: right;
}

.no-underline
{
   color: #111; 
   text-decoration: none;
}

.small
{
   font-size: 85%;
}

.smallest
{
   font-size: 75%;
}

/* FLOATS 
-------------------------------------------------- */
/*
.ItemRight
{
   float: right;
   margin: 2px 0 12px 18px;
   text-align: center;
}

.ItemCenter
{
   margin: 2px auto 12px auto;
   text-align: center;
   clear: both;
}

.ItemLeft
{
   float: left;
   margin: 2px 18px 12px 0;
   text-align: center;
}


*/


/* NAVIGATION PANEL 
-------------------------------------------------- */
.article
{
   color: #000;
   margin-top: 15px;
   font-size: 90%;
}

.article-header
{
   margin-top: 15px;
   color: #009;
   font-weight: 200;
   text-align: left;
   text-decoration: none;
}

.button-nav
{
   clear: both;
   line-height: 90%;
   margin-top: 15px;
   font-weight: normal; /*text-align: left;*/
}

.button-nav a
{
   display: block;
   padding: 4px;
   background-color: transparent;
   border-top: none;
   border-left: none;
   border-bottom: none;
   border-right: none;
   color: #0000CD;
   font-family: Verdana, sans-serif;
   font-size: 100%;
   text-decoration: none;
}

.button-nav a:hover
{
   background-color: #6699CC;
   border-top: none;
   border-left: none;
   border-bottom: none;
   border-right: none;
   color: #FFF; /* #333300; */
   font-family: Verdana, sans-serif;
   font-size: 100%; /* font-weight: bold; */
}
/*
.image-left
{
   float: left;
   padding: 1px;
   margin-right: 15px;
   border: 1px solid #000;
}
.image-right
{
   float: right;
   padding: 1px;
   margin-left: 5px;
   border: 1px solid #000;
}

.image-left240
{
   position: relative;
   float: left;
   margin-top: 15px;
   margin-right: 15px;
   margin-bottom: 30px;
   border: 1px solid #FFF;
   width: 240px;
}

.image-left240 .text
{
   position: absolute;
   bottom: -35px; 
   left: 10px;
   width: 240px;
}

*/

/* ELEMENT IDs
-------------------------------------------------- */

/* -- lists -- */
#CenterColumn ul
{
   list-style-type: disc;
   margin: 0 0 8px 10px;
}

#CenterColumn li
{
   margin: 0 0 8px 5px;
}

#CenterColumn ol
{
   list-style-type: decimal;
   margin: 0 0 8px 10px;
}

#CenterColumn li
{
   margin: 0 0 8px 5px;
}


.image-right
{
  /*   border: 1px solid #FFF; */
   float: right;
   margin: 0px 0px 30px 5px;
   padding: 1px;
   position: relative;
   width: 180px;
}

.image-right .text
{
   position: absolute;
   bottom: -35px; 
   /* -20px 1line,-35px 2lines-50px 3lines */ 
   /* <div class="text" style="bottom: -20px;"> */
   right: 0px;
   width: 180px; /* optional, but good to have */
   font-size: 60%;

}