body { margin: 0px 0px 30px 0px; padding: 0px; height: 100%; text-align: center; min-width: 900px; 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;}



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

hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dashed #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }



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;  }



h1, h2, h3 { font-family: "Trebuchet MS" ;}

h4 { font-family: 'Verdana'}



#bgcontain { width: 870px; margin: 0 auto; text-align: left; }

#container { padding: 0; float: left; width: 870px; clear: both;}



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



.Header h1.HeaderImage {padding: 0px 0px; margin: 0px;}

.Header h1.HeaderText {}

.Header { width: 870px; position: relative; float: left; margin-bottom: 10px; }



.HL { width: 830px; float: left; height: 48px; padding: 5px 20px 0px 20px;}

.HL h1 { font-size: 28px; letter-spacing: -1px; padding: 0px; margin: 0px; font-weight: normal; }

.HR { width: 250px; float: right; height: 70px;}



/* Block ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.BLR { width: 870px; float: left; margin-bottom: 10px; }

.BL { width: 870px; height: 225px; float: left; }

.BR { width: 220px; position: relative; float: right; padding: 15px; margin: 10px 0}

.BRTop { position: absolute; width: 250px; height: 10px; left: 0px; top: 0px;}

.BR h2 { padding: 0px 0px 5px 0px; margin: 0px; color:#000033; border-bottom: none; font-size: 14px; }

.BR form { padding: 0px; margin: 0px;}

.BR input { margin-bottom: 4px;}

.BR select { margin-bottom: 4px;}

.BR .input { border: inset 1px #ccc; font-size: 11px; padding: 2px;}

.BR .arrow { width: 55px; height: 20px;}

.BR .arrow:hover {}

.BR .arrowIE { width: 55px; height: 20px;}

/*\ IE/Win min height hack */ * html .searcharrow { margin: -25px 0px 0px 160px; } /* */

.searcharrow { padding: 0px 5px 0px 0px; margin: -24px 0px 0px 160px; background: none; }

.BR p { padding: 5px 0px; margin: 0px; font-size: 10px; font-weight: normal; position: absolute; top: 10px; right: 20px;}

.BR p a { text-decoration: underline;}



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



#menu { position: absolute; top: 45px; left: 20px;}

#menu ul { padding: 0px; margin: 0px; }

#menu li { float: left; display: block; list-style: none; font-size: 10px; font-weight: bold; }

#menu li a { display: block; float: left; text-decoration: none; padding: 0px 5px 0px 5px; margin-right: 2px;}

#menu a span { padding: 0px 0px 0px 0px; display: block; float: left; }

#menu a:hover span {}

#menu a:hover { background-position: 0% -29px; text-decoration: none;}

#menu a:hover span { background-position: 100% -29px; }



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: 10px; letter-spacing: normal; width: 130px; padding: 2px 10px; font-weight: normal; }





.menu a { padding: 4px 6px; }



/* 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: 3px;

	left: 20px;

	margin: 0px;

}



.menu, .menu ul li {

	font-size: 11px;

}



.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: 11px;

}





.menu a, .menu a:link, .menu li a:visited {

	display: block;

	position: relative;

}





.menu li li a {

	padding: .4em .4em;

	font-size: 10px;

}



.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 { position: relative; float: left;
width: 570px;
/* width: 830px; */
padding: 20px;}



.contentTop { position: absolute; height: 10px;
width: 610px;
/* width: 870px; */
top: 0px; left: 0px;}



/* BreadCrumb */



.content .BreadCrumb { font-size: 12px; margin: 0px 0px 25px 0px; padding: 10px;  }

.content .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;}

.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 .BreadCrumbGreater { padding:4px; }



/* .content h1 { font-size: 24px; padding: 8px 0px; margin: 0px 0px 8px 0px; letter-spacing: -1px; font-weight: normal;} */
.content h1 { font-size: 24px; padding: 0; margin: 0; text-indent: 212px; letter-spacing: 0px; color: #000033; font-weight: bold; background: url(../Images/headingsmallh1.png) no-repeat; line-height: 80px; height:1%;}

.content h2 { font-size: 18px; font-weight: bold; letter-spacing: 0px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

.content h3 { font-size: 14px; padding: 3px 0px; margin: 0px 0px 3px 0px; }



/* article */

.content .PostItem {display: block; clear: both;}



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



.contentwide { position: relative; float: left;
/* width: 570px; */
width: 830px;
padding: 20px;}



.contentTopwide { position: absolute; height: 10px;
/* width: 610px; */
width: 870px;
top: 0px; left: 0px;}



/* BreadCrumb */



.contentwide .BreadCrumb { font-size: 12px; margin: 0px 0px 25px 0px; padding: 10px;  }

.contentwide .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;}

.contentwide .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;}

.contentwide .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

.contentwide .BreadCrumbGreater { padding:4px; }



/* .contentwide h1 { font-size: 24px; padding: 8px 0px; margin: 0px 0px 8px 0px; letter-spacing: -1px; font-weight: normal;} */

.contentwide h1 { font-size: 24px; padding: 0; margin: 0; text-indent: 212px; letter-spacing: 0px; color: #000033; font-weight: bold; background: url(../Images/headingh1.png) no-repeat; line-height: 80px; height:1%;}


.contentwide h2 { font-size: 18px; font-weight: bold; letter-spacing: 0px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

.contentwide h3 { font-size: 14px; padding: 3px 0px; margin: 0px 0px 3px 0px; }



/* article */

.contentwide .PostItem {display: block; clear: both;}



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



.Articles { margin: 0px 0px;}



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



.Featured { margin: 20px 0px;}

.Featured h1 { margin-bottom: 10px; font-size: 24px;}



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



.RecentArticles { margin: 20px 0px;}

.RecentArticles h1 { margin-bottom: 10px; font-size: 24px;}



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



.Categories {}



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



.Blogs {}



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



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

.Authors {min-height: 150px;}



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



.Pages {}



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



.News {}

.News h1 { margin-bottom: 10px; font-size: 24px;}

/* .News h1 { font-size: 24px; padding: 0; margin: 0; text-indent: 212px; letter-spacing: 0px; color: #000033; font-weight: bold; background: url(../Images/headingsmallh1.png) no-repeat; line-height: 80px; height:1%;} */

.News h2 { font-size: 15px; letter-spacing: normal; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; font-family: "Trebuchet MS"; }

.News .Post { padding: 5px 0px;}

.News .Post .PostInfo { padding: 0px; margin: 0px; }

.News .Post .PostContent { font-size: 12px; color:#333; line-height: 15px; }

.News .Post .PostContent p { padding: 4px 0px; margin: 4px 0px; font-size: 12px; line-height: 15px;}

.News .Post .readmore { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;}



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



.SearchResults {}

.SearchResults h1 { font-size: 18px; padding: 0; margin: 0; text-indent: 0px; letter-spacing: 0px; color: #000033; font-weight: bold; background: url(../Images/noheadingsmallh1.png) no-repeat; line-height: 18px; height:1%;}



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



/* Recent Blogs */

.RecentBlogs { float: right; padding: 0px; margin: 0px 0px 10px 20px; width: 260px; font-size: 12px; border-bottom: #fff 20px solid; border-left: #fff 30px solid; }



.RecentBlogs h3 { font-size: 24px; padding: 8px 0px; margin: 0px 0px 8px 0px; letter-spacing: -1px; font-weight: normal;}

.RecentBlogs h4 { font-size: 15px; padding: 3px 0px; margin: 0px; padding-top: 3px; font-family: "Trebuchet MS";}



.RecentBlogs em { font-size: 10px; font-weight: bold; display: block; padding: 4px 0px; padding: 0px 0px 5px 0px; font-style: normal; }

.RecentBlogs em a { font-weight: bold; text-decoration: underline; }

.RecentBlogs em a:visited { font-weight: bold; text-decoration: underline; }

.RecentBlogs em a:hover { font-weight: bold; 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 0px 10px 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: 14px; 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 { padding: 1px 0px; margin: 0 0 15px 0;}

.Post .PostHead h2 { padding: 1px 0px; margin: 0px; }



/* Post Info/Details */

.Post .PostInfo { padding: 0px; margin: 0px 0px 10px 0px; font-size: 10px; color:#666; }

.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 #666; padding: 0px 3px 0px 0px;}

.Post .PostInfo .Time { border-right: solid 1px #666; padding: 0px 3px 0px 3px;}

.Post .PostInfo .Categ { border-right: solid 1px #666; padding: 0px 3px 0px 3px;}

.Post .PostInfo .Rating {padding: 0px 0px 0px 3px;}



/* Post Content */

.Post .PostContent { margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 15px;}

.Post .PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;}

.Post .PostContent p { font-size: 12px; line-height: 15px;}



/* Post Content -Single Page */

.Post .PostContentSingle { margin: 0px; padding: 0px 0px; font-size: 12px; line-height: 15px;}

.Post .PostContentSingle img {}

.Post .PostContentSingle h1 { padding: 00px 0px; margin: 0px 0px 15px 0px;}

.Post .PostContentSingle p { font-size: 12px; line-height: 15px;}



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

.Category .rss { position: absolute; right: 0px; top: 15px;}

.Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;}

.Category .SubCategory li {  padding: 3px 0px 3px 20px; margin: 0px; font-size: 12px; 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: 13px;}

.AZ ul { padding: 10px; 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 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-family: "Trebuchet MS"; 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: #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;}

.SuccessMessage { color: #FF0000; background: url('../Images/success.png') no-repeat left center; font-size: 11px;}





/* tabs styles */

#tabnav { height: 30px; 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: 12px; line-height: 14px; padding: 7px 14px; margin: 0px 4px 0px 0px ; text-decoration: none;}

#tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {}

#tabnav a:hover {}



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



.ViewAll { font-size: 10px; font-weight: bold;}



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



.right { float: right; width: 250px;}

.right h2 { padding: 3px 0px; font-size: 14px; margin: 0px 0px 3px 0px; }

.right ul { padding: 0px; margin: 0px; }

.right li { padding: 1px 0px 1px 10px; margin: 0px; list-style-type: none; background: url(../Images/RightIcoLi.gif) no-repeat left top; font-size: 11px;}





.right .block { padding: 15px; position: relative;}

/*\ IE/Win min height hack */ * html .right .blockTop { left: -15px;} /* */

.right .blockTop { position: absolute; width: 250px; height: 10px; left: 0px; top: 0px;}





.right .Categ { padding: 5px 15px 15px 15px; position: relative; margin-bottom: 10px; }

/*\ IE/Win min height hack */ * html .right .CategTop { left: -15px;} /* */

.right .CategTop { position: absolute; width: 250px; height: 10px; left: 0px; top: 0px;}

.right .Categ li { letter-spacing: -1px; font-weight: bold;}



.right .ArticleOptions { margin-bottom: 10px; position: relative; }

.right .ArticleOptions li { padding-left: 20px; }

.right .ArticleOptions .EmailToFried { background: url(../Images/ArticleOptionsEmail.png) no-repeat left center;}

.right .ArticleOptions .PrintArticle { background: url(../Images/ArticleOptionsPrint.png) no-repeat left center;}

.right .ArticleOptions .RemoveFavorites { background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;}

.right .ArticleOptions .AddToFavorites { background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;}

.right .ArticleOptions .ArticlesToRead { background: url(../Images/ArticleOptionsRead.png) no-repeat left center;}

.right .ArticleOptions .RemoveRead { background: url(../Images/ArticleOptionsRead.png) no-repeat left center;}



.right .PopularArticles { margin-bottom: 10px; position: relative;}

.right .FavoriteArticles { margin-bottom: 10px; position: relative; }

.right .ArticleHistory { margin-bottom: 10px; position: relative; }

.right .ArticlesToRead { margin-bottom: 10px; position: relative; }

.right .PopularAuthors { margin-bottom: 10px; position: relative; }





/* Paging ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.Paging { text-align: right; padding: 4px; margin: 0px 0px; font-size: 10px; line-height: 12px;}

.Paging strong { letter-spacing: -1px;}

.Paging a { display: inline; padding: 2px 4px; }

.Paging a:visited { display: inline; padding: 2px 4px; }

.Paging a:hover { display: inline; padding: 2px 4px; text-decoration: none;}

.PagingDisabled { display: inline; padding: 2px 4px;}

.PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 4px;}





/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.footer { padding: 10px 20px; margin: 0 auto; clear: both;}

.footer p { padding: 0px; margin: 0px;  font-size: 10px;}

.footer a { text-decoration: underline;}



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



.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; }





/* 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: 14px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; font-family:"Trebuchet MS";}



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



.right .Newsletter { margin-bottom: 15px; font-size: 11px; }

.right .Newsletter h2 { margin-bottom: 10px;}



/* Teaser Image Styles */

.FeatureImageSpan { font-size: 9px; margin: 5px;}

.FeatureImageCaption {  padding-left: 3px; padding-right: 3px;}