/********************************
 Main Template Sections
********************************/


body, body div, body p, body th, 
	body td, body li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: black;
}

.outerMostTable{
	background-color : white;
	border-left-width : 1px;
   	border-right-width : 1px;
   	border-top-width : 1px;
   	border-bottom-width : 1px;
	border-style : solid;
	border-color:#000000;	
}

.headerTable{
	background-color :  #EEECEC;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 0px;
	border-style : solid;
	border-color:gray;		
}

.statusLine{
	background-color :  #000000;
	color:#FFFFFF;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 0px;
	border-style : solid;
	border-color:black;			
}

.lhsNavColumn{
	background-color :#000000;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 0px;
	border-style : solid;
	border-color:silver;		
}

.stdPadding{
	padding: 15px;
}

.stdPaddingExceptToRight{
	padding-right:0px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:15px;
}

.footerRow{
	background-color :#000000;
	border-left-width : 0px;
	border-right-width : 0px;
	border-top-width : 0px;
	border-bottom-width : 0px;
	border-style : solid;
	border-color:silver;
	font: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}


.pageTitle{
	background-color :  #E6E6F4;
	line-height: 25px;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 2px;
	border-style : solid;
	border-color:white;	
	font-weight: bold;
	color:#40037F;	
}

/********************************
 Styles for standard HTML elements
********************************/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
}

h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #40037F;
}



legend{
	color:black;
}

small{
	font-size:8px;
}


/********************************
	Messages 
********************************/
.error	{		
	color:maroon;
}	

.minorMessage{
	color:gray;
}

/********************************
	Standard Navigation-Bar Links
********************************/

.navcontainer {
   	margin : 0 0 0 0;
   	line-height :20px;
   	text-transform : none;
   	width : 130px;
  }
   
ul.navList{
	list-style-image: none;
	display : block;
	text-align : left;
   	padding : 0px;
   	margin : 0px 0px 0px 0px;
   	width : 130px;
}   



li.navItem {
 	display : block;
   	width : 130px;
   	padding : 0.0em 0.0em 0.0em 1.0em;
   	text-decoration : none;
   	font-weight: bold;
}


li.navItem a:link,  li.navItem a:visited{
 	display : block;
   	width : 130px;
	height : 20px; 	
   	text-decoration : none;
   	color :  #404040;
   	font-size:11px;
}


li.navItem a:hover, li.navItem a:active{
  	display : block;
   	width : 130px;
   	color : maroon;
   	text-decoration : underline; 
   	font-size:11px; 	
}


li.navCurrentItem {
 	display : block;
   	width : 130px;
   	padding : 0.0em 0.0em 0.0em 1.0em;
   	text-decoration : none;
   	font-weight: bold;
}


li.navCurrentItem a:link,  li.navCurrentItem a:visited{
 	display : block;
   	width : 130px;
	height : 20px; 	
   	text-decoration : none;
   	color :  silver;
   	font-size:11px; 
}


li.navCurrentItem a:hover, li.navCurrentItem a:active{
  	display : block;
   	width : 130px;
   	color :  maroon;
   	text-decoration : underline;  
   	font-size:11px; 	
}

/********************************
	Navigation-Bar Sections

********************************/

.topNavSection{
	background-color : #EEECEC;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 2px;
	border-style : solid;
	border-color:white;		
	
}

.middleNavSection{
	background-color : #EEECEC;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 2px;
	border-style : solid;
	border-color:white;		
	
}

.bottomNavSection{
	
	background-color :  #EEECEC;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 2px;
	border-style : solid;
	border-color:white;	
}


/********************************
	STD  Links
********************************/

	A:link				 {
	text-decoration: underline;
	color:black;
}

	A:visited			{
	text-decoration: underline;
	color:black;
}
		
	A:hover	 		{
	text-decoration: underline; 
	color : maroon;
}
	
	A:active 		{
	font-size:11px;	
	color :maroon;
}

/********************************
	Alternative  Links
********************************/

.altLink{
	color: #FFFFFF;
}

.altLink a:link, .altLink a:visited {
	color : black;
	text-decoration: underline;
}

.altLink a:active, .altLink a:hover{
	color: purple;
	 text-decoration: underline;
}


.positionLink{
}

.positionLink a:link, .positionLink a:visited {
	color : black;
	text-decoration: underline;
}

.positionLink a:active, .positionLink a:hover{
	color: purple;
	 text-decoration: underline;
}


.minorHelpLink{
	text-decoration: underline; 
	color : gray;
}


/********************************
	News Event Information 
********************************/

.lineBox{
	border-left-width : 1px;
   	border-right-width : 1px;
   	border-top-width : 1px;
   	border-bottom-width : 1px;
	border-style : solid;
	border-color:silver;	
}

.detailBoxNoBorder{
	padding: 15px;
	margin: 15px;
}

/********************************
	Product Information 
********************************/
.productLine{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color : #EFEFEF;;
	border-left-width : 0px;
   	border-right-width : 0px;
   	border-top-width : 0px;
   	border-bottom-width : 1px;
	border-style : solid;
	border-color:silver;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


.productTitle{
	font-size:11px;
	color:#40037F;
	font-weight: bold;
}

.marketingHighlight{
	color:maroon;
}

.textHighlight{
	color: #40037F;
	font-weight: bold;	
}

.textLowlight{
	color: #888282;
	font-weight: normal;	
}

.detailPage{
	background-color :  #FCFCFC;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.productInformation{
	background-color :#E6E6F4;
	margin-top : 5px;
	border-color: #E6E6F4;
	border-left-width : 5px;
   	border-right-width : 5px;
   	border-top-width : 5px;
   	border-bottom-width : 5px;
	border-style : solid;
}


/********************************
	Form Controls
 	Note: control-settings is the
 	class name used in generated 
 	controls such as drop down 
 	menus, as well as the class
 	assigned in the templates.
********************************/

.control-settings{
	color :  #404040;;
	font-size:10px;
}

/********************************
	Order Information
********************************/


	.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.order{

}

.order td {
	font-size: 8pt;
	background-color :#EEECEC;
	border-width: 1px; 
	border-style: solid; 
	border-color:white;

}
	
.order td.order-detail-heading{		
	font-size: 8pt;
	color: white;
	background-color : gray;
}


.order-detail-money{		
	font-size: 8pt;
	font-family:  Courier;
	color: black;
	
}



/********************************
	  MENU Nested List No popup
********************************/

.nestedlist {
	font-size: 11px;
	width: 150px;
	margin-left: 0px;
	 
	}

.nestedlist li{
	font-size: 11px;
	color: #404040;
	list-style-type: none;
	
}

.nestedlist ul{
 	margin: 0;
	padding-right:3px;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	
}

.nestedlist h4{
	font-size: 11px;
	color: black;
	list-style-type: none;
	margin:0;
	padding:0;
}


/********************************
 CSS VERTICAL (COLUMN) MENU coding 
********************************/
.popupFont{
	font-size: 12px;
}

#cssmenu {
width: 135px;
background: #000000;
} 

#cssmenu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#cssmenu a, #cssmenu h4 {
	font: bold 10px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 0px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
	margin-left: 0px;
}

#cssmenu h4 {
	color: #FFFFFF;
	background:  #000000;
	font-size: 10px;
	margin-left: 15px;
}

#cssmenu a {
	color: #FFFFFF;
	background: #000000;
	text-decoration: none;
	font-size: 10px;
	margin-left: 15px;
}

#cssmenu a:hover {
color: #a00;
background: #fff;
}

#cssmenu li {position: relative;}

#cssmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#cssmenu ul ul ul,
div#cssmenu ul ul li:hover ul ul
{display: none;}

div#cssmenu ul ul li:hover ul,
div#cssmenu ul ul ul li:hover ul
{display: block;}


/********************************
	 CSS HOIZONTAL MENU coding 
********************************/

.menuFont{
	font-size: 11px;
}


#menu {
width: 100%;
background: #efefef;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #40037F;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/********************************
	Index List
********************************/



.indexListBox{
	color: #404040; 
	border: 1px solid #666;
	padding: 6px;
	border: 1px solid #666;
	border-color:gray;
}

.indexListSeparator{

}

.indexListLink{
}

.indexListLink a:link, .indexListLink a:visited {
	color :#404040;
	text-decoration: underline;
}

.indexListLink a:active, .indexListLink a:hover{
	color: purple;
	 text-decoration: underline;
}

/********************************
	Other
********************************/

div.scroll {
	height: 450px;
	overflow: auto;
	background-color:#FFFFFF;
	;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.prompt-text{
	color: gray;
}

.boxInformation{
	border: 1px solid #666;
}.headerImage {
	background-image: url(images/banner.jpg);
}
.blackBackground {
	background-color: #000000;
}
.whiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
