/* **************************** COMPONENT WIDE STYLES **************************** */ 

.error {
          font-family: "Arial";
          font-size: 9pt;
          font-weight: bold;
          text-decoration: none;
		  text-align: center;
          vertical-align: middle;
		  border-top: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF;
          border-left: 1px solid #FFFFFF;
          border-right: 1px solid #FFFFFF;
          color: #CC0000;
          background-color: #FFFFFF;
        }

.instruction {
          font-family: "Arial";
          font-size: 8pt;
          font-weight: bold;
          text-decoration: none;
		  text-align: left;
          vertical-align: middle;
		  border: 1px solid #000000;
          color: #006699;
          background-color: #FFFFFF;
        }
		
.note {
          font-family: "Arial";
          font-size: 8pt;
          font-weight: bold;
          text-decoration: none;
		  text-align: left;
          vertical-align: middle;
		  border: 1px solid #000000;
          color: #CC3300;
          background-color: #FFFFff;
        }

.highlight {
	font-family: "Arial";
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	color: Olive;
	
}

/* TEXT */
.comp-text-1     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
} 

.comp-text-bold     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
} 

.comp-text-2     {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
} 

.comp-text2-bold     {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
} 

/* used for form pages */


.comp-title    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000063;
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	
} 

.comp-form-heading    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 9pt;
	text-align: left;
	font-weight: bold;
	
} 

.comp-form-heading2    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	
} 

.text-lable     {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
}

/* FORM ELEMENTS */		     
	
.text-box     {  border:1px solid #000066;
				 font-family: Arial;
				 font-size: 8pt;
				 background-color: #FFFFFF;
				 height: 18px; 
			 }
			 

			 
textarea     {  border:1px solid #000066;
				 font-family: Arial;
				 font-size: 8pt;
				 background-color: #FFFFFF;
				 
			 }
			 
.button2     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000099;
	font-style: bold;
	border-left: 1px solid #000066;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #EEEEEE;
	height: 18px;
}
		   
.dropdown     {
	font-family: Arial;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	background-color: #FFFFFF;
	border:1px solid #B15555;
}
			
.dropdown2     {  
				 font-family: Arial;
				 color: #000000;
				 font-weight: normal;
				 font-size: 8pt;
				 background-color: #FFFFFF;
				 height: 18px;
				 
}

/* LINKS */

.topnav { 
		font-family: Arial; 
		font-size: 10pt; 
		font-weight: bold; 
		text-decoration: none; 
       color: #333399; 
       width: 128px; 
       height: 24px; 
       vertical-align: middle border-top 1px solid black; 
       border: 1px solid #000000; 
       padding-left: 4px; 
       padding-top: 2px;
	   text-align: center; 
               }

A.topnav:hover{
	color : #FFFFFF;
	background-color: #333399;
	       }
		   
.topnav2 { 
		font-family: Arial; 
		font-size: 10pt; 
		font-weight: bold; 
		text-decoration: none; 
       color: #333399; 
       width: 100px; 
       height: 24px; 
       vertical-align: middle border-top 1px solid black; 
       border: 1px solid #000000; 
       padding-left: 4px; 
       padding-top: 2px;
	   text-align: center; 
               }

A.topnav2:hover{
	color : #FFFFFF;
	background-color: #333399;
	       }

.comp-link { 
		font-family: Arial; 
		font-size: 9pt;
		font-weight: bold;
		color: #333399;
		text-decoration: none 
        }

a:hover.comp-link {
	color : #CC0033;
	text-decoration: underline
}

.comp-link1 {
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: 333399;
}

A:hover.comp-link1{
	color : #CC0033;
	text-decoration: underline
}

.comp-link2 {
	font-family: Arial;
	font-size: 8pt;
	color: #333399;
	text-decoration: none;
}

a:hover.comp-link2{
	color : #CC0033;
	text-decoration: underline
	       }

.link-doc {
	font-family: Arial;
	font-size: 8pt;
	color: #333399;
	text-decoration: underline;
}

a:hover.link-doc{
	color : #CC0033;
	text-decoration: underline
}
/* **************************** END COMPONENT WIDE STYLES **************************** */ 

/* ********************************** STATUS **************************************** */

.text-status-heading    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10pt;
	font-weight: bold;
} 


.text-status-subhead    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	font-weight: bold;
} 

.text-status-title    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
	font-weight: bold;
} 

.text-status-date    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: ;
} 

.text-status-lable    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: ;
} 

.text-status-blue    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 8pt;
	font-weight: ;
} 


.link-status1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
	color: 333399;
}

A:hover.link-status1{
	color : #CC0033;
	text-decoration: underline
	}
	
.link-status2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	color: 333399;
}

A:hover.link-status2{
	color : #CC0033;
	text-decoration: underline
	} 
	
.link-status-cat {
	font-family: Arial;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
	padding-top: 3px;
	height: 18px;
	border-bottom: 1px solid #CC6666;
	text-decoration: none;
}
		
a:hover.link-status-cat{
	color : #CC0033;
	       }

/* **********************************END STATUS **************************************** */

/* ********************************** BIDGETTER **************************************** */
.bg-title    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
	font-weight: bold;
} 

.bg-title2    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 9pt;
	font-weight: bold;
} 



.bg-disclaimer {
          font-family: "Arial";
          font-size: 9pt;
          font-weight: bold;
          text-decoration: none;
		  text-align: left;
          vertical-align: middle;
		  border-top: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF;
          border-left: 1px solid #FFFFFF;
          border-right: 1px solid #FFFFFF;
          color: red;
          background-color: #FFFFFF;
 }
 
 .bg-link-cat {
	font-family: Arial;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
	padding-top: 3px;
	height: 18px;
	text-decoration: none;
}
		
a:hover.bg-link-cat {
	color : #CC0033;
	       }

/* ********************************** END BIDGETTER **************************************** */

/* ******************************** DOCSHARE / DOCSAFE / DOCLIBRARY ************************************** */
.ds-title    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
	font-weight: bold;
} 

		   
.ds-link-cat {
	font-family: Arial;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
	padding-top: 3px;
	height: 18px;
	border-bottom: 1px solid #CC6666;
	text-decoration: none;
}
		
a:hover.ds-link-cat{
	color : #CC0033;
	       }
		   

		
.ds-link-catsm { 
		font-family: Arial; 
		font-size: 8pt;
		color: #333399;
        font-weight: bold;
		padding-top: 3px;
        height: 18px;
		border-bottom: 1px solid #CC6666;
		
		text-decoration: none; 
        }
		
a:hover.ds-link-catsm{
	color : #CC0033;
	       }
.ds-hl-1         {  font-family: Arial;
				 color: #993333;
				 font-size: 10pt;
				 font-weight: bold;
			 }

/* ****************************** END DOCSHARE /DOCSAFE ************************************ */			


/* ************************** DIV TAGS for Portfolio 3 layout ***************************** */

#main-div {
	position:relative;
	left:0px;
	top:0px;
	width:780px;
	height:400px;
	
}

#body-div {
	position:absolute;
	left:80px;
	top:80px;
	width:700px;
	height:320px;
	background-color: #660000;
}

#screen-div {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:300px;
	background-color: #5A4F4F;
	color: #FFFFFF;
	text-align: center;
}

#divUp   {position:absolute; left:620px; top:140px;}

#divDown {position:absolute; left:620px; top:160px;}

/* divScrollTextCont positions the text area, divText sets the font style */
#divScrollTextCont {
		position:absolute;
		left:340px;
		top:140px;
		width:270px;
		height:140px;
		clip:rect(0px 270px 140px 0px);
		overflow:hidden;
		visibility:hidden;
}

#divText {
	position:absolute;
	left:0px; /* don't change this */
	top:0px; /* don't change this */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #B3B865;
	font-size: 8pt;
	font-weight: normal;
} 

#divTitle {
		position:absolute;
		left:340px;
		top:100px;
		width:420px;
		height:16px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 10pt;
		font-weight: bold;
}





#thumb-1 {
	position:absolute;
	left:340px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-2 {
	
	position:absolute;
	left:410px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}
#thumb-3 {
	position:absolute;
	left:480px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-4 {
	position:absolute;
	left:550px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-5 {
	position:absolute;
	left:620px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-6 {
	position:absolute;
	left:690px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#group-back {
	position:absolute;
	left:340px;
	top:370px;
	width:60px;
	height:20px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#group-next {
	position:absolute;
	left:555px;
	top:370px;
	width:60px;
	height:20px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#slide-nav {
	position:absolute;
	left: 90px;
	top:310px;
	width:120px;
	height:22px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#category {
	position:absolute;
	left:630px;
	top:230px;
	width:130px;
	height:100px;
}

#div-banner {
	position:absolute;
	left:400px;
	top:0px;
	width:400px;
	height:70px;
}

#div-pagetitle {
	position:absolute;
	left:650px;
	top:0px;
	width:350px;
	height:60px;
}

/* ************************** END DIV TAGS for Portfolio 3 layout ***************************** */

/* ************************************** PORTFOLIO ******************************************* */
.link-port-title { 
		font-family: Arial; 
		font-size: 10pt;
		color: #333399;
        font-weight: bold;
		padding-top: 3px;
        height: 16px;
		text-decoration: none; 
        }
		
a:hover.link-port-title{
	color : #CC0033;
	       }

.link-port1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
	padding-top: 3px;
	height: 18px;
	border-bottom: 1px solid #CC6666;
	text-decoration: none;
}
		
a:hover.link-port1 {
	color : #CC0033;
}

.link-port2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333399;
	font-weight: normal;
	text-decoration: none;
	vertical-align : text-bottom;
}

a:hover.link-port2{
	color : #CC0033;
	text-decoration: none
	       }
		   
.hl-slide    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: bold;
}  
.slide-text     {
	border:1px solid #000066;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #000066;
	height: 18px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}


.text-port     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
}

.text-portbold     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
} 

.text-port2     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333399;
	font-size: 8pt;
	font-weight: normal;
}

.text-port2bold     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333399;
	font-size: 7pt;
	font-weight: bold;
}

.text-port3bold     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333399;
	font-size: 9pt;
	font-weight: bold;
}

.text-portblue     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 8pt;
	font-weight: normal;
} 

.textarea-port2
{
	scrollbar-base-color: #000066;
	scrollbar-arrow-color: #CC0000;
	scrollbar-DarkShadow-Color: #000066;
	scrollbar-face-color: #000066;
	scrollbar-highlight-color: #000066;
	scrollbar-shadow-color: #000066;
	
	BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #000066 1px solid;
    COLOR: #FFFFFF;
    BORDER-BOTTOM: #000066 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #000066;
    TEXT-ALIGN: left
}   
.dropshadow {
filter:dropshadow(color=#CCCCCC, offx=8px, offy=8px);
padding: 15px; 
}
/* **************************************END PORTFOLIO **************************************** */

/* *************************************** NOTIFIER ******************************************* */

.notifier-text     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
}

.notifier-subject     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}

.notifier-date     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
} 	
 	
.notifier-link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333399;
	text-decoration: underline;
}

a:hover.notifier-link {
	color : #CC0033;
	text-decoration: underline
}
				 
/* EMAIL */

.email-link {
	font-family: Arial;
	font-size: 8pt;
	color: #0000FF;
	padding-left: 0px;
	padding-right: 0px;
	text-align : center;
	text-decoration: underline;
}

a:hover.email-link {
	color : #CC0033;
	text-decoration: underline
}
		   
.email-item {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	
}


.email-image {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	
}

.email-salutation {
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
		
}

.email-banner-text {
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
		
}
				


.email-text    {
	font-family: Arial;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
}

.email-hl-1     {
	font-family: Arial;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
} 
				
.email-hl-2    {
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	
}  

.email-caption      {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 7pt;
	font-weight: normal;
	text-align: center;
} 
		
				
/* NEWSLETTER */

.newsletter-banner-text {
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
		
}
			
.newsletter-text    { 
	font-family: Arial;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
				 
}
				
.newsletter-hl-1     {  	 
	font-family: Arial;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
				 
} 
				
.newsletter-hl-2    {
	font-family: Arial;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}  

.newsletter-caption      {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 7pt;
	font-weight: normal;
	text-align: center;
} 
				
.newsletter-vol-date     {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
} 

/* *************************************** END NOTIFIER ******************************************* */

/* ************************************ QUOTE/SHOPPING CART *************************************** */
.cell-shopcart1 {
	font-family: Arial;
	font-size: 10pt;
	color: #333399;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #000066;
	text-decoration: none;
	background-color: #CEE8F5;
}
/* *****************************************END QUOTE/SHOPPING CART ******************************* */	


			




