/* blue - top of menu gradient #26449a */
/* blue - menu 	background-color: #acc2d9; */
/* blue - menu text #182e55 */
/* silver - #C0C0C0 */
/* dimgray #696969 */
/* alice blue #F0F8FF */
/* light gray #D3D3D3 */
/* light yellow -right colums	#FFFFEe; */

BODY
{
	/* background-color: #dcdcdc; blue*/
	background-color: #5783B2; 
	background-image: url(images/background.gif);
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	margin: 0px ;
	text-align:center ;
}


.textbox
{	FONT-FAMILY: Verdana, Tahoma, Arial;
    font-size:  10pt;
    border: 1px solid #c0c0c0
 }


p
{	FONT-FAMILY: Verdana, Tahoma, Arial;
    font-size:  10pt;
		margin-top: 8px ;
		margin-bottom: 12px;
 }

p.boldunder {
	font-weight: bold; text-decoration: underline;  
	}

   
h1 {
    color: #26449a;
    font-family: Verdana, Tahoma, Arial; 
    font-weight: bold; font-size: 12pt; 
    padding-bottom: 3px;
		}
		
h2 {font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 10pt; color: #26449a; margin-bottom:10px; border-bottom: 1px dotted #26449a}
h3 {font-family: Verdana, Tahoma, Arial; font-weight: bold; font-size: 10pt; margin:0px;}


ul {margin-left: 30px}
li {margin-bottom: 8px; font-size: 10pt}

textarea
{	FONT-FAMILY: Verdana, Tahoma, Arial;
    font-size:  10pt;
    border: 1px solid silver}



IMG {border-style: none;
}

DIV{
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt
}

DIV#OuterFrameTop
{
	background-color:  #D3D3D3; 
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 1px solid #D3D3D3;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px ;
	padding-bottom: 2px ;
	margin:  5px auto 0px auto ;
	width: 960px
	
}

DIV#OuterFrameMiddle
{
	background-color:  #D3D3D3;
	border-left: 2px solid black;
	border-right: 2px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px auto 0px auto ;
	width: 960px

}

DIV#OuterFrameBottom
{
	background-color:  #D3D3D3;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	padding: 2px 10px 10px 10px;
	text-align:center;
	margin: 0px auto 15px auto ;
	width: 960px

}

DIV#InnerFrameMiddle 
{background-color: #ffffff;	
 border: 1px solid #25459a; 
 padding-top: 1px;
 padding-left: 2px;
 padding-right: 2px;
 padding-bottom: 1px;
 text-align: left
}

DIV#TitleBarBorder 
{
	border-top: 1px solid #25459a ;
	border-left: 1px solid #25459a ;
	border-right: 1px solid #25459a ;
	border-bottom: 0px solid #25459a;
	background-color: #ffffff;
	padding: 1px;
}

DIV#TitleBar {
	background-image: url('images/titlegradient.jpg');
	color: #ffffff;
	width: 100%;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	white-space: nowrap
}


DIV#MenuBar {
	color: #182e55;
	background-color: #acc2d9;
	width: auto;
	height: 24px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-top: 0px; padding-bottom: 0px ;
}

DIV.CallOutBlock {
  background-color: #ffffcc ;
	border: 1px solid #ffeebb ;
	padding:10px;								
}

Table.MenuTable
{
	cursor: pointer;
	width: auto;
	height: inherit ;
}

TD.MenuCell 
{
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	cursor: pointer ; 
	vertical-align:middle ;
	height: 16px;

}

TD.MenuCell a
{
	height: 16px ;
	padding: 5px;
	border-left: 1px solid #acc2d9;
	border-right: 1px solid #acc2d9;
	color: #182e55;
	background-color: #acc2d9;
	/*filter:blendTrans(duration=.5);*/
	cursor: pointer ; 
	font-size: 12px;
} 

TD.MenuCell a:hover
{
	height: 16px ;
	padding: 5px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-decoration: none ;
	color: #ffffff;
	background-color: #182e55;
	cursor: pointer ; 
} 

TD.MenuCellSmall a
{
	height: 8px ;
	padding: 4px;
	color: #182e55;
	background-color: #acc2d9;
	/*filter:blendTrans(duration=.5);*/
	cursor: pointer ; 
	font-size: 10px ;
	font-weight: bold

} 

TD.MenuCellSmall a:hover
{
	height: 8px ;
	padding: 4px;
	text-decoration: none ;
	color: #ffffff;
	background-color: #182e55;
	cursor: pointer ; 
	font-size: 10px ;
	font-weight: bold
} 



DIV#MenuBarBorder 
{
	border-bottom: 1px solid #25459a ;
	border-left: 1px solid #25459a ;
	border-right: 1px solid #25459a ;
	background-color:#ffffff;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

DIV#MenuBarBottom {
	color: #182e55;
	background-color: #acc2d9;
	width: auto;
	font-family: Verdana, Tahoma, Arial;
	font-weight: normal;
	font-size: 10px ;
	vertical-align:  middle;
	text-align: center ;
	padding-top: 10px; padding-bottom: 10px ;
}

DIV#MenuBarBottomBorder 
{
	border: 1px solid #25459a ;
	background-color:#ffffff;
	padding: 1px;
}


TABLE#ContentTable 
{ background-color: #ffffff ;
	border: 0px solid ;
	width: auto
}

TD#LeftColumn
{ width: auto;
  padding: 0px ;
  padding-right: 10px;
	border-right: 0px solid black ;
}

TD#RightColumn
{
	vertical-align: top;
	padding-left: 10px;
	/*border-left: 1px solid #25459a; 
	yellow
	border-left: 1px solid #ffcc00 ; 
	background-color:#FFFFEe;
	padding: 0px;
	width: 250px*/
}

DIV#RightColumnHeader
{
	font-family:Verdana, Tahoma, Arial;
	font-size: 16px ;
	font-weight: bold ;
	padding: 5px ;
	border-bottom: 1px solid #25459a;
	text-align: center ;
	background-color:#FFFF0F;
	background-image: url(images/news-gradient.jpg);
}

DIV#RightColumnContent
{
	width: 250px; 
	padding: 0px;
	text-align: center;
	border: 1px solid black 
}

#promo {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	background-color:#FFFFEe;
	border-color: #26449a;
	border-style: dashed;
	border-width: 2px;
	margin: 4px 0px 10px 0px;
	color: #26449a;
	width:570px
	}

#promo h1 {	font-size: 16px ;
	font-weight: bold ;
  margin:  1px;
	border-bottom: 0px;
	text-align:center
}

#promo h2 {	font-size: 12px ;
	text-decoration:underline ;
  margin:  3px;
	border-bottom: 0px;
	text-align:center;
}

#promo p {
	margin: 10px 10px 10px 10px;
	color:#000000;
	font-size: 12px;
}


/* section classes */
.SectionTitle {
	background-color: #ffffff;
	width: inherit;
	border-top: 3px solid #26449a;
	border-bottom: 1px solid #26449a;
	padding: 3px 0px 3px 0px;
	color: #26449a; 
	margin-bottom: 10px;
	}

.SectionTitle h1 {
		font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
		font-size: 20px ;
		font-weight: bold ;
		margin: 0px; 
		padding:0px;		
		}

.Section 
	{	font-family: Verdana, Tahoma, Arial;
		background-color: #ffffff;
		width: inherit;
	}

.Section h1 {border-bottom: 1px dotted #26449a;}
.Section h2 {}



DIV#BreadCrumb
{text-align:left;
 font-family: Verdana, Tahoma, Arial;
 font-size: 10px ;
 padding-bottom: 10px
}


A {COLOR: blue; TEXT-DECORATION: none}
A:link {COLOR: blue; TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline}
A:active {TEXT-DECORATION: none}

TD.clsTab {BACKGROUND-COLOR: #003366; BORDER-BOTTOM: #99ccff 2px inset; BORDER-LEFT: #6699cc 1px solid; BORDER-RIGHT: #6699cc 1px solid; BORDER-TOP: #003366 2px solid;}


TD.clsTab A {COLOR: #ffffff; FONT-SIZE: 95%; TEXT-DECORATION: none}
TD.clsTab A:hover {COLOR: #ffffff; FONT-SIZE: 95%; TEXT-DECORATION: UNDERLINE}
TD.clsTab A:active {COLOR: #ffffff; FONT-SIZE: 95%; TEXT-DECORATION: NONE}

TD.clsTabSelected {BACKGROUND-COLOR: #6699cc; BORDER-LEFT: #99ccff 2px outset; BORDER-RIGHT: #99ccff 2px outset; BORDER-TOP: #99ccff 2px outset}
TD.clsTabSelected A {COLOR: #ccffcc; FONT-SIZE: 95%; TEXT-DECORATION: NONE;}
TD.clsTabSelected A:hover {COLOR: #ccffcc; FONT-SIZE: 95%; TEXT-DECORATION: UNDERLINE;}
TD.clsTabSelected A:active {COLOR: #ccffcc; FONT-SIZE: 95%;  TEXT-DECORATION: NONE}

.BT {BACKGROUND-COLOR: #6699cc; BORDER-BOTTOM: #99ccff 2px groove; BORDER-TOP: #003366 1px solid; BORDER-RIGHT: #003366 1px solid; COLOR: #ffffff}
.MN {FONT-SIZE: x-small; BORDER-RIGHT: #99ccff 2px groove}
.MN A {COLOR: #ffffff; TEXT-DECORATION: none}
.MN A:link {COLOR: #ffffff; TEXT-DECORATION: none}
.MN A:hover {COLOR: #ffffff; TEXT-DECORATION: underline}

xxINPUT.Button {width: 100px}


.IndexProduct
{border-top: 0px solid #acc2d9;
	background-color: #ffffff; width: 100%
}

.IndexProductTitle 
{
	color: #182e55;
	border-top: 3px solid #26449a;
	border-bottom: 1px solid #26449a;
	padding: 4px 0px 4px 0px;
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
}

.IndexProductTitle H1 {margin:0px; border-bottom: none; color: #26449a ;	font-size: 16px ;	font-weight: bold ;
}


.IndexProductSep 
{
	color: #FFFFFF;
	border-left: 1px solid #26449a;
	border-right: 1px solid #26449a;
}


.IndexProductSection
{ color: #000000;
	border: 0px solid #acc2d9;
	padding: 4px 0px 0px 0px  ;
	width: auto;
}
	

DIV.IndexProductMenu {
	color: #182e55;
	background-color: #acc2d9;
	border-left: 1px solid #26449a;
	border-right: 1px solid #26449a;
	padding-top: 0px; padding-bottom: 0px ;
}

DIV.IndexProductMenu td
{	
}


DIV.IndexProductMenu td a
{	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 10px ;
	padding: 4px;
	height: 16px;
	color: #182e55;
	border-left: 1px solid #acc2d9;
	border-right: 1px solid #acc2d9;
	background-color: #acc2d9;
	color: #182e55;
	/*filter:blendTrans(duration=.5);*/
}

DIV.IndexProductMenu td a:hover
{	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 10px ;
	color: #182e55;
	padding: 4px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	background-color: #182e55;
	text-decoration: none
}


div.CssButton {

	background: url(images/button-background.gif) repeat-x left top;
	/*border: 1px solid #d7d7d7;*/
	border:1px solid #26449a; 
	float: left;
	height: 23px;
	margin: 0px 3px 0px 0px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	white-space: nowrap;
	vertical-align:bottom ;
}
div.CssButton a:active {
	color: #333;
	display: block;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	text-decoration: none;
}
div.CssButton a:visited {
	color: #333;
	display: block;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	text-decoration: none;
}
div.CssButton a:link {
	color: #333;
	display: block;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	text-decoration: none;
}
div.CssButton a:visited:hover {
	color: #006400;
	text-decoration: none;
}

div.CssButton a:hover {
	color: #006400;
	text-decoration: none;
}

a:visited {color: #26449a}
a:link {color: #26449a}


.SectionLinks {
	padding-bottom: 6px
	}
.SectionLinks table {}
.SectionLinks td {vertical-align: middle; white-space:nowrap}
.SectionLinks td a {color: #26449a}
.SectionLinks td a:hover {color: #26449a; text-decoration:underline}
.SectionLinks td img {border: 0px}


.DownloadTable {	border: 1px solid #26449a ; border-collapse: collapse}
.DownloadHeader 
{
	background-image:url('images/titlegrad-blue.png');
	border: 1px solid #26449a ;
	color: #FFFFFF ; 
	text-align: left; 
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
		padding-top: 2px;
	padding-bottom: 2px;

	}
	
.DownloadCell {
	border: 1px solid #26449a ;
	vertical-align: top;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
}

.DownloadTitle {
  font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-weight: bold ;
	font-size: 14px ;
	text-align:left
}

.SideBar table {
}

.SideBarHeader {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial ;
	font-size: 14px;
	border: 1px solid #26449a ;
	background-image:url('images/titlegrad-blue.png');
	color: #FFFFFF ; 
	font-weight:bold; 
	padding-left: 4px; 
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align:baseline; 
}

.SideBarHeader a {color:#ffffff}
.SideBarHeader a:link {color:#ffffff}
.SideBarHeader a:hover {color:#ffffff; text-decoration:underline}
.SideBarHeader a:visited {color:#ffffff}


.SideBarContent {
	font-family: Verdana, Tahoma, Arial ;
	background-color: #F8F8F8 ;
	border: 1px solid #C0C0C0 ;
	text-align:center ;
	padding-top: 5px ;
	padding-bottom: 5px;
}

.SideBarNews {}
.SideBarNews table {border: 1px solid red}
.SideBarNews td {font-size: 10px; text-align: left; padding: 5px; border:none}

.RoundCornerYellow {background-color: #ffffcc; border: 1px solid #26449a; -moz-border-radius: 5px; padding: 10px}

.topAlert {background-color: #FFFFCC; 
           border: 1px solid #000000; border-bottom: 1px solid #D3D3D3; 
					 padding-top: 5px; padding-bottom: 5px;
           padding-left: auto; padding-right: auto;
           margin: 0 0 20px 0
           }

/* classes for the FAQ page */
.divFaq {border-bottom: 1px solid #000000; text-align:right; margin-top: 20px}

.tableFaq {border: 1px solid #c0c0c0; border-collapse: collapse}
.tableFaq th {border: 1px solid #c0c0c0; text-align:left}
.tableFaq td {border: 1px solid #c0c0c0;}


/** http://particletree.com/features/rediscovering-the-button-element **/
/** http://wufoo.com/gallery/templates/community/volunteer-recruitment/ **/

.buttons a, .buttons button{
			border-right: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
			display: inline;
		  -moz-border-radius: 5px;
    	margin:0 7px 0 0;
    	background-color:#f8f8f8;
    	border-top:1px solid #eee;
    	border-left:1px solid #eee;
			text-align: center; 
    	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    	font-size:100%;
    	line-height:130%;
    	text-decoration:none;
    	font-weight:bold;
    	color:#565656;
    	cursor:pointer;
    	padding:5px 10px 6px 7px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* BLUE */
button.bluetext, .buttons a.bluetext{
   	background-color:#f8f8f8;
    color:#000000;
}
.buttons a.bluetext:hover, button.bluetext:hover{
   	background-color:#f8f8f8;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.bluetext:hover, button.bluetext:hover{
    border:1px solid #26449a;
    color:#26449a;
}

/* BIGGREEN - used on home page slides*/
button.biggreen, .buttons a.biggreen{
   	background-color:#91cd91;
   	background-image:url("images/button_green1.png");
   	border: 1px solid #659565;
    color:#256b46;
    font-size: 18px;
}

.buttons a.biggreen:active{
   	background-color:#91cd91;
   	background-image:url("images/button_green1.png");
   	border: 1px solid #659565;
    color:#256b46;
    font-size: 18px;
}

.buttons a.biggreen:hover, button.biggreen:hover{
   	background-color:#91cd91;
   	background-image:url("images/button_green2.png");
   	border: 1px solid #659565;
    color:#256b46;
    font-size: 18px;
}