body { margin: 0; padding: 0; height: 100%; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } 

/* General Links */
a:link { text-decoration : none; border: 0px;} 
a:active { text-decoration : underline; border: 0px;} 
a:visited { text-decoration : none; border: 0px;} 
a:hover { text-decoration : underline; border: 0px;} 

img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Tahoma'; color: #2f2928; font-size: 11px; }
textarea { font-family: 'Tahoma'; color: #2f2928; font-size: 12px;  }
select { font-family: 'Tahoma'; color: #2f2928; font-size: 11px;  }

h1, h2, h3 { font-family: "Tahoma" ; font-size:14px;}
h4 { font-family: 'Tahoma'}

#bgcontain { background: #fff; margin: 0 auto; text-align: left; } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0; float: left; width: 100%; clear: both; min-height: 250px; padding-top: 21px; margin-top:2px; } 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header { position: relative; } 
.header h1 { font-size: 14px; letter-spacing: normal; font-weight: normal; font-family: "Tahoma"; padding: 20px 0px 20px 10px; margin: 0px; text-transform: lowercase;}

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu { position: inherit; top: 20px; right: 0px; }
#menu ul { padding: 0px 0px; margin: 0px;}
#menu li { float: left; display: block; list-style: none; font-size: 12px; font-weight:bold; border-right: #000000 solid 1px; }
#menu li a { display: block; float: left; text-decoration: none; padding: 0px 0px 0px 12px; margin-right: 0px;}
#menu a span { padding: 0px 10px 0px 0px; display: block; float: left; }
#menu a:hover span { }
#menu a:hover { background-position: 0% -32px; text-decoration: underline; color:#000000;}
#menu a:hover span { background-position: 100% -32px; cursor: pointer; }

DIV#menu ul li a { z-index: 100 }
DIV#menu ul li a:hover { z-index: 100 }
DIV#menu ul li:hover { z-index: 100 }
DIV#menu ul li.over { z-index: 100 }
DIV#menu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;}
DIV#menu ul li { position: relative}
DIV#menu ul li ul {	padding: 2px 0px; display: none; z-index: 150; left: 0px; margin: 0px; width: 150px; position: absolute; top: 100%;}
DIV#menu ul li:hover ul { display: block}
DIV#menu ul li.over ul { display: block}

#menu li li a  { font-size: 11px; letter-spacing: normal; width: 130px; padding: 2px 10px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.leftwrap { float: left; width: 100%; margin-right: 15px;  } 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.content { float: right; width: 100%; padding: 15px 0px;} 

/* BreadCrumb */

.BreadCrumb { font-size: 12px; margin: 0px 0px 15px 0px; padding:7px;  }
.BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;}
.BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;}
.BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}
.BreadCrumbGreater { padding:4px; }

.content h1 { font-size: 16px; letter-spacing: normal; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.content h2 { font-size: 14px; letter-spacing: normal;padding: 5px 0px; margin: 0px 0px 5px 0px; }
.content h3 { font-size: 12px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

/* article */
.content .PostItem {display: block; clear: both;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Articles { margin: 20px 0px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Featured { margin: 20px 0px;}
.Featured h1 { padding-left: 25px; background: url(../Images/FeaturedIcoHeading.png) no-repeat left center; margin-bottom: 10px; }
.Featured h3 { font-size:16px; padding-left: 25px; background: url(../Images/FeaturedIcoHeading.png) no-repeat left center; margin-bottom: 10px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.RecentArticles { margin: 20px 0px;}
.RecentArticles h1 { padding-left: 25px;  background: url(../Images/SummaryIcoHeading.png) no-repeat left center; margin-bottom: 10px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categories {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Blogs {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* IE min height hack */ * html .Authors { height: 150px;} 
.Authors {min-height: 150px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Pages {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.News {}
.News h1 { padding-left: 25px; background: url(../Images/NewsIcoHeading.png) no-repeat left center; margin-bottom: 10px;}
.News h2 { font-size: 11px; letter-spacing: normal; padding: 0px; margin: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.News h3 { font-size:16px; padding-left: 25px; background: url(../Images/NewsIcoHeading.png) no-repeat left center; margin-bottom: 10px;}
.News .Post { padding: 5px 0px;}
.News .Post .PostInfo { padding: 2px; margin: 0px; font-size: 9px; }
.News .Post .PostContent { font-size: 11px; color:#333; line-height: 15px; }
.News .Post .PostContent p { padding: 4px 0px; margin: 4px 0px; font-size: 11px;}
.News .Post .readmore   { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SearchResults {}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Recent Blogs */
.RecentBlogs { float: right; padding: 10px; margin: 5px 0px 10px 20px; width: 215px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid; }

.RecentBlogs h3 { padding: 3px; margin: 0px 0px 10px 0px;}
.RecentBlogs h4 { font-size: 11px; padding: 0px; margin: 0px; padding-top:3px;}

.RecentBlogs em {font-size: 10px; font-weight: normal; display: block; padding: 2px 0px; padding: 0px 0px 5px 0px; font-style: normal;}
.RecentBlogs em a { font-weight: normal; text-decoration: underline; }
.RecentBlogs em a:visited { text-decoration: underline; }
.RecentBlogs em a:hover { text-decoration: underline; }

.RecentBlogs a { text-decoration: underline; font-weight: normal; }
.RecentBlogs a:visited { text-decoration: underline; font-weight: normal;}
.RecentBlogs a:hover {  text-decoration: underline; font-weight: normal; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Post */
.Post { padding: 0px; margin: 0px;}

/* Post Author left side from the article */
.Post .PostAuthorDetails { float: right; padding: 10px; margin: 0px 0px 10px 20px; width: 200px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid; }
.Post .PostAuthorDetails h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: normal; padding: 0px 0px 5px 0px; margin: 0px;}
.Post .PostAuthorDetails p { font-size: 10px; padding: 3px 0px; margin: 0px; }
.Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px; border: solid 1px #ccc; float: left;}

/* Post Head */
.Post .PostHead {}
.Post .PostHead h1 { font-size: 18px; padding: 2px 0px; margin: 0px;}
.Post .PostHead h2 { padding: 2px 0px; margin: 0px; }

/* Post Info/Details */
.Post .PostInfo { padding: 2px 0px; margin: 0px 0px 10px 0px; font-size: 10px; color:#999; }
.Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Post .PostInfo a { color: #666; text-decoration: underline;}
.Post .PostInfo .Author { border-right: solid 1px #999; padding: 0px 5px 0px 0px;}
.Post .PostInfo .Time { border-right: solid 1px #999; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Categ { border-right: solid 1px #999; padding: 0px 5px 0px 5px;}
.Post .PostInfo .Rating {padding: 0px 0px 0px 5px;}

/* Post Content */
.Post .PostContent { color: #666b71; margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 16px;}
.Post .PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;}
.Post .PostContent p { font-size: 12px; line-height: 16px;}

/* Post Content -Single Page */
.Post .PostContentSingle { color: #383f48; margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 15px;}
.Post .PostContentSingle img {}
.Post .PostContentSingle h1 { padding: 10px 0px; margin: 0px 0px 5px 0px;}
.Post .PostContentSingle p { font-size: 12px; line-height: 15px; padding: 6px 0px; margin: 6px 0px;}

/* Post Bottom - Printer Version +  Full story + Visit Site */
.Post .PostBottom { padding: 5px 0px 15px 0px; margin: 0px;}
.Post .PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; font-size: 10px; }
.Post .PostBottom li a { text-decoration: underline; }
.Post .PostBottom li a:visited { text-decoration: underline; }
.Post .PostBottom li a:hover { text-decoration: underline;}
.Post .PostBottom .FullStory { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .VisitSite { background: url(../Images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;}
.Post .PostBottom .EditArticle { background: url(../Images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;}

/* Article More Related Info */
.Post .PostMore { padding: 0px; margin: 5px 0px 5px 0px;}
.Post .PostMore h1 { font-size: 14px; padding: 5px 0px; margin: 0px; }

/* Article Comments */
.Post .PostMore .Comment { padding: 7px 0px;}
.Post .PostMore .Comment .Details { font-size: 11px; padding: 4px 3px; margin: 0px;}
.Post .PostMore .Comment .Content { font-size: 11px; padding: 5px 0px; margin: 0px;}

/* Article Submit Comments*/
.PostSubmitComments { font-size: 10px;}

/* Article Navigation */
/* IE min height hack */ * html .ArtNav { height: 15px;} 
.ArtNav {font-size: 11px; line-height: 13px; background: #f8f8f8; padding: 6px; min-height: 15px;}
.ArtNav strong { letter-spacing: normal;}
.ArtNavLeft { float: left }
.ArtNavRight { float: right }

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: normal;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin: 10px 0px 10px 0px; position: relative;}
.Category h1 { font-size: 14px; }
.Category .Desc { font-size: 12px; font-family: 'Tahoma'; }
.Category .rss { position: absolute; right: 0px; top: 15px;}
.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}
.Category .SubCategory li { background: url(../Images/SubCategoryIcon.png) no-repeat left center; padding: 2px 0px 2px 15px; margin: 0px; font-size: 11px; list-style-type: none;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Authors A-Z - ( Only on the Author page) */
.AZ { padding: 0px; margin: 15px 0px; position: relative; font-size: 11px; font-weight: bold;}
.AZ ul { padding: 5px 0px; margin: 0px;}
.AZ li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.AZ a { padding: 0px 3px; margin-right: 1px;}
.AZ a:visited { padding: 1px 3px;}
.AZ a:hover { padding: 1px 3px; }

.ListAuthors {}
.ListAuthors ul { margin: 0px; padding: 0px 0px 0px 20px; }
.ListAuthors li { line-height: 16px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PageForms */
.PageForms {font-size: 10px;}
.PageForms form {}
.PageForms td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 13px; font-family: "Tahoma"; font-weight: normal;}

.PageForms td table td { padding: 3px; font-size: 11px; }
.PageForms td table td input { padding: 3px; }
.PageForms td table td input.keyfield { border: inset 1px #ccc; padding: 3px; }
.PageForms td table td textarea { border: inset 1px #ccc; padding: 5px; }
.PageForms td table td select { border: inset 1px #ccc; padding: 2px; }

.PageForms .Button { font-size: 10px; padding: 2px 5px; font-weight: bold;}

.PageForms .Required { color:#FF0000;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Message */
.Message { color: #FF0000; background: url('../Images/warning.gif') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;}
.ErrorMessage { color: #FF0000; background: url('../Images/exclamation.png') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;}
.SuccessMessage { color: #FF0000; background: url('../Images/success.png') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;}


/* tabs styles */
#tabnav { height: 26px; margin: 0px 0px 10px 0px; padding-left: 6px; background: url('../Images/tab_bottom.gif') repeat-x bottom;}
#tabnav li { margin: 0; padding: 0;	display: inline; list-style-type: none;}
#tabnav .navlinks {margin: 0; padding: 0; display: inline; list-style-type: none; float: right;}
.tablink { float: left; }
#tabnav .tablink a:link, #tabnav  .tablink a:visited 
{ float: left;	font-size: 10px; line-height: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;}
#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {}
#tabnav a:hover {}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ViewAll { background: url(../Images/ico_view_all.png) no-repeat left center; padding-left: 13px; font-size: 10px; font-weight: bold;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.left { float: left; width: 200px; } 
.left .categories { padding: 0px 10px 10px 10px; margin-bottom: 10px; float: none;}
.left .categories h2 { font-size: 12px; padding: 5px 0px 5px 7px; margin: 0px; }
.left .categories ul { padding: 10px; margin: 0px;}
.left .categories li { background: url(../Images/categories_ico_arrow.png) no-repeat left center; padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none;}
.left .categories li a {  font-size: 11px; letter-spacing: normal; font-weight: bold; }
.left .categories li a:hover { }


.left .search {}
.left .search h2 { font-size: 12px; display: block; height: 20px; padding: 10px; margin: 0px;}

.left .search form { padding: 0px 10px 10px 10px; margin: 0px;}
.left .search input { margin-bottom: 4px;}
.left .search select { margin-bottom: 4px;}
.left .search .input { border: inset 1px #ccc; font-size: 11px; padding: 2px;}
.left .search .arrow { width: 22px; height: 20px;}
.left .search .arrow:hover {}
.left .search .arrowIE { width: 22px; height: 20px;}

/*\ IE/Win min height hack */ * html .searcharrow { margin: -25px 0px 0px 150px; } /* */ 
.searcharrow { padding: 0px 5px 0px 0px; margin: -24px 0px 0px 150px; top: 0px; background: none; float: right;}
.left .search p { padding: 5px 0px; margin: 0px; font-size: 10px;}
.left .search p a { padding-left: 15px; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.right { float: left; width: 200px; padding-top: 15px;} 
.right ul { padding: 10px 10px 0px 10px; margin: 0px; } 
.right li { padding: 0px; margin: 0px; list-style-type: none;} 
.right h2 { background: url(../Images/right_bkg_h2.gif) no-repeat left top; padding: 10px 10px 0px 10px; font-size: 12px; margin: 0px;}

.right li a { font-size: 11px;}
.right li a:visited { }

.right .SiteMenu { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;}
.right .SiteMenu li { font-size: 11px; letter-spacing: normal; font-weight: bold;}
.right .SiteMenu li a { padding: 2px 0px; display: block; border-bottom: solid 1px #e9e9e9; }
.right .SiteMenu li a:visited {padding: 2px 0px;}
.right .SiteMenu li a:hover {padding: 2px 0px;}

.right .ArticleOptions { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px; }
.right .ArticleOptions ul { padding: 5px 10px; margin: 0px;}
.right .ArticleOptions li { padding: 2px 0px;}
.right .ArticleOptions .EmailToFried { padding-left: 15px; background: url(../Images/ArticleOptionsEmail.png) no-repeat left center;}
.right .ArticleOptions .PrintArticle { padding-left: 15px; background: url(../Images/ArticleOptionsPrint.png) no-repeat left center;}
.right .ArticleOptions .RemoveFavorites { padding-left: 15px; background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;}
.right .ArticleOptions .AddToFavorites { padding-left: 15px; background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;}
.right .ArticleOptions .ArticlesToRead { padding-left: 15px; background: url(../Images/ArticleOptionsRead.png) no-repeat left center;}
.right .ArticleOptions .RemoveRead { padding-left: 15px; background: url(../Images/ArticleOptionsRead.png) no-repeat left center;}

.right .PopularArticles { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;}
.right .PopularArticles li { }
.right .PopularArticles li a { font-size: 10px; display: block; padding: 2px 2px; margin: 0px; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #fff;}
.right .PopularArticles li a:visited { padding: 2px 2px; margin: 0px;}
.right .PopularArticles li a:hover { padding: 2px 2px; margin: 0px; text-decoration: none;}

.right .RightArticleHistory { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;}
.right .RightArticleHistory li { }
.right .RightArticleHistory li a { font-size: 10px; display: block; padding: 2px 2px; margin: 0px; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #fff;}
.right .RightArticleHistory li a:visited { padding: 2px 2px; margin: 0px;}
.right .RightArticleHistory li a:hover { padding: 2px 2px; margin: 0px; text-decoration: none;}

.right .FavoriteArticles { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px; }
.right .ArticlesToRead { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer { padding: 10px 0px 10px 220px; width: 100%; margin: 0 auto; background: #f8f8f8; clear: both; color:#61614e;}
.footer p { padding: 0px; margin: 0px;  font-size: 10px;}

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: normal;}
.Paging a { display: inline; padding: 2px 5px; }
.Paging a:visited {}
.Paging a:hover { text-decoration: none;}
.PagingDisabled { display: inline; padding: 2px 5px;}
.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px;}

.msgWarning
{
	background-image: url('../Images/warning.gif');
	background-repeat: no-repeat;
	background-position: 6px 7px;
	font: normal 11px/18px Tahoma;
	padding: 5px;
	margin-bottom: 15px;
	padding-left: 25px;
	border: dotted 1px #C0C0C0;
	background-color: lightyellow;
	color: #333333;
	text-decoration: none;
	display: '';
	z-index:1000;
	width: 220px;
}


/* Spread the Word */
.SpreadTheWord { }
.SpreadTheWord ul { padding: 0px; margin: 0px; }
.SpreadTheWord li { padding: 0px 2px; margin: 0px; list-style-type: none; display: inline; font-size: 10px; line-height: 18px;}



.ArticleExtraContent { font-size: 11px;}
.ArticleExtra ol, .ArticleExtra ol li { font-size: 11px;}
.ArticleExtra ul, .ArticleExtra ul li { font-size: 11px;}


.ArticleExtra ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.ArticleExtra  li  {list-style-type: none;}
.ArticleExtra ul li a {  font-size: 11px; display: block; padding-left: 20px;}

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu { position: inherit; top: 80px; left: 0px;}

.menu a { padding: 8px 11px; }

/* remove all list stylings */
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }

.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5; /* thus we need to apply explicit z-index here... 
	font-size: 10px;*/
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li { float: none; /* items of the nested menus are kept on separate lines */ 
letter-spacing: 0px;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0; left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 11px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}