body { margin: 0px; padding: 0px; font-family:Verdana, 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;}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif;}
h4 { font-family: 'Verdana'}

img { padding: 0px; margin: 0px; border: none;}

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

#bgcontain { width: 990px; margin: 0; text-align: left; padding: 0px; }
#container { padding: 0px 15px; float: left;  margin: 0px;}

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

.header h6.HeaderImage {padding: 0px 0px; margin: 0px;}
.header h6.HeaderText { font-size: 32px; letter-spacing: -2px; font-weight: normal; padding: 15px 0px; margin: 0px; font-family: Helvetica, Arial, sans-serif;}
.header { position: relative; height: 168px; padding: 18px 0px 0px 10px; }
.header h6 {margin:0;}

.search .input{float:left;}
.search .arrow{float:left;}
.search ul{clear:both;}

.HeaderEnd { height: 20px; padding: 0px; float: left; margin-left:15px; width:950px;display:inline;}


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

#menuend { position: absolute; top: 97px; right: 15px; width: 5px; height: 25px;}

.menu a {padding: 5px 10px 6px 10px; }

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

.menu ul {
	width: 11em;
	border: 0;

}

.menu {
	position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px;width: 990px;
	font-size: 11px;
}

.menu, .menu ul li {

}


.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... */

}


.menu a, .menu a:link, .menu li a:visited {
	display: block;
	position: relative;
}


.menu li li a {
	padding: .4em .4em;
}

.menu ul a:link, .menu ul a:visited {
	width: 150px;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.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 */

}

.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;
}
/* -- sticky.submenu.END -- */


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

.content { float: right; width: 705px; padding: 0px;}

/* BreadCrumb */

.content .BreadCrumb { font-size: 11px; margin: 0px 0px 2px 0px; padding-bottom: 12px; }
.content .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px;}
.content .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;}
.content .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

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

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

.Intro { margin-bottom: 20px; float: left;}

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

.Articles { margin: 0px;}

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

.Featured { margin: 0px 0px; clear: left;}
.Featured h1 { font-size: 23px; }

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

.RecentArticles { margin: 20px 0px;}
.RecentArticles h1 { font-size: 23px; }

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

.Categories {}

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

.Blogs {}

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

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

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

.Pages {}

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

.News { margin-bottom: 20px;}
.News h1 { font-size: 23px;width:405px;}
.News h2 { font-size: 14px; padding: 0px; margin: 0px;}
.News .Post { padding: 5px 0px;}
.News .Post .PostInfo { padding: 0px; margin: 0px; font-size: 10px; color:#333; background: none; width:405px; }
.News .Post .PostContent { font-size: 11px; line-height: 14px; }
.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; font-size: 11px; width: 280px; margin:0px 0px 10px 10px;}
.RecentBlogs h1 { margin-bottom: 10px; }
.RecentBlogs ul { padding: 0px; margin: 10px 0px; }
.RecentBlogs li { padding: 5px 0px; margin: 0px; list-style-type: none; font-size: 10px; border-bottom: solid 1px #e0e0e0;}
.RecentBlogs big { font-size: 11px; display: block; font-weight: bold; letter-spacing: -1px; }


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

/* 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 { font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 5px 0px; margin: 0px;}
.Post .PostAuthorDetails p { font-size: 10px; padding: 3px 0px; margin: 0px; color:#333;}
.Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px; border: solid 1px #ccc; float: left;}

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

/* Post Info/Details */
.Post .PostInfo { padding: 5px; margin: 0px 0px 10px 0px; font-size: 11px; }
.Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Post .PostInfo a { text-decoration: underline;}
.Post .PostInfo .Author { padding: 0px 5px 0px 0px;}
.Post .PostInfo .Time { padding: 0px 5px 0px 5px;}
.Post .PostInfo .Categ { padding: 0px 5px 0px 5px;}
.Post .PostInfo .Rating {padding: 0px 0px 0px 5px;}

/* Post Content */
.Post .PostContent { margin: 0px; padding: 10px 0px; font-size: 11px; line-height: 15px;}
.Post .PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;}
.Post .PostContent p { font-size: 11px; line-height: 15px;}

/* Post Content -Single Page */
.Post .PostContentSingle { margin: 0px; padding: 10px 0px; font-size: 11px; line-height: 15px;}
.Post .PostContentSingle img {}
.Post .PostContentSingle h1 { padding: 10px 0px; margin: 0px 0px 5px 0px;}
.Post .PostContentSingle p { font-size: 11px; 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: 11px; }
.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: 23px; padding: 5px 0px; margin: 0px; }

/* Article Comments */
.Post .PostMore .Comment, .Post .PostMore .CommentAlt { padding: 5px 10px 10px 10px;}
.Post .PostMore .Comment .Title, .Post .PostMore .CommentAlt .Title { font-size: 12px; padding: 4px 3px; padding-left:40px; margin: 0px;}
.Post .PostMore .Comment .Details, .Post .PostMore .CommentAlt .Details { font-size: 9px; padding: 0px 3px; padding-left:40px; margin: 0px; color: #7E8996;}
.Post .PostMore .Comment .Reply, .Post .PostMore .CommentAlt .Reply { float: right; font-size: 9px; padding-top:4px; color: #7E8996; clear: both;}
.Post .PostMore .Comment .Content, .Post .PostMore .CommentAlt .Content { font-size: 11px; padding: 10px 0px 0px 5px; 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: -1px;}
.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: -1px;}

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

/* Category Top ( Only on the Category page)  */
.Category { padding: 0px; margin: 10px 0px 10px 0px; position: relative;}
.Category h1 { font-size: 25px; }
.Category .Desc { font-size: 10px; line-height: 14px; }
.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;}
.Category .SubCategory ul {  width: 38em; }
.Category .SubCategory ul li { float: left; width: 15em;  /* accommodate the widest item */ }
/* stop the floating after the list */
.Category .SubCategory br { clear: left; }
/* separate the list from what follows it */
.Category .SubCategory { margin-bottom: 1em; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Authors A-Z - ( Only on the Author page) */
.AZ { padding: 0px; margin: 15px 0px; position: relative; font-size: 10px; font-weight: bold;}
.AZ ul { padding: 5px 0px; margin: 0px;}
.AZ li { padding: 0px 1px; 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 tr td { padding: 10px; }
.PageForms tr td table tr td { padding: 3px; font-size: 11px; }
.PageForms tr td table tr td table tr td { padding: 0px; font-size: 11px; }

.PageForms {font-size: 10px;}
.PageForms form {}
.PageForms td { padding: 10px; }
.PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 13px; font-weight: normal; line-height: 15px;}

.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: #ff4e00; background: url('../Images/warning.gif') #FFFFCC no-repeat 5px center; font-size: 11px; padding: 5px 5px 5px 25px; line-height: 16px; border: 1px solid #FFCC66;  margin-left: 5px;}
.ErrorMessage { color: #ff0000; background: url('../Images/exclamation.png') no-repeat left center; font-size: 11px;padding-left: 20px; line-height: 16px;}
.SuccessMessage { color: #66ad00; 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 li a {}
#tabnav li a:visited {}
#tabnav li a:hover {}

#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 { padding-left: 13px; font-size: 10px; font-weight: bold;}
.ViewAll a { }
.ViewAll a:visited { }

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

.left { float: left; width: 208px; padding-right:20px;}
.left div {}
.left h2 { font-size: 14px; letter-spacing: -1px; padding: 7px 5px; margin: 0px; }
.left h2 strong {}

.left ul { padding: 5px 10px; margin: 0px;}
.left li { padding: 1px 0px; margin: 0px; list-style-type: none;}
.left li a { font-size: 11px;}
.left li a:visited { font-size: 11px;}
.left li a:hover { font-size: 11px;}

.left .Categories { margin: 0px 0px 10px 0px; float: none;}
.left .Categories li { padding: 1px 0px; margin: 0px; letter-spacing: -1px;}

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

.left .SiteMenu { margin-bottom: 15px; }
.left .ArticleOptions {margin-bottom: 15px;}
.left .PopularArticles {margin-bottom: 15px;}
.left .FavoriteArticles {margin-bottom: 15px;}
.left .ArticlesToRead { margin-bottom: 0px;}
.left .RightArticleHistory {margin-bottom:15px;}

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

.EmailToFriend { margin: 30px;}

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

.footer { width: 800px; margin: 0 auto; clear: both; padding: 20px 0px;}
.footer a { text-decoration: underline; }
.footer a:visited { }
.footer a:hover { }
.footer p { padding: 0px; margin: 0px;  font-size: 10px;}

/* 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: 12px; line-height: 18px;}

/* Paging */
.Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;}
.Paging strong { letter-spacing: -1px;}
.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;
}


.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 ul li a {  font-size: 11px; display: block; padding-left: 20px; background: url(../Images/ArrowLeft.png) no-repeat left top; }

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash  h6 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size:62px;
margin:0;
width:640px;
}

/* Summary Article Attachment */
.AttachmentList { padding: 6px;}
.AttachmentList ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none;  padding-left: 20px;}
.AttachmentList ul li { padding: 3px;}
.AttachmentList ul li a { font-size: 10px; display: block; padding-left: 20px; }
.AttachmentHeading { font-size: 11px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }

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

.left .Newsletter { margin-bottom: 15px; font-size: 11px; }
.left .Newsletter div { padding-left: 10px; padding-right: 10px;}
.left .Newsletter h2 { margin-bottom: 10px;}

/* Teaser Image Styles */
.FeatureImageSpan { font-size: 9px; margin: 5px;}
.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}