/* CSS Document */
/************************TAG STYLES********************/

p{
	margin-top: 0px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:0.96em;
	color:#000000;
}
ul{
}
li{
	font-size:14px;
	list-style-type:circle;
	color:#666666;
}
a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.96em;
	color:#666666;
	border-width:0;
}

a:visited{

	color:#666666;
		
}
a:hover{

    color:#333399;
}
h1{
	color:#333399;
	font-weight:lighter;
	font-size:18px;
	margin:10px;
	padding:0px;
}
h2{
	display:inline-block;
	font-weight:bold;
	font-size:1.6em;
	color:#999999;
}
h3{
	font-size:16px;
	color:#666666;
	
}
h4{
	font-size:1.4em;
	color:#ebebeb ;
	margin:0px auto;
	}
h5{
	font-size:10px;
	color:#666666 ; /* change by eCom90, was E41F1F */
	margin:0px auto;
	background-color:white;
	margin:5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	text-align:left;
	}


/********************************Image Placement**************************************************/

img.imageLeft { float: left; margin-right: 15px; margin-top:0; margin-bottom: 15px;  border:0; margin-left: 0px;}
img.imageRight{ float: right; margin-left: 15px; margin-top:0; margin-bottom: 15px;  border:0; margin-right: 0px;}




/********************************Master Layout*****************************************************/

body{
    
    /*position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    vertical-align:top;
	width:100%;
	height:100%;
    background-attachment:fixed;
	background-position:center;
	background-image:url(../images/public/masterBGD.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;*/
    
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#ffffff none repeat scroll 0 0;
    color:#000000;
    font-family:verdana,helvetica,arial,sans-serif;
    font-size:10px;
    width:100%;
    padding:0;
    margin:0;
		
}

#primaryContainer{

    /*position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    display:block;
    vertical-align:top;
	background-color:#ff0000;
	margin-right: 10%;
    margin-left: 10%;
    margin-bottom:0px;
	margin-top:0px;
	width:1024px;
    height:auto;
	padding:0px 0px 0px 0px;*/
    
    
    position:relative;
    width:974px;
    border-color:#ebebeb;
    border-style:solid;
    border-width:0 2px;
    font-size:1.2em;
    margin-right: 15%;
    margin-left: 15%;
   
	}
	
/***************************************Header Layout***************************************************/

img.headerImgLeft{position:absolute; left:-1; border:0; height:80px;}
img.headerImgCentre{position:relative; left:0 ; border:0; height:80px;}
img.headerImgRight{position:absolute; right:0 ; border:0; height:80px;}


#headerContainer{

    position:relative;
    right:2%;
    left:2%;
	background-image:url(../images/public/headerExt3.jpg);
	background-repeat:repeat-x;
	display:inline-block;
	height:80px;
	width:96%;
    margin-right:0px;
    margin-left:0px;
    margin-top:10px;
    margin-bottom:10px;
	
}

/********************************Login Panel Layout*****************************************************/

#loginCollumn{
    background-color:#ffffff;
    position:relative;
    left:0;
    top:0;
    width:140px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:auto;
}

#basePanel{
    background-color:#cccccc;
    position:relative;
    left:0;
    top:0;
    display:block;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    height:auto;
	width:140px;
}

#basePanelLeftTop{
	
	position:relative;
    left:0;
    top:0;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	height:auto;
	width:140px;
	background-color:#cccccc;
	background-image:url(../images/public/basePanelLeftTop.gif);
	background-repeat:no-repeat;
			
}

#basePanelLeftTopText{

    position:relative;
    left:0;
    top:0;
    margin:0px;
	padding:10px 0px 10px 0px;
	display:block;
    height:auto;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333399;
	background-color:Transparent;
	text-align:center;
	font-weight:bold;
}

#basePanelLeftMiddle{

    position:relative;
    left:0;
    top:0;
	background-color:#cccccc;
	display:block;
	height:auto;
	width:140px;
	margin:0px 0px 0px 0px;
	
}

#basePanelLeftMiddleText{

    position:relative;
    left:0;
    top:0;
    margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px;
	display:block;
    height:auto;
	width:130px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#333333;
	text-align:left;
	font-weight:normal;

	
}	

#basePanelLeftBottom{

    position:relative;
    left:0;
    top:0;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	height:26px;
	width:140px;
	background-color:#cccccc;
	background-image:url(../images/public/basePanelLeftBottom.gif);
	background-repeat:no-repeat;
				
}

#basePanelLeftBottomText{

    font-family:Arial, Helvetica, sans-serif;
	color:#333399;
	text-align:right;
	height:auto;
	width:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	position:relative;
    right:10;
    top:0;
}

/***************************************Content Layout***************************************************/

#contentContainer{

    vertical-align:top;
	display:block;
	margin:0 auto;
	background-color:#ffffff;
    clear:both;
    overflow:hidden;
	
	}
	
#contentContainerCollumn1{

    /*background-color:#ffffff;
    vertical-align:top;
    position:relative;
    display:inline;
	float:left;
	height:auto;
	width:140px;
	margin: 0px 0px 0px 0px;*/
	
	}
	
.contentContainerCollumn1 {
    margin-top:10px;
    display:inline-block;
    float:left;
    margin-left:20px;
    width:140px;
    
}

.clearBoth {
clear:both;
    }
	
#contentContainerCollumn2{
    
    background-color:#ffffff;
    vertical-align:top;
    position:relative;
    display:inline;
	float:left;
	width: 570px;
	min-height:1000px;
	margin: 0px 20px 0px 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
    }

.contentContainerCollumn2{
float:left;
display:inline;
margin-top:10px;
min-height:1000px;
width:600px;
margin-left:14px;
}

#contentContainerCollumn3{

    background-color:blue;
    vertical-align:top;
   	display:inline;
   	float:right;
	width:160px;
	 }
	
	.contentContainerCollumn3{
float:right;
position:relative;
right:0px;
display:inline-block;
margin-top:10px;
height:auto;
width:160px;
margin-right:20px;
background-color:#ffffff;
}
#footerContainer{
   
    position:relative;
    background-color:#cccccc;
		
	}
	
	.footerContainer {
	
	margin-top:10px;
    display:block;
    width:100%;
        
    
}
	
.footerContainerText{
	  
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333399;
	text-align:center;
	font-weight:bold;
	height:auto;
	width:auto;
	margin:10px 0px 5px 0px;
	}
	
	
/**********************************Content Holder****************************************************/

#contentHolderMaster{

display:block;
width:auto;
height:auto;
margin: 0px 5px 0px 5px;

}

.contentHolderMaster{

display:block;
width:auto;
height:auto;
margin: 0px 5px 0px 5px;

}

#contentHolderHeader{

background-image:url(../images/public/contentHolderHeader.gif);
background-repeat:no-repeat;
display:block;
width:auto;
height:auto;
margin: 0px 0px 15px 0px;

font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#333399;


}

.contentHolderHeader{

background-image:url(../images/public/contentHolderHeader.gif);
background-repeat:no-repeat;
display:block;
width:auto;
height:auto;
margin: 0px 0px 15px 0px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#333399;


}

#contentHolderBody{
background-color:#ffffff;
display:inline-block;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;}

.contentHolderBody{
background-color:#ffffff;
display:inline-block;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;}

#contentHolderFooter{

display:block;
width:auto;
height:auto;
margin: 0px 0px 0px 0px;}	
	
	
/********************************Base Panel Layout*****************************************************/

#basePanelMainContainer{
	
	vertical-align:top;
	text-align: center;
	background-color:#ff0000;
	display:inline;
	height:auto;
	width:280;
	margin:0px 0px 0px 0px;
			
}	

#basePanelMainContainerCollumn1{
	
	vertical-align:top;
	text-align: center;
	background-color:#ffffff;
	display:inline;
	height:auto;
	width:280px;
	margin:0px 0px 0px 0px;
			
}	

#basePanelMainContainerCollumn2{
	
	vertical-align:top;
	text-align: center;
	background-color:#ffffff;
	display:block;
	height:auto;
	width:300px;
	margin:0px 0px 0px 0px;
			
}
		
#basePanelMainMaster{

    vertical-align:top;
    text-align: center;
	background-color:#ffffff;
	display:inline;
	height:auto;
	width:280px;
	margin:5px 5px 5px 5px;
			
}


#basePanelMainTop{
	background-color:#cccccc;
	background-image:url(../images/public/basePanelMainTop.gif);
	background-repeat:no-repeat;
	display:block;
	height:30;
	width:auto;
	margin:0px 0px 0px 0px;
			
}

#basePanelMainTopText{

    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333399;
	text-align:center;
	font-weight:bold;
	height:auto;
	width:auto;
	margin:10px 0px 5px 0px;
}

#basePanelMainContent{
	
	background-color:#cccccc;
	display:block;
	height:200px;
	width:auto;
	margin:0px 0px 0px 0px;
	
}

#basePanelMainContentLeft{

    background-color: #cccccc;
    display:inline;
	height:200px;
	width:160px;
	margin:0px 0px 0px 0px;
}	

#basePanelMainContentRight{

    background-color: #333399;
    display:inline;
	height:200px;
	width:120px;
	margin:0px 0px 0px 0px;
}	

#basePanelMainContentRightImage{

    background-color: #333399;
    display:inline;
	height:84;
	width:120;
	margin:0px 0px 0px 0px;
}

#basePanelMainContentLeftText{

    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#666666;
	text-align:left;
	font-weight:normal;
	display:block;
	height:auto;
	width:auto;
	margin:5px 5px 5px 5px;
}	

#basePanelMainContentRightHeader{
	
	background-color: #333399;
	display:inline;
	height:auto;
	width:auto;
	margin:0px 0px 0px 0px;
	
}

#basePanelMainContentRightHeaderText{
    
    /*border: dotted ebebeb thin;*/
    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	height:auto;
	width:auto;
	margin:5px 5px 5px 5px;
}	

#basePanelMainContentRightText{

    font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#ffffff;
	text-align:center;
	font-weight:normal;
	height:auto;
	width:auto;
	margin:0px 0px 0px 0px;
}	

#basePanelMainBottom{
	background-color:#ffffff;
	background-image:url(../images/public/basePanelMainBottom.gif);
	background-repeat:no-repeat;
	display:block;
	height:30px;
	width:280px;
	margin:0px 0px 0px 0px;
			
}

#basePanelMainBottomText{

    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333399;
	text-align:right;
	font-weight:bold;
	height:auto;
	width:280px;
	margin:10px 10px 0px 0px;
}
	
/************************GENERAL LAYOUT********************/

.textArea{

    /*position:relative;
    left:0;
    top:0;
    background-color:#ffffff;
   	width:100%;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display:block;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	color:#666666;*/
	
	display:inline-block;
	width:100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
		
}

#textAreaImageLeft{

    background-color:#ffffff;
    position:relative;
    left:0px;
    background-image: url(../images/public/homeImg1_0.jpg);
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
	display:inline;
	height: 150px;
	width:600px;
}

#textAreaImageLeft2{

    background-color:#ffffff;
    position:relative;
    left:0px;
    background-image: url(../images/public/homeImg3_0.jpg);
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
	display:inline;
	height: 150px;
	width:600px;
}

#textAreaImageRight{

    background-color:#ffffff;
    position:relative;
    left:300px;
    background-image: url(../images/public/homeImg2_0.jpg);
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
	display:inline;
	height: 150px;
	width:600px;
}

#textAreaTextRight{

    background-color:#ffffff;
   	position:relative;
    left:175px;
   	width:425px;
	height:auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	display:inline;
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#666666;
}

#textAreaTextLeft{

    background-color:#ffffff;
    position:relative;
    left:-300px;
   	width:425px;
	height:auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	display:inline;
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#666666;
}


/*styles the arrow link posioned to the top right of features*/
a#arrow{
	overflow:hidden;
	background-image: url(nav/arrow.gif);
	background-repeat: no-repeat;
	padding-top:26px;
	height: 0px !important;
	height /**/:26px;
	width:26px;
	float:right;
}
a:hover#arrow {
	background-image: url(nav/arrowOn.gif);
}
/*product feature box on products landing page*/
.productFeatureRight, .productFeatureLeft{
	width:251px;
	height:166px;
	background-image:url(nav/productsLandingBox.gif);
	background-repeat:no-repeat;
	padding:10px;
}
* html .productFeatureRight, * html .productFeatureLeft{
	width:271px;
	height:186px;
	background-image:url(nav/productsLandingBox.gif);
	background-repeat:no-repeat;
	padding:10px;
}
.productFeatureRight{
	float:right;
}
.productFeatureLeft h1, .productFeatureRight h1{
	color:#972228 ; /* change by eCom90, was E41F1F */
	font-weight:lighter;
	font-size:1.6em;
	margin:5px 0px 0px 0px;
	padding:0px;
}
.productFeatureLeft img, .productFeatureRight img{
	float:left;
	padding:5px;
}

/********************TEXT CLASSES***************/
/*styles for the first paragraph*/
.firstPara{
	font-size:1.3em;
	color:#666666;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	border-bottom:1px dashed #cccccc;
}
/*styles for form section header*/
.sectionHeader{
	font-size:1.3em;
	color:#666666;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	
}
/*style for the first paragraph in a small feature such as on the products landing page*/
.firstParaSmall{
	font-size:1.3em;
	color:#666666;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}
.largerText{
	font-size:1.2em;
}
.contentText{
    
    margin: 0px 0px 0px 0px;
    color:#666666;
	font-size:1em;
}

.redAlertBlock{
    padding:5;
    background-color:#333399;
    color:#ffffff;
	font-size:14px;
}	

.redAlertBlockLink{
    
    background-color:#333399;
    color:#ffffff;
	font-size:14px;
}	

.redAlert{
    color:#ff0000;
	font-size:14px;
}	

.redstrike { 

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; color: #ff0000 ; 
text-decoration: line-through ; 
font-weight: normal
}

.quotes{

font-family:verdana;
font-size:2em; color: #333399 ; 
font-weight: normal;


}

/************************HEADER 1 TAGS********************/
h1#homeHeader {
	overflow:hidden;
	background-image:url(nav/welcomeHeader.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:240px;
	margin:0px;
	display:block;
}
h1#productsHeader {
	overflow:hidden;
	background-image:url(nav/productsH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
h1#designServiceHeader {
	overflow:hidden;
	background-image:url(nav/designServiceH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
h1#newsHeader {
	overflow:hidden;
	background-image:url(nav/newsH1.gif);
	background-repeat:no-repeat;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px 0px 10px 0px;
	padding-top:30px;
	display:block;
}
h1#homeHeader {
	overflow:hidden;
	background-image:url(nav/homeHeader.gif);
	background-repeat:no-repeat;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px 0px 10px 0px;
	padding-top:30px;
	display:block;
}
h1#legislationHeader {
	overflow:hidden;
	background-image:url(nav/legislationH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
h1#elearningHeader {
	overflow:hidden;
	background-image:url(nav/elearningH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
h1#downloadsHeader {
	overflow:hidden;
	background-image:url(nav/downloadsH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
h1#contactusHeader {
	overflow:hidden;
	background-image:url(nav/contactH1.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:252px;
	margin:0px;
	display:block;
}
#confirmed h1{
	overflow:hidden;
/*	background-image:url(register_images/confirmedHeader.gif); remmed out by eCom90 */
	background-image:url(images/confirmedHeader.gif); /* added by eCom90  */
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:240px;
	margin:0px;
}
#form h1{
	overflow:hidden;
/*	background-image:url(register_images/registerforevent.gif); remmed out by eCom90 */
	background-image:url(images/registerforevent.gif); /* added by eCom90 */
	background-repeat:no-repeat;
	padding-top:30px;
	height: 0px !important;
	height /**/:30px;
	width:304px;
	margin:0px;
}

/************************SIDE FEATURES********************/
#sideColumn{
	width:180px;
	display:block;
	float:right;
}
.sideFeature{
	
	background-repeat:no-repeat;
	width:180px;
	height:600px;
	display:block;
	padding:10px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
}
* html .sideFeature{
	width:180px;
	height:600px;
}
.sideFeature h1{
	color:#972228 ; /* change by eCom90, was E41F1F */
	font-weight:lighter;
	font-size:1.6em;
	margin:0px;
	padding:0px;
}
.sideFeature img{
	float:right;
	padding:10px 0px 2px 5px;
}

/************************FOOTER STYLES********************/
#base{
	background-image:url(nav/base.gif);
	background-repeat:no-repeat;
	padding:15px 10px 10px 10px;
	width:746px;
	height:18px;
	color: #C02228;
	margin:5px 0px 0px 0px;
}
* html #base{
	width:767px;
	height:43px
}
/************************GENERIC STYLES********************/
.leftImage{
	float:left;
	padding:0px 0px 0px 0px;
    margin-right: 0px;
}

#sideColumn img{
	border:0;
}
.productDownloadsPDF li, .productDownloadsFile li{
	position:relative;
	left:-60px;
	list-style-type:none;
	padding:10px;
	width:235px; 
	height:25px;
	text-indent: 0px;
	text-align:left;
}
.productDownloadsPDF a:link, .productDownloadsPDF a:visited{
	background-image:url(nav/pdfIcon.gif);
	background-repeat:no-repeat;
	background-position: left ;  
	padding:10px 0px 5px 25px;  
	font-size:0.8em;
	border-bottom:1px dashed #cccccc;
}
#hiddenPix{
	border:thin solid blue;
	display:none;
}

/*********************************** Right Callout Panel ******************************************/

div#rightCalloutWrapper {
padding-left:0px;
padding-right:0px;
width:160px;
}

div.rightCallout {
background-attachment:scroll;
background-color:#ffffff;
background-position:left top;
color:#F6F6F6;
cursor:pointer;
display:inline;
float:left;
height:auto !important;
margin-left:0px;
min-height:180px;
padding:0 0px 20px 0px;
text-align:left;
width:160px;
}

div.rightCallout p {
color:#ffffff;
display:inline-block;
font-size:9px;
height:40px;
line-height:12px;
overflow:hidden;
margin-left:10px;

}

div.rightCallout h3 {
display:inline-block;
border:0 none;
color:#ffffff;
margin-top:0px;
margin-bottom:2px;
font-size:10px;
margin-left:10px;
}

div.rightCallout h4 {
color:#F6F6F6;
font-size:10px;
font-weight:700;
padding-bottom:5px;
}

div.rightCallout a.btn {
display:inline;
float:right;
margin-top:100px;
margin-right:10px;
}

a.btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/public/buttons/btnLeft.gif) no-repeat scroll left top;
cursor:pointer;
display:table;
font-size:10px;
height:21px;
margin-right:2px;
padding-left:9px;
text-align:center;
text-decoration:none;
}

a.btn span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/public/buttons/btnRight.gif) no-repeat scroll right top;
color:#000000;
display:table;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:21px;
margin-right:-2px;
padding-right:19px;
position:relative;
text-decoration:none;
vertical-align:middle;
}

a.btn:active span, a.btn:visited span, a.btn:hover span {
color:#000000;
text-decoration:none;
}

div#IEroot a.btn {
display:inline-block;
}
div#IEroot a.btn span {
display:inline-block;
vertical-align:text-top;
}
div#IEroot a.btn:hover span {
color:#333399;
text-decoration:none;
}
.clear {
clear:both;
display:inline;
height:0;
overflow:hidden;
}