html, body, table
{
	margin: 0;
	padding: 0;
	/*height: 100%;*/
	border: none;
}

html
{
	background-color:#cccccc;
}

A:link {text-decoration: none; color: Navy; }
A:visited {text-decoration: none; color:  Navy; }
A:active {text-decoration: none; color: Navy; }
A:hover {text-decoration: none; color: Red;   }



div.autosize { display: table; width: 1px; }
div.autosize > div { display: table-cell; }

.BodyRegionListHead
{      
	  border-right: #01a647 2px solid;
	  border-top: #01a647 2px solid;
	  border-left: #01a647 2px solid;
	  border-bottom: #01a647 2px solid;
	  background-color: #30b86e;
	  font-family: Verdana, Arial;
	  font-weight: bold;
	  font-size: 10pt;
	  color: #f5f5dc;
	  padding-left: 3px;
	  text-align: center;
}      
.BodyRegionListContent
{      
	  border-right: #01a647 2px solid;
	  border-top: #01a647 2px solid;
	  border-left: #01a647 2px solid;
	  border-bottom: #01a647 2px solid;
	  background-color: #9fe1bb;
	  text-align: center;
}      
a.BodyRegionUnselected
{      
	  font-family: Verdana, Arial;
	  font-weight: bold;
	  font-size: 9pt;
	  color: #5f9ea0;
	  line-height: 25px;                              
	  padding-left: 5px;                              
	  text-decoration: none;
}                
a.BodyRegionUnselected:hover                      
{                
	  padding-left: 5px;                              
	  color: #2e8b57;
}                
a.BodyRegionSelected                              
{                
	  font-family: Verdana, Arial;                    
	  font-weight: bold;                              
	  font-size: 9pt;
	  color: #556b2f;
	  line-height: 25px; 
	  padding-left: 5px;
	  text-decoration: none;
}
.CategoryListHead
{
	border-right: #ea6d00 1px solid;
	border-top: #ea6d00 1px solid;
	border-left: #ea6d00 1px solid;
	border-bottom: #ea6d00 1px solid;
	background-color: #ef8d0e;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #f5f5dc;
	text-align: center;
}
.CategoryListContent
{
	border-right: #ea6d00 1px solid;
	border-top: #ea6d00 1px solid;
	border-left: #ea6d00 1px solid;
	border-bottom: #ea6d00 1px solid;
	background-color: #f8c78c;
	text-align: center;
}
a.CategoryUnselected
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 9pt;
	color: #cd853f;
	line-height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none
}
a.CategoryUnselected:hover
{
	color: #d2691e;
	padding-right: 5px;
	padding-left: 5px
}
a.CategorySelected
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 9pt;
	color: #a0522d;
	line-height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none
}
.CatalogTitle
{
	color: red;
	font-family: 'Trebuchet MS', Comic Sans MS, Arial;
	font-size: 24px;
	font-weight: bold;
}
.CatalogDescription
{
	color: Black;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
a.ProductName
{
	color: Red;
	font-family: 'Trebuchet MS';
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
a.ProductName:hover
{
	text-decoration: underline;
}
.ProductDescription
{
	color: Black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.ProductPrice
{
	color: Black;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.PagingText
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}
.ProductTitle
{
	color: Blue;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	line-height: 15px;
}
.SearchBoxHead
{
	border-right: #0468a4 1px solid;
	border-top: #0468a4 1px solid;
	border-bottom: #0468a4 1px solid;
	border-left: #0468a4 1px solid;
	background-color: #0583b5;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #f5f5dc;
	text-align: center;
}
.SearchBoxContent
{
	border-right: #0468a4 1px solid;
	border-top: #0468a4 1px solid;
	border-left: #0468a4 1px solid;
	border-bottom: #0468a4 1px solid;
	background-color: #8bc8dd;
	font-family: Arial, Verdana;
	font-size: 9pt;
	color: blue;
	padding-top: 5px;
	padding-left: 12px;
	padding-bottom: 5px;
}
.SearchBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin-bottom: 5px;
}
.Button
{
color: Black;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
}
.AdminTitle
{
color: Black;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 21px;
font-weight: bold;
line-height: 25px;
}
.AdminPageText
{
color: Navy;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
a.AdminPageText
{
color: Navy;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
}
a.AdminPageText:hover
{
color:Red;
}
.Grid
{
border-color: #E7E7FF;
width: 100%;
}
.GridHeader
{
color: White;
background-color: Navy;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
text-align: left;
}
.GridRow
{
color: Navy;
background-color: #E7E7FF;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
text-align: left;
}
.GridEditingRow
{
color: Navy;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
text-align: left;
}
.GridAlternateRow
{
color: Navy;
background-color: #F7F7F7;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
text-align: left;
}
.SmallButtonText
{
color: Black;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: Blue;
    
}

@media print {
* { background-color: white !important; background-image: none !important;}
.printhide 	{ display:none;}
.printhelp	{ width:620px; height:auto;}
.printshow  { display:inline; text-align: center; width: 100% }
}

@media screen
{
	.printhelp { width:100%; }
	.printshow { display:none; }
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 500px;
height: 350px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: Black;
color: White ;
padding: 10px;
visibility: hidden;
width: 500px;
font-family: Arial;
font-size: 10pt;

}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

.goog-ws-header-title a
{
	display:block;
color: #2e6ab1;
}
.welcome
{	border-style:outset;display:block; background-color:Teal;color:White}
.welcome1
{	border-style:none;display:inline-block; background-color: White;}
.content-wrapper
{
	background-color:White;width:100%;height:100%;}
	
#goog-ws-left .goog-ws-outside, #goog-ws-left .goog-ws-subfooter,
          #goog-ws-left-nohead .goog-ws-outside, #goog-ws-left-nohead .goog-ws-subfooter 
          {
            margin: 0 0 0 150px;
            
          }
          #goog-ws-right .goog-ws-outside, #goog-ws-right .goog-ws-subfooter,
          #goog-ws-right-nohead .goog-ws-outside, #goog-ws-right-nohead .goog-ws-subfooter {
            margin: 0 150px 0 0;
          }
          .goog-ws-outer {
            margin-left: auto !important;
            margin-right: auto !important;
            width: 100%;
          }
          .goog-ws-sidebar {
            width: 145px;
          }

.accordionHeader1
{
    border: 1px solid #2F4F4F;
    color: Blue;
    background-color: Silver;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;	
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent1
{
    background-color: White;
    border: 1px ;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink1
{
 background-color: #D3DEEF;
    color: Blue;
    
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}