/* CSS Document */

body
{
	/*background: url(../Content/Images/default/angelicback.jpg) repeat-x #FFFCCC;*/
	background-color: #FFFCCC;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
     margin: 0px;
}
body.Admin
{
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: none;
	background-repeat: no-repeat;
}
body.pagebg
{
	/*background: url(../Content/Images/default/angelicback.jpg) repeat-x #FFFCCC;*/
	background: #FFFCCC;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
     margin: 0px;
}
.Primary
{
	background-color: #FFFFCC;
	color: #5D3E83;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.PrimaryHeader
{
	background-color: #FFFFCC;
	color: #5D3E83;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.PrimaryBoldText
{
	background-color: #FFFFCC;
	color: #5D3E83;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.PrimaryEnlargedText
{
	background-color: #FFFFCC;
	color: #5D3E83;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
.PrimaryReducedText
{
	background-color: #FFFFCC;
	color: #5D3E83;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
}
.Secondary
{
	background-color: #333366;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.SecondaryHeader
{
	background-color: #333366;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.SecondaryBoldText
{
	background-color: #333366;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.SecondaryEnlargedText
{
	background-color: #333366;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.SecondaryReducedText
{
	background-color: #333366;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.Accent
{
	color: #000000;
	background-color: #FFFFF0;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.AccentHeader
{
	color: #000000;
	background-color: #FFFFF0;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.AccentBoldText
{
	color: #000000;
	background-color: #FFFFF0;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.AccentEnlargedText
{
	color: #000000;
	background-color: #FFFFF0;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
.AccentReducedText
{
	color: #000000;
	background-color: #FFFFF0;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
}
.Splash
{
	color: #000000;
	background-color: #FDCB26;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.SplashHeader
{
	color: #000000;
	background-color: #FDCB26;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.SplashBoldText
{
	color: #000000;
	background-color: #FDCB26;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.SplashEnlargedText
{
	color: #000000;
	background-color: #FDCB26;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.SplashReducedText
{
	color: #000000;
	background-color: #FDCB26;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.GridRowOdd
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal
}
.GridRowEven
{
	color: #000000;
	background-color: #DDDDDD;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal
}
td, .DefaultText
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.BoldText
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.EnlargedText
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.HeaderText
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.ReducedText
{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal
}
.HomebaseText
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
table.TableWithBorder
{
	background-color: #FFFFCC;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	empty-cells: show
}
td.TableWithBorder
{
	background-color: #FFFFCC;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	empty-cells: show;
}
.Outline
{
	background-color: #333366;
	border-bottom: #333366 1px solid;
	border-left: #333366 1px solid;
	border-right: #333366 1px solid;
	border-top: #333366 1px solid;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	empty-cells: show;
}
.Error
{
	background-color: #333366;
	color: #FF0000;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.FormElementInput
{
	background-color: #FFFFFF;
	color: #000000;
	border-color: #333366;
	border-width: 1px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}
.FormButtons
{
	color: #5D3E83;
	background-color: #FFFFCC;
	border-color: #333366;
	border-width: 1px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
a
{
	text-decoration: none;
	color: #666699;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
a:link { color: #666699; }
a:visited { color: #666699; }
a:hover { color: #23234D; }
a.menu
{
	text-decoration: none;
	color: #666699;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a.menu:link { color: #666699; }
a.menu:visited { color: #666699; }
a.menu:hover { color: #23234D; }
a.Gridmenu
{
	text-decoration: none;
	color: #9393E9;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a.Gridmenu:link { color: #9393E9; }
a.Gridmenu:visited { color: #9393E9; }
a.Gridmenu:hover { color: #FFFFFF; }
a.Homebase
{
	text-decoration: none;
	color: #666699;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
a.Homebase:link { color: #666699; }
a.Homebase:visited { color: #666699; }
a.Homebase:hover { color: #FDCB26; }
a.FormFileManagerFileList
{
	text-decoration: none;
	color: #666699;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a.FormFileManagerFileList:link{ color: #666699; }
a.FormFileManagerFileList:visited{ color: #666699; }
a.FormFileManagerFileList:hover
{
	color: #FFFFCC;
	background-color: #333366;
}
#sitesearch
{
}
#sitesearch .KeywordRow
{
	display: block;
}#sitesearch .MaxPagesRow
{
	display: block;
}
#sitesearch .StartSearchRow
{
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
}
#sitesearch .NoCriteria
{
}
#sitesearch .NoResults
{
}
#sitesearch .SearchedFor
{
	display: block;
	margin-bottom: 10px;
}
#sitesearch .clear
{
	display: block;
}
#sitesearch .ResultItem
{
}
#sitesearch .ResultSummaryLabel
{
}
#sitesearch .ResultSummary
{
	margin-bottom: 10px;
}
.ResultSummary .Matched
{
	color: #ff0000;
}
#sitesearch .Paging
{
	display: block;
	width: 100%;
}.Paging .ResultPrevious
{
	width: 100px;
	float: right;
	display: block;
}
#SP0 .ResultPrevious
{
	display: none;
}
.Paging .ResultNext
{
	width: 100px;
	float: right;
	display: block;
}
.noprint { display: block; }
@media print {
	.noprint { display: none; }
}

/**** custom class declorations ****/

#container {
     width: 910px;
}
.PopUpBG
{
	color: #000000;
	background-color: #FFCC99;
}

.content
{
	width: 98%;
	margin: 0px 5px;
	padding-top: 15px;
}

.copyright
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     line-height: 20px;
     color: #000000;
}

.paragraph
{
	font-size: 10px;
	color: #000000;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle;
}

.footer
{
	font-size: 9px;
	color: #805f40;
}

.head
{
	font-size: 12px;
	color: #333333;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle;
	font-weight: bold;
}
.head2
{
	color: #502706;
	font-size: 11px;
	font-weight: bold;
}
.head3
{
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
}
.Header {
	background: #330A82 url(../Content/Images/default/HOMEBANNER2.jpg) no-repeat;
	height: 185px;
	width: 910px;
	border: none;
	padding: 6px 9px 0 8px;
}
.Header td {
	color: #FFF;
}
.Header a,
.Header a:link,
.Header a:visited {
	color: #FFF;
	font-weight: bold;
}

.bullet
{
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	letter-spacing: normal;
	clip: rect(   );
	list-style-type: circle;
}

.breadcrumb
{
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle;
	font-weight: bold;
}

.introparagraph
{
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle
}

.popuptext
{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle
}

.popuphead
{
	font-size: 12px;
	color: #CC9900;
	line-height: 14px;
	letter-spacing: normal;
	list-style-type: circle;
	font-weight: bold;
}

/**** redefined HTML tags ****/

h1, h3, h4
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333366;
}
h2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #333366;
     font-size: 18px;
}
h4 {  font-size: 10pt 
}
.contentBlock .contentBlock {
     padding: 0px 50px;
     border: none;
}
.contentBlock {
     padding: 0px;
     border: 1px solid #333367;
}
.contentBlockNP .contentBlockNP {
     padding: 0px 25px;
     border: none;
}
.contentBlockNP {
     padding: 0px;
     border: 1px solid #333367;
}

hr
{
     size: 1;
     color: #000064;
     background-color: #000064;
}

blockquote { color: #000000; }

#dhtmlgoodies_menu img{
     border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
#dhtmlgoodies_menu ul li ul{
     display:none;	/* Needed to display ok in Opera */
	}
     
#dhtmlgoodies_menu{
     visibility:hidden;
      width: 850px;	
	}
#dhtmlgoodies_menu ul{
     margin:0px;	/* No indent */
     padding:0px;	/* No indent */
	}
#dhtmlgoodies_menu li{
     list-style-type:none;	/* No bullets */
	}	
#dhtmlgoodies_menu a{

     margin:0px;
     padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
     CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
#dhtmlgoodies_menu ul{
     border:1px solid #000;
     background-color:#FFF;
     padding:1px;
	}
     
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
     padding:1px;
     background-color:#000000;
     overflow:visible;
	}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
     border:0px;
     padding:1px;
     border:1px solid #333333;
	}
	
	/***********************************************************************
     CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
#dhtmlgoodies_menu a{
     color: #fff;
     text-decoration:none;
     padding-left:2px;
     padding-right:2px;
	 font-weight: bold;
	}
	
	/*
	Main menu items 
	*/
	
#dhtmlgoodies_menu .currentDepth1{
     padding-left:5px;
     padding-right:5px;
	}
#dhtmlgoodies_menu .currentDepth1over{
     padding-left:5px;
     padding-right:5px;
     background-color:#333333;
	}
#dhtmlgoodies_menu .currentDepth1 a{
     font-weight:bold;
	}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
     color:#FFF;
     font-weight:bold;
	}
	
	/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2 {
	padding:2px;
	text-align: left;
	background-color: #000000;
	}
#dhtmlgoodies_menu .currentDepth2over {
     padding:2px;
	 text-align: left;	 
     background-color:#666666;
	}	
#dhtmlgoodies_menu .currentDepth2over a {	/* Text rules */
		 color:#fff;
		 font-weight: bold;
	}	
	/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
     padding-right:2px;
     border:1px solid #FFF;
	}
#dhtmlgoodies_menu .currentDepth3over{
     padding-right:2px;
     background-color:#EDE3EB;
     border:1px solid #000;
	}
	/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
     padding-right:2px;
     border:1px solid #FFF;
	}
#dhtmlgoodies_menu .currentDepth4over{
     padding-right:2px;
     background-color:#EBEDE3;
     border:1px solid #000;
}	
.CategoryTop {
     font-size: 14px;
     font-weight: bold;
    color: #333367;
}
#stUI3_cnt_cnt  {
     margin: 0px 15px !important;
     padding: 0px 15px !important;
}

/* ***** START TOP NAV CLASSES ***** */

#topNavWrapper 
{
	height: 25px;
	background: #330A82;
	clear: both;
	width: 865px;
}
#topNav, #topNav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#topNav a 
{
	display: block;
	padding: 5px 0px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#topNav a:hover
{
	background: #5F5F5F;
}
#topNav li
{
	float: left;
	padding: 0px 20px;
}
#topNav li ul 
{
	position: absolute;
	background: #330A82;
	clear: left;
	z-index: 20;
	border: 1px solid #ffffff;
}
#topNav li ul a
{
	font-weight: bold;
	font-size: 12px;
	white-space: no-wrap;
	padding: 5px 3px;
}
#topNav li ul a:hover
{
	text-decoration: none;
}
#topNav li ul li
{
	clear: both;
	padding: 0px;
}
ul.flyout
{
	visibility: hidden;
}
.flyout li
{
	white-space: no-wrap;
	width: 150px;
                text-align: left;
}

/* ************************************ */

/* *************List-Based Navigation Menu***** */
/* CSS Document */

.menu {
	position: relative;
                *margin-left: 0;
                width: 910px; /*overall width of how wide the navigation menu will expand across the page */
	font-family:Arial, Helvetica, sans-serif;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.menu li {
	float:left;
	position:relative;
	width:auto; /*change this for how wide the different menu items are */
	height:25px; /*change this for the height of the different menu items */
	background: #330A82;
                text-align: left;
}

.menu a, .menu a:visited {
	background:#330A82; /*background for the top nav before the drop down */
	color:#FFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 20px 5px 22px;
}

.menu a:hover {
	background:#5F5F5F;
                color: #FFF;
}

.menu ul ul {
	/*width:98px;*/
	visibility:hidden; /*this hides the drop down menu */
	top:25;
	position:absolute;
	left:0;
	height:0;
	border:1px solid #FFF;

}

/*styling for drop down */
.menu ul ul a, .menu ul ul a:visited {
	height: auto;
	line-height: 1em;
	width: 140px;
	/*background:#CCC;*/ /*changes background color of drop down menu */
	padding: 5px;
	color:#FFF;
}
/*styling for drop down */
.menu ul ul li {
	height:auto;
	/*padding: 5px;*/
	background:#330A82; /*background for drop down menu */
	width:140px;
}

/*styling for first drop down */
.menu ul ul li a:hover   {
	background:#5F5F5F; /*hover color for drop down */
}

.menu ul li:hover ul, .menu ul a:hover ul {
	visibility: visible; /*show drop down when hovered over */
}

.main
{
	text-decoration: none;
	color: #666699;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;

/* *************End of LIst Based Navigation Menu**** */