/* BLOG */
TH.navDayHeader, 
TD.navOtherMonthDayStyle,
TD.navWeekendDayStyle,
TD.navDayStyle,
TABLE.navCalendar TD
{
	padding: 3px;
	border: 2px white solid;
	color: black;
}
TABLE.navCalendar TD A,
TABLE.navCalendar TD A:visited
{
	text-decoration: underline;
}
TABLE.navCalendar
{
	background: white;
}

TABLE.navCalendar TR
{
	border: 0px;
}

TH.navDayHeader,
TABLE.navTitleStyle
{
	background: #bcccdb;
}

TABLE.navTitleStyle TD
{
	color: #88a3b8;
	font-weight: bold;
	border: 0px;
}

TH.navDayHeader
{
	color: black;
}

TD.navOtherMonthDayStyle
{
	background: #cfdbe7;
	color: #88a3b8;
}

TD.navWeekendDayStyle
{
	background: #aebfcf;
}
TD.navDayStyle
{
	background: #dae3ec;
}
TABLE.navCalendar TD.navTodayStyle
{
	border: 3px #5d809c solid;
	background-color: White;
}

.modulecontent.BlogFeedback
{
	padding: 0px 0px 0px 20px;
}

.modulecontent.BlogFeedback .settingrow
{
	width: 450px;
	padding-top: 3px;
}
.modulecontent.BlogFeedback .settingrow LABEL
{
	padding-top: 5px;
}

.BlogComment
{
	border: 1px solid black;
	margin-bottom: 5px;
	width: 550px;
}

.BlogComment .blogtitle
{
	padding-left: 10px;
	padding-top: 10px;
}

.BlogComment .blogdate
{
	padding-left: 10px;
}
.BlogNewComment .settinglabel
{
	background-color: Transparent;
}
.BlogNewComment
{
	padding-left: 115px;
}

/* END -- BLOG */

.modulecontent .product
{
	padding: 10px 20px 20px 20px;
	clear: right;
	font-size: 10pt;
	text-align: justify;
	color: #0c406d;
	line-height: 20px;
}
.modulecontent IMG
{
	clear: both;
}


/* set the image to use and establish the lower-right position */ 
.cssbox,
.cssbox_body, 
.cssbox_head, 
.cssbox_head h2 {
    background: transparent url(../images/cssboxBg.png) no-repeat bottom right; 
} 
.cssbox 
{
	width: 737px !important; /* intended total box width - padding-right(next) */
	width: 737px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	/*margin: 20px auto;  use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head 
{ 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 15px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 
{
	color: #1e4664;
	font-size: 14pt; 
	font-weight: normal;
	font-family: Arial;
  background-position: top left; 
  margin: 0; /* reset main site styles */ 
  border: 0; /* ditto */ 
  padding: 20px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
  height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body 
{ 
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 0px 20px 20px 20px; /* mirror .cssbox_head right/left */ 
	color: #8d8d8d;
	font-family: Arial, Verdana, Geneva,  Helvetica;
	font-size: 12px;
	text-align: justify;
} 
/* css box */
TD.blueBg
{
	width: 552px; 
	vertical-align:top; 
	text-align: left;
}
TD.blueBg DIV.modulecontent
{
	padding-left:15px; 
	padding-top:50px; 
	color: #0C406D; 
	font-size: 14pt;
	background: transparent;
}
/******************************/
BODY.SharpStyle
{
	margin: 0px;
	border: 0px;
	padding: 15px 0px 0px 0px;
	background: #313131 url(../images/background.gif) repeat-x;
}
BODY, TD, P, DIV {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #999999;
}

img { border: 0px; }
#wrapwebsite { margin: 12px 12px 12px 12px; padding: 2px 2px 2px 2px; border: solid 1px #999D9C; 
	background-color: #f9f8f3; }
#wrapheader { width: 100%; height: 80px; background-color: #CAB693; margin: 5px 0px 0px 0px; }
#logodesc { margin: -5px 5px 12px 5px;  }
.logobox { float:left; margin: 5px 0px 0px 0px; }
.sitetitle {  margin: 0px 0px 0px 70px; font-family: Verdana Bold, Helvetica, sans-serif; 
	font-size: 20px; font-weight: bold; color:#005784; }
.topnav {   margin: 5px 0px 7px 0px; padding: 5px 0px 0px 0px; text-align:right; color: #FFFFFF; font-size: 11px; font-weight: bold; }
#wrapcenter { margin: 12px 5px 0px 16px; }

.leftside { position: absolute; left:16px; top:107px;  width:160px;  }
.center-nomargins { margin: 10px 0px 0px 0px; voice-family: "\"}\""; voice-family: inherit; margin: 10px 0px 0px 0px;}
html>body .center-nomargins { margin: 10px 0px 0px 0px; }
.center-rightandleftmargins {  margin: 10px 168px 0px 165px; voice-family: "\"}\""; voice-family: inherit;
   		 margin: 10px 165px 0px 165px;}
html>body .center-rightandleftmargins { margin: 10px 168px 0px 165px; }
.center-rightmargin {  margin: 10px 165px 0px 0px; voice-family: "\"}\""; voice-family: inherit;
   		 margin: 10px 165px 0px 0px;}
html>body .center-rightmargin { margin: 10px 165px 0px 0px; }
.center-leftmargin
{
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.rightside { position: absolute; right:16px; top:107px;  width:160px;  }
#wrapfooter { position: relative; width: 95%; left: 2.5%; text-align: center; }

/* MyPage */
.left-mypage { display:none;  }
html>body .center-mypage { margin: 0px 0px 0px 0px;  }
.center-mypage {  margin: 0px 0px 0px 0px;  
		voice-family: "\"}\""; voice-family: inherit; margin: 0px 0px 0px 0px; }
.right-mypage { display:none; }

.WebPartTitleStyle
{ padding: 4px 0px 0px 5px; height: 23px; color: #eeebe5; 
	font-size:120%;  font-weight: bold; background-color: #aca38b; 
	}
	
.WebPartTitleStyle a:link { color: white;  font-weight: bold; text-decoration: none; }
.WebPartTitleStyle a:visited { color: white;  font-weight: bold; text-decoration: none; }
.WebPartTitleStyle a:hover { color: white;  font-weight: bold; }

/* End Main Layout ******************/

#breadcrumb { padding: 4px 4px 4px 4px; background-color: #EEEDE9; border: solid 1px #CAB693; }
#pageedit { padding: 4px 4px 4px 4px; height: 16px; }

fieldset { margin: 0px 0px 0px 0px; border: 1px solid #CAB693; background: #EEEDE9;}
legend 
{
	color: #1e4664;
	font-size: 14pt; 
	font-weight: normal;
	font-family: Arial;
}

.settinglabel
{
	float: left;
	display: block;
	width: 190px;
	background-color: #999999;
	color: White;
	height: 20px;
	padding-left: 4px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.settingrow { padding: 4px 0px 4px 0px; width: 300px;}
.settingrow input 
{
	margin-bottom: 2px;
	float: left;
	width: 280px; 
	border: 1px solid black;
}
.modulebuttonrow
{
	clear: left; 
	text-align: right;
}
.modulebuttonrow input 
{
	background-color:#999999;
	color: White;
}


.div2columnleft { float: left; width: 350px;  padding: 1px;  }
.div2columnright { margin: 0px 0px 0px 355px;  padding: 1px;   }

.divgalleryimage {  }
.divgalleryimagemeta {   }

.SiteTitle { font-family: Verdana Bold, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color:#005784; }
a.SiteTitle:link { text-decoration: none; color:#005784; }
a.SiteTitle:visited { text-decoration: none; color:#005784; }
a.SiteTitle:hover { text-decoration: underline; color:#005784; }
a.SiteTitle:active { text-decoration: none; color:#005784; }

.WelcomeMessage { color: #FFFFFF; font-size: 100%; font-weight: bold; }
.sitelink { font-size: 100%; font-weight: bold; }
a.sitelink:link { color: #FFFFFF; text-decoration: none; }
a.sitelink:visited { color: #FFFFFF; text-decoration: none; }
a.sitelink:hover { color: #D46400; text-decoration: underline; }
a.sitelink:active { color: #FFFFFF; text-decoration: none; }
.accent { color: #005784; font-size: 11px; font-weight: bold; }

h1 { margin: 0px;  font-size: 105%;  }
h2 { margin: 0px;  font-size: 100%;  }
h3 { margin: 0px; font-size: 95% ; }
h4 { margin: 0px; font-size: 90%;  }

.txtsmall { font-size: 80%; font-weight: normal; }
.txtmed { font-weight: normal; }
.txtnormal {   font-weight: normal; }
.txtsmallbold { font-size: 8pt;  font-weight: bold; }
.txtmedbold {font-size: 100%;  font-weight: bold; }
.txtnormalbold {font-size: 100%;  font-weight: bold; }
.txtsmallitalic { font-size: 80%; font-weight: normal; font-style: italic; }
.txtmeditalic { font-size: 100%;  font-weight: normal; font-style: italic; }
.txtnormalitalic {font-size: 100%;  font-weight: normal; font-style: italic; }
.txtsmallbolditalic { font-size: 80%;  font-weight: bold; font-style: italic; }
.txtmedbolditalic {font-size: 100%;  font-weight: bold; font-style: italic; }
.txtnormalbolditalic {font-size: 100%; font-weight: bold; font-style: italic; }
.txtcopyright { font-size: 80%;  font-weight: normal; color: #444; }
.txterror {font-size: 100%;  font-weight: bold; color: red }
.watermarktextbox { color:Gray; }

div.moduletitle, span.moduletitle, tr.moduletitle,
.modulecontent H2 
{
	color: #1e4664;
	font-size: 14pt; 
	font-weight: normal;
	font-family: Arial;
	padding-bottom: 10px;
} 
/* contact form */
FIELDSET.ContactForm
{
	background: #f0f0f0;
	border-width: 0px;
	padding-left: 20px;
	padding-bottom: 15px;
}
FIELDSET.ContactForm LEGEND
{
	position: relative;
	left: -8px;
	color: #1e4664;
	font-size: 14pt;
	font-weight: normal;
	font-family: Arial;
	background: #f0f0f0;
	padding-bottom: 5px;
	text-transform: capitalize;
}
FIELDSET.ContactForm DIV.settingrow
{
	padding: 6px 0px 0px 0px;
	margin: 0px;
	clear: both;
	width: 400px;
	text-transform: capitalize;
}
.settinglabel,
.settinglabel LABEL.txtsmallbold
{
	width: 130px;
	background: transparent;
	color: #0c406d;
	clear: both;
	vertical-align: middle;
	padding: 0px;
	height: 12px;
}
FIELDSET.ContactForm DIV.settingrow.subject INPUT.NormalTextBox
{
	width: 490px;
}
.checkboxInput,
.checkboxInput INPUT
{
	width: 15px;
	border-width: 0px;
	background: transparent;	
}

FIELDSET.ContactForm DIV.settingrow.modulebuttonrow.send,
.BlogFeedback DIV.settingrow.modulebuttonrow.submit
{
	text-align: right;
}
FIELDSET.ContactForm DIV.settingrow.modulebuttonrow.send INPUT.send,
.BlogFeedback DIV.settingrow.modulebuttonrow.submit INPUT
{
	width: 120px;
}

FIELDSET.ContactForm DIV.settingrow INPUT
{
	width: 300px;
	border: 1px #8d8d8d solid;
	float: left;
}
FIELDSET.ContactForm DIV.settingrow.message
{
	width: 500px;
	height: 300px;
}

#ContactFormFCKeditor
{
	width: 100%;
	height: 100%;
}
  
.modulesubtitle { padding: 4px 0px 0px 5px; height: 23px; color: white; font-size:small;  font-weight: bold; 
   background-image: url(cellpic1.gif); vertical-align: bottom; background-color: #C7D0D7; }
  .hrModuleTitle { display:none;}

 a.modulesubtitle { padding: 4px 0px 0px 5px;  color: #005784;  font-weight: bold;  }
 
.modulecontent 
{ 
	text-align: left;
}
.modulefooter { display:none; padding: 4px 0px 0px 5px; font-size:8pt; text-align:center; color:#336666; }
.filesfooter { background-color: #00688E; text-align:left; white-space:nowrap; color:White; }

a.ModuleEditLink { font-size:smaller; color: #000000; }
a.ModuleEditLink:link { font-size:smaller; color: #000000; }
a.ModuleEditLink:visited { font-size:smaller; color: #000000; }
a.ModuleEditLink:hover { font-size:smaller; color: #000000; }
a.ModuleEditLink:active {  font-size:smaller; color: #000000; }

.modulepager { margin: 5px 0px 5px 0px; font-weight: bold;  color:#CC0000; }
a.ModulePager:link {  color:#CC0000; }
a.ModulePager:visited {  color:#CC0000; }
a.ModulePager:hover {  color:#CC0000; }
a.ModulePager:active {  color:#CC0000; }
.selectedpage{  font-size: 80%; font-weight: bold; line-height: 12px; color:Black; }
a.SelectedPage:link { text-decoration: none; color:Black; }
a.SelectedPage:visited { text-decoration: none; color:Black; }
a.SelectedPage:hover { text-decoration: underline; color:Black; }
a.SelectedPage:active { text-decoration: none; color:Black; }

a:link { color: #ff9900; text-decoration: none; }
a:visited { color: #ff9900; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #CC0000; text-decoration: none; }

legend a.ModuleEditLink { font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:link { font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:visited { font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:hover { font-size:smaller; color: #CC0000; }
legend a.ModuleEditLink:active {  font-size:smaller; color: #CC0000; }

.tdcell1 { background-color: #EEEDE9; padding: 4px; }
.tdcell2 { background-color: #DFDDD7; padding: 4px; }
hr { height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC; }

.linkitem {background-color: #EEEDE9;  padding: 4px 0px 4px 0px;}
.linkaltitem {background-color: #DFDDD7;  padding: 4px 0px 4px 0px; }
.linkdescription {font-size: 100%;  font-weight: normal; font-style: italic; }
.linkitem a { padding: 0px 0px 0px 4px;}

.forumthreadcrumbs { margin: 0px 0px 3px 0px;}
.forumpostheader {padding: 0px 0px 0px 5px; color: white; font-size:100%;font-weight: bold;  background-color: #aca38b; }
.postwrapper { background-color: #DFDDD7;}
.postleft {float: left; text-align:center;  width: 20%; padding: 15px 5px 5px 5px; margin: 0px 0px 0px 0px; }
.postright {  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 21%; background-color: white; }
.posttopic {   background-color: #DFDDD7; }
.postbody { padding: 10px 5px 0px 5px; }

.forumpostuserpropertylist {  margin: 0px 0px 0px 0px; text-align: center; }
.forumpostusername { list-style-type:none;   }
.forumpostuseravatar { list-style-type:none; }
.forumpostuserattribute { list-style-type:none; }
.modulerow{ background-color:White; }
.modulealtrow { background-color: #DFDDD7;}

.blogwrapper 
{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 10px 10px 10px;  
	text-align: left;
}
.blognavleft {float: left; width: 150px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;   }
.blognavright {float: right; width: 150px;    padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align:right}
.blogcenter-nonav { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 120%;  }
.blogcenter-leftnav {margin: 0px 0px 0px 165px; padding: 5px 0px 0px 5px; font-size: 120%;  }
.blogcenter-rightnav {margin:0px 165px 0px 0px; padding: 5px 0px 0px 5px; font-size: 120%; }

.blogCalendarTitle TD {color:Black; text-decoration:none;}
.bloginfo {    }


.blogtitle,
.blogtitle H2 A,
.blogtitle H2 A:visited,
.blogtitle H2 A:active,
.blogtitle H2 A:hover
{ 
	color: #1e4664;
	font-size: 14pt; 
	font-weight: normal;
	font-family: Arial;
}

.blogdate,
.blogdate A,
.blogdate A:visited 
{ 
	text-align: right; 
	color: #ff7700;
	font-weight: bold; 
	font-family: Arial;
	font-size: 9pt; 
}

.bloginfotitle,
.blogcommentlink,
.blogcommentlink A 
{
	text-align: right; 
	color: #ff7700;
	font-family: Arial;
	font-size: 10pt; 
}
.blogcommentlink 
{
	border-bottom: 1px #a1a1a1 solid;
}

.bloginfotitle
{
	font-size: 8pt; 
	font-weight: bold;
	text-transform: uppercase;
}

.blogcommenthead { font-size: 80%;  }
.blogcommenttitle { font-family: Trebuchet MS;  border-bottom: solid 1px #ccc;  }
.blogcommenttext 
{
	margin-top: 10px;
	padding: 0px 10px 10px 20px; 
	border-top: solid 1px #ccc;   
}
.blogcommenttext,
.blogcommenttext P
{
	color: Black;
} 

.blogcommentposter {}
.blogtext 
{
	padding-left: 20px;
	font-size: 11pt;
	text-align: justify;
	color: #0c406d;
}
.blogtext P
{
	font-size: 10pt;
	text-align: justify;
	color: #0c406d;
}

.rsswrapper {  background-color: #DFDDD7; }
.rssnavleft {float: left; width: 235px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px;   }
.rssnavright {float: right; width: 235px;  padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px; }
.rsscenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; background-color: #EEEDE9;  }
.rsscenter-leftnav {margin: 0px 0px 0px 245px; padding: 5px 0px 0px 5px; font-size: 105%; background-color: #EEEDE9;  }
.rsscenter-rightnav {margin:0px 245px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; background-color: #EEEDE9;  }
.rsstitle { margin: 5px 0px 0px 0px; font-size: 15px; font-weight: bold;   }
.rssdate {  padding: 0px 5px 0px 0px; text-align:right;    }
.rsstext {   }
.rssauthor {  padding: 0px 0px 5px 5px; font-family: Trebuchet MS;  border-bottom: solid 1px #ccc;   }

/* NeatUpload Progress Bar */
.ProgressDisplay {font-weight: bold;}
.ProgressDisplay .StatusMessage { margin: 1px; height: 1.5em; }
.ProgressDisplay .ProgressBar { background-color: rgb(204, 204, 204); }
.ProgressDisplay .ImageButton { border-width: 0px; margin: 0px; padding: 0px; background-color: inherit; }
.ProgressDisplay .ImageButton img { border-width: 2px; border-style: outset; border-color: white; margin: 0px;  padding: 0px; height: 1.5em; vertical-align: top;}
.ProgressDisplay .StatusMessage { color: black; border-color: #33CCFF; }
#progressDisplayCenterer { vertical-align: middle; width: 100%; height: 100%;}
#progressDisplay { vertical-align: middle; width: 100%; }
#barTd { width: 100%; }
#statusDiv { border-width: 1px; border-style: solid; padding: 0px; position: relative;
			width: 100%; text-align: center; z-index: 1; }
#barDiv,#barDetailsDiv { border: 0px none ; margin: 0px;  padding: 0px; position: absolute; top: 0pt; 
			left: 0pt; z-index: -1; height: 100%;width: 75%; }
/* end NeatUpload */

ul { font-size:80%;}

ul.linkitem { list-style: none; margin: 0px 0px 0px 0px; }

.code {BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 15px; 
		FONT-SIZE: small; BACKGROUND: white; PADDING-BOTTOM: 15px; MARGIN: 15px; BORDER-LEFT: silver 1px solid; 
		LINE-HEIGHT: 110%; PADDING-TOP: 15px; BORDER-BOTTOM: silver 1px solid; 
		FONT-FAMILY: "Courier New", Courier; }

.xml {BORDER-RIGHT: silver 1px solid;  PADDING-RIGHT: 15px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 15px; 
		FONT-SIZE: small; BACKGROUND: white; PADDING-BOTTOM: 15px; MARGIN: 15px; 
		BORDER-LEFT: silver 1px solid; LINE-HEIGHT: 110%; PADDING-TOP: 15px; BORDER-BOTTOM: silver 1px solid; 
		FONT-FAMILY: "Courier New", Courier;}

.FeedHead { background-color: #E0D7CC; border-bottom-color: #CAB693; border-bottom-style: solid;
	border-bottom-width: 1px; padding: 0.5em; }

.FeedBody { background-color: #EEEDE9; border-color: #CAB693; border-style: solid; border-width: 1px;
	border-top-width: 0px; padding-left: 0.5em; padding-right: 0.5em; }
	
ul.AspNet-Menu { position: relative; }
ul.AspNet-Menu, 
ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; }
ul.AspNet-Menu li a,
ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; display: none; }

/* Add more rules here if your menus have more than three (6) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul
{
    display: none;
}

/* Add more rules here if your menus have more than three (6) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li li:hover ul,
ul.AspNet-Menu li li li li li:hover ul,
ul.AspNet-Menu li li li li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li.AspNet-Menu-Hover ul
{
    display: block;
}

.AspNet-Menu-Vertical { position:relative; left: 0px; z-index: 300; }
 ul.AspNet-Menu, 
 ul.AspNet-Menu ul 
 {
	width: 172px;
	font-weight: bold;
	font-size: small;
	text-align: right;
 }

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
 ul.AspNet-Menu ul { left: 170px; top: 3px; background-color:Gray; padding: 0px 0px 0px 0px;}
 ul.AspNet-Menu ul li { padding: 0px 0px 0px 0px;}
/* Use this rule create the common appearance of each menu item. */
ul.AspNet-Menu li
{
	border-right: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	text-align: right;
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
	color: #ACACAC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	background: transparent right center no-repeat;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
 ul.AspNet-Menu li a,
 ul.AspNet-Menu li span
{
	color:inherit;
	text-decoration:none;
		    /* color: black; #A9B8C2 #ffc796 
    border-bottom: 0;*/
}

ul.AspNet-Menu a.AspNet-Menu-Link
{
	color: #ACACAC;
	display: block;
	padding-right: 50px;
	padding-top: 13px;
	padding-bottom: 13px;
}
ul.AspNet-Menu a.AspNet-Menu-Link:hover 
{
	color:#FFFFFF; 
	background:url(../images/bg_menu.gif) 
}


/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
ul.AspNet-Menu li.AspNet-Menu-Leaf a,
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren ul li.AspNet-Menu-Leaf a ,
ul.AspNet-Menu li.AspNet-Menu-Leaf span 
{
	background-image: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}
 
/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
 ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; }

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
 ul.AspNet-Menu li:hover, 
 ul.AspNet-Menu li.AspNet-Menu-Hover { color:#FFFFFF; background:url(../images/bg_menu.gif) }

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
 ul.AspNet-Menu li a:hover,
 ul.AspNet-Menu li span.Asp-Menu-Hover 
 {  
	color: #FFFFFF; 
}

 ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover { background-image: none; color:#FFFFFF;}


 ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a:hover { color: #FFFFFF; }
 
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf,
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a,
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf span 
{
	color: #FFFFFF; 
	text-decoration:none;
	background-image: none; 
	background-color: #FF9900; 
}
 
 ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a,
 ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren span
  { background: red; }
  
/* MyPage Menu */

.mypageminibox { clear:left; font-size: 80%; }
.webpartcatalogmorelink { margin: 0px 0px 10px 0px; }

ul.userpagemenu { position: relative; }

ul.userpagemenu, 
ul.userpagemenu ul { margin: 0; padding: 0; display: block; }

ul.userpagemenu li { position: relative; list-style: none; }
ul.userpagemenu li a { display: block; text-decoration: none; }
ul.userpagemenu ul { position: absolute; display: none; }

ul.userpagemenu li:hover ul ul,
ul.userpagemenu li:hover ul ul ul { display: none; }

ul.userpagemenu li:hover ul,
ul.userpagemenu li li:hover ul
ul.userpagemenu li li li:hover ul,
ul.userpagemenu li li li li:hover ul,
ul.userpagemenu li li li li li:hover ul,
ul.userpagemenu li li li li li li:hover ul,
ul.userpagemenu li.userpagemenu-Hover ul,
ul.userpagemenu li li.userpagemenu-Hover ul,
ul.userpagemenu li li li.userpagemenu-Hover ul,
ul.userpagemenu li li li li.userpagemenu-Hover ul,
ul.userpagemenu li li li li li.userpagemenu-Hover ul,
ul.userpagemenu li li li li li li.userpagemenu-Hover ul
{ display: block; }

.userpagemenucontainer ul.userpagemenu li { float: left; }
.userpagemenucontainer ul.userpagemenu li li { float: none; border-left: none; border-top: none; background-color:#DCE1E5; }
  
.userpagemenucontainer {  z-index: 300; }
.userpagemenucontainer ul.userpagemenu {  width: 900px; }
.userpagemenucontainer ul.userpagemenu ul { width: 140px; left: 3px; top: 23px; }

ul.userpagemenu, 
ul.userpagemenu ul { width: 145px;  font-weight: bold; font-size: small; }

ul.userpagemenu ul { left: 145px; top: 0px;   }
ul.userpagemenu li { background: #DCE1E5; border-left:solid 1px; border-top: solid 1px;  }
ul.userpagemenu li a { padding: 4px 4px 4px 4px; }
.newuserpage { border-left:solid 1px; border-top: solid 1px; border-right: solid 1px; }

ul.userpagemenu li:hover, 
ul.userpagemenu li.userpagemenu-Hover { background:#ECECEC; }
ul.userpagemenu li.userpagemenu-Selected { background: white ;  }
ul.userpagemenu li.userpagemenu-Selected ul li.userpagemenu-submenu {background:#DCE1E5; }