body
{
	background-image: url(../images/bg.jpg);
	font-family: Helvetica, Arial, "sans serif";
	font-size: 12px;
	font-style: normal;
}

/* Use BODY as default (normal style has been deprecated) */
.normal
{
}

a:link
{
	text-decoration: underline;
	color: #003366;
}

a:active
{
	text-decoration: none;
	color: #003366;
}

a:hover
{
	text-decoration: none;
	color: #003366;
}

a:visited
{
	text-decoration: underline;
	color: #003366;
}

/* Use A as default (links style has been deprecated) */
.links
{
}
A:link.links
{
}
A:active.links
{
}
A:hover.links
{
}


.spaces
{
	font-family: Helvetica, Arial, "sans serif";
	letter-spacing: 1px;
	text-align: center;
	font-weight: 600;
	background-image: url(../images/topnav_bg1.jpg);
}


a:link.topnav
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-smooth: always;
	vertical-align: middle;
	
}

a:active.topnav
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-smooth: always;
	vertical-align: middle;
}

a:visited.topnav
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-smooth: always;
	vertical-align: middle;
}

a:hover.topnav
{
	color: #ebce80;
	text-decoration: underline;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-smooth: always;
	vertical-align: middle;
}


.topnav
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-smooth: always;
	vertical-align: middle;
}



.style2
{
	letter-spacing: 1px;
	text-align: center;
	
	font-family: Helvetica, Arial, "sans serif";
}


.dxCenterControlFix
{
	margin-left: auto;
	margin-right: auto;
}

.dxCenterImageButton
{
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

.dxImageButton
{
	cursor: pointer;
}

#trainingMenu
{
	width: 866px;
}

.groovyOver
{
	color: #FFFFFF;
	background-color: #6073b9;
	border-style: inset;
}

.groovyNormal
{
	color: #FFFFFF;
	background-color: #003366;
}

.VolBarText
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #213A72;
	font-size: 15px;
	font-weight: 600;
}
.VolBarLinkText
{
	text-decoration: none;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: silver;
	font-size: 15px;
	font-weight: 600;
}
A:link.VolBarLinkText
{
	text-decoration: none;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: silver;
	font-size: 15px;
	font-weight: 600;
}
A:active.VolBarLinkText
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: silver;
	font-size: 15px;
	font-weight: 600;
}
A:hover.VolBarLinkText
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #213A72;
	font-size: 15px;
	font-weight: 600;
}
.VolBarLinkTextRed
{
	text-decoration: none;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #8A191C;
	font-size: 14px;
	font-weight: 600;
}
A:link.VolBarLinkTextRed
{
	text-decoration: none;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #8A191C;
	font-size: 14px;
	font-weight: 600;
}
A:active.VolBarLinkTextRed
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #213A72;
	font-size: 14px;
	font-weight: 600;
}
A:hover.VolBarLinkTextRed
{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-style: normal;
	color: #213A72;
	font-size: 14px;
	font-weight: 600;
}

.titles
{
	font-family: Helvetica, Arial, "sans serif";
	font-size: 22px;
	color: #283453;
	font-weight: 800;
}

a:link.topnav2
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
	
}

a:active.topnav2
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	
}

a:visited.topnav2
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	
}

a:hover.topnav2
{
	color: #ebce80;
	text-decoration: underline;
	font-family: Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	
}


.topnav2
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	
}

a:link.key
{
	color: #284581;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
	
}

a:active.key
{
	color: #284581;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
}

a:visited.key
{
	color: #284581;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
}

a:hover.key
{
	color: #284581;
	text-decoration: underline;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
}


.key
{
	color: #284581;
	text-decoration: none;
	font-family: Helvetica, Arial, "sans serif";
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	font-smooth: always;
	vertical-align: middle;
}

/* Training Styles */

.ajaxLoading 
{
	background-color:Silver;
	border:solid 1px black;
	overflow:auto;
	position:absolute;
}

.ajaxLoading .image
{
	background-image:url(../images/ajax-loader.gif);
	width:28px;
	height:28px;
	float:left;
	margin:5px;
}

.ajaxLoading .text
{
	float:left;
	margin-top:9px;
	margin-left:2px;
	margin-right:5px;
}

.trainingSideBarTitle
{
	font-size:16px;
	font-weight:bold;
}

.videoNode, .audioNode
{
	height:101px;
	margin-right:5px;
	margin-left:5px;
	width:125px;
}

.videoNodeTitle
{
	color:Black;
	margin-top:7px;
	width: 115px; 
	margin-left:5px;
    overflow: hidden;
}

.videoNodeHeader
{
	color:White;
	padding-top: 4px; 
	margin-left: 5px;	
}
 
.audioNodeTitle
{
	color:White;
	margin-top:7px;
	width: 115px; 
	margin-left:5px;
    overflow: hidden;
}

.audioNodeHeader
{
	color:Black;
	padding-top: 4px; 
	margin-left: 5px;	
}

.trainingDocumentNode
{
	margin-bottom:5px;
	margin-left:5px;
	width:260px;
}

.trainingDocumentNode a
{
	color:White;
}

.trainingKeyConcepts
{
	float:right; 
	width:150px;  
	margin-left:10px;
	margin-bottom:10px;
}

.trainingKeyConceptsTitle
{
	font-size:16px;
	font-weight:bold;
}

a.trainingKeyConceptsLink
{
	margin-bottom:5px;
	display:block;
}

.trainingAudioTitle, .trainingVideoTitle
{
	font-size:18px;
	font-weight:bold;
}

.trainingVideoList ul, .trainingVideoList li, .trainingAudioList ul, .trainingAudioList li
{
    margin: 0px;
    padding: 0px;
    list-style-type:none;
}

.trainingVideoList li, .trainingAudioList li
{
	float:left;
}

.trainingDocumentList
{
}

/* Chairsman's Corner */
.chairmanscorner .title
{
	font-size:14pt;
}

.chairmanscorner .subtitle
{
	font-style:italic;
}

.chairmanscorner .author
{
	font-style:italic;
}

.chairmanscorner .source
{
	font-style:italic;
}

.chairmanscorner .publisheddate
{
	font-style:italic;
}
/************************/

/* Absentee Ballot */
.abtext
{
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.abtext2
{
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.abtitle
{
	color: #000000;
	text-decoration: none;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

.absubtitle
{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.abssn
{
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: none;
}

.ablink
{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: none;
}

a:link.ablink
{
	color: #ff0000;
	text-decoration: none;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

a:active.ablink
{
	color: #ff0000;
	text-decoration: none;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

a:visited.ablink
{
	color: #ff0000;
	text-decoration: none;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

a:hover.ablink
{
	color: #0000ff;
	text-decoration: underline;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

.ablink2
{
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

a:link.ablink2
{
	color: #ffffff;
	text-decoration: none;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

a:active.ablink2
{
	color: #ffffff;
	text-decoration: none;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

a:visited.ablink2
{
	color: #ffffff;
	text-decoration: none;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

a:hover.ablink2
{
	color: #ffffff;
	text-decoration: underline;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
}

.absubform
{
	border: dotted 1px silver;
	margin-top:5px;
	padding:5px;
}

.abbutton
{
	border:solid 1px black;
	background-color:Yellow;
	color:Blue;
}
/*******************/


/* HomePage - Twitter */
ul.twitter
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	color: White;
}

ul.twitter li
{
	margin-top:10px;
}

ul.twitter li.first
{
	margin-top:0px;
}

.hqtwitterbox
{
	background-color:#ffffff;
	border:1px solid #000000;
	color:#5C6471;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	height:55px;
	padding-left:5px;
	padding-top:4px;
	width:200px;
}

.hqtwitterbox2
{
	background-color:#ffffff;
	border:0px;
	color:#5C6471;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	height:48px;
	padding-left:5px;
	padding-top:5px;
	width:190px;
}