/*

 Some styles used by the "Cascading Popup Menus" script.
 Consult a CSS reference (a good one is www.ncdesign.org) for syntax and tweaking ideas.
 You can delete the ones you're not using in your ItemStyles, or add more if you want.

*/


/*
 Font settings -- change your font, colour, alignment etc.
 Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
*/
.lowText { text-decoration: none; color: #000000; font: 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left }
.lowTextOver { text-decoration: none; color: #000000; font: 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left }
.highText { text-decoration: none; color: #ffffff; font: bold 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left }
.highTextOver { text-decoration: none; color: #ffcc00; font: bold 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left }
.lowTextCurrent { text-decoration: none; color: #000000; font: 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left; text-indent: 15px }
.lowTextCurrentOver { text-decoration: none; color: #000000; font: 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left; text-indent: 15px }
.lowTextCurrentItem { text-decoration: none; color: #0033ff; font: 8.5pt tahoma, arial, helvetica, sans-serif; text-align: left; text-indent: 15px }


/* Borders used by some items */
.bottomBorder { border-top: 1px solid #A4A4C7; border-bottom: 1px solid #A4A4C7  }
.itemBorder { border: 1px solid #A4A4C7 }
.itemBorderBlank { border: 1px solid #CCCCDD }

/* The "button" demo menu styles, as used by the "File-Reopen" menu */
.buttonText { text-decoration: none; color: #FFCC99; font: bold 8.5pt tahoma, arial, helvetica, sans-serif }
.buttonHover { text-decoration: none; color: #99CCFF; font: bold 8.5pt tahoma, arial, helvetica, sans-serif; padding: 1px }
.buttonBorder { border: 1px outset #339966 }
.buttonBorderOver { border: 1px inset #CC9966 }


body	{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}

#wrapper {
}



.default, TD {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000000;
}

.reversed {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #ffffff;
}

#categoryHeader {
	width: 550px;
	height: 65px;
}

#categoryHeader span {
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	color: #ffa647;
	padding: 15px;
	line-height: 65px;
}

#homepageHeader {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #ffa647;
	padding: 15px 15px 0px 15px;
}


h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #384F7B;
}

h4 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #384F7B;
}

.paragraphHeader {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color: #384F7B;
}

.sectionHeader {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
	width: 100%;
}

.fieldLabelL {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	color: #082E7A;
} 

.fieldLabelSubtextL {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #082E7A;
} 

.fieldLabelR {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	text-align: right;
	color: #082E7A;
} 

.fieldLabelSubtextR {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	text-align: right;
	color: #082E7A;
} 

.footerText {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #ffffff;
} 


form {
	margin-top: 0; padding-top: 0;	
	margin-bottom: 0; padding-bottom: 0;
}	


.formButton {	
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
	background-color: #ffcc66;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 20px;
}	

.smallButton {	
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 16px;
}	

.formTextField {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #204080;
	font-size: 8.5pt;
	font-weight: normal;
	border:1px solid #cccccc;
}		

.formTextarea {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #204080;
	font-size: 8.5pt;
	font-weight: normal;
	border:1px solid #cccccc;
}		

.formSelectList {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #204080;
	font-size: 8.5pt;
	font-weight: normal;
	border:1px solid #cccccc;
}		

ul
{
	list-style-type: square;
}

li {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 8.5pt;
}	

.unindent {
  margin-top:0;
	margin-left:20px;
	margin-right:0px;
  padding-top:0;
	padding-left:0;
  padding-right:0;
	list-style:square;
}

.cellBottomBorder {
	border-bottom:1px solid #eeeeee;
}	

a {
	text-decoration: none;
	color: #003399;
}	

a:hover {
	border-bottom: 1px dotted #003399;
}	

a.reversed:link {
	color: #FFA647;
}	
a.reversed:visited {
	color: #FFA647;
}	
a.reversed:hover {
	color: #FFA647;
}	
a.reversed:active {
	color: #FFA647;
}	

a.nohover:hover {
	border-bottom: none;
}

.roundBox {
	position: relative;
	background-color: #bbb;
	background-image: url('./images/bak_roundbox_white.png');
	background-repeat: repeat-x;
	padding: 20px;
}	

.rightColumnLinkBox {
	width: 160px;
	margin: 0 auto;
	margin-top: 20px;
}

.rightColumnLinkTitle {
	color: #063269;
	font-size: 8.5pt;
	font-weight: bold;
}

.rightColumnLinkDesc {
	font-size: 8.5pt;
}