body { margin: 0px; font-family: Arial, Helvetica, sans-serif; background: url(../images/FP_Background.png) #B19B7A repeat; min-width: 1000px; }
img { border-style: none; }

/*Header CSS*/
.header { left: 0px; top: 0px; right: 0px; z-index: 1100; min-width: 1000px; }
#navbar { margin-right: auto; margin-left: auto; width: 550px; height: 48px;  margin-top: 150px; }
.header #logo { margin-right: auto; margin-left: auto; width: 550px; background: url(../images/twc.png) no-repeat; height: 224px; position:fixed; top:0px; }

/*Content CSS*/
.content { margin: 20px 220px 0 190px; }

/*Sidebar CSS*/
#sidebarL { width: 190px; margin-left: -175px; position: relative; float: left; }
#sidebarR { position:relative; width:190px; float:right; margin-right:-180px; }
.sidebar { background: url(../images/sbg.png) #E0CFBC; z-index: 510; position: fixed; border: 1px solid #4F2E1E; margin-top: 100px; overflow: visible; }
#bannerLeftTop { background: url(../images/head-L.png); z-index: 500; height: 290px; margin-top: -291px; margin-right: -24px; }
#bannerRightTop { background: url(../images/head-R.png); z-index: 500; height: 290px; margin-top: -291px; width: 356px; margin-left: -165px; }

.widget { background: url(../images/marble.jpg) #FFF; thin solid #73634D; border-bottom: thin solid #73634D; padding-right: 4px; padding-left: 4px; border-top: thin solid #73634D; margin: 6px 4px 20px; }
.widget:last-child { thin solid #73634D; margin: 6px 4px; }
.widget ul { margin: 0px; padding: 0px; list-style: none; }

.widget li { margin: 6px 0px; font-size: 0.8em; border-top: 1px solid #A7947A; background: url(i/next.png) no-repeat 0px 4px; text-overflow: hidden; overflow: hidden; text-indent: 12px}
.widget li:first-child { border-top: 0px none; }

.widget li a { color: #530000; text-decoration: none; }
.widget li a:hover { color: #36F; text-decoration: underline; }

.widget li a:first-child { color: #900; text-decoration: underline; }
.widget li a:first-child:hover { color: #03F; text-decoration: underline; }

.widget h3 { text-align: center; margin: 0px; font-size: 0.9em; font-weight: bold; color: #524636; text-shadow: 0 1px 0 #e7d7cb; border-bottom: 1px solid #A7947A; }

.sidebar .widget a img { background: url(i/01.gif) no-repeat center center; thin solid #73634D; margin-left: 4px; }

/*Top panels CSS*/
.panelWrap { height: 110px; padding-bottom: 10px; padding-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 2px; max-width: 90%; }
.panelWrap .panel { width: 23%; margin-left: 1%; background: #E0CFBC; height: 110px; float: left; border: 2px solid #d1a00c; -moz-box-shadow: 0 3px 10px #A58B65; -webkit-box-shadow: 0 3px 10px #A58B65; box-shadow: 0 3px 10px #A58B65; }
.panelWrap .panel:first-child { width: 24%; margin-left: 1%; background: #E0CFBC; height: 110px; float: left; border: 2px solid #d1a00c; -moz-box-shadow: 0 3px 10px #A58B65; -webkit-box-shadow: 0 3px 10px #A58B65; box-shadow: 0 3px 10px #A58B65; }
.panelWrap .panel:last-child { width: 23%; margin-left: 1%; background: #E0CFBC; height: 110px; float: left; border: 2px solid #d1a00c; -moz-box-shadow: 0 3px 10px #A58B65; -webkit-box-shadow: 0 3px 10px #A58B65; box-shadow: 0 3px 10px #A58B65; }
.panelWrap .panel h1  { font-size: 12px; text-align: center; border-top: 1px solid #000; background: #31213a; margin: 91px 0px 0px; padding-bottom: 2px; height: 16px; display: block; opacity: 1.0; color: #FFF; text-decoration: none; }
.panelWrap .panel a { height: 110px; width: 100%; display: block; margin-top: -110px; z-index: 512; position: relative; }

.panelWrap #potw { background: url(../images/banners/Picture_of_the_Week.jpg) center; }
.panelWrap #yt { background: url(../images/banners/Youtube_Channel.jpg) center; }
.panelWrap #wiki { background: url(../images/banners/Wiki.jpg) center; }
.panelWrap #podcast { background: url(../images/banners/podcast.jpg) center; }

/*News CSS*/
.newsWrap { margin-left: 20px; }
.newsItem { font-size: 1em; padding: 10px; margin-right: 18px; margin-bottom: 2px; margin-left: 5px; }

.newsItem .newsHeader { background: url(../images/stripe.png) #554075; border-top: 2px solid #ea9f0d; border-bottom: 1px solid #ea9f0d; padding: 7px; }
.newsItem .newsHeader h1 { margin: 0px; padding: 0px; display: block; }
.newsItem .newsHeader h1 a{ text-decoration: none; color: #FFFFFF; font-size: large; margin: 0px; padding: 0px; display: block; }
.newsItem .newsHeader h1 a:hover{ 	color: #d1a00c; 	text-decoration: none; }
.newsItem .newsHeader h2 { font-size: small; color: #FFFFFF; margin: 0px; padding: 0px; display: block; float: right; }

.newsItem .newsContent { background: url(../images/marble.jpg) #E0CFBC; padding: 7px; border: 2px solid #d1a00c; overflow: hidden; }
.newsItem .newsContent a{ color: #600; text-decoration: none; }
.newsItem .newsContent a:hover{ color: #600; text-decoration: none; }
.newsItem .newsContent img { background: url(i/02.gif) no-repeat center center; }
.advertisement { clear: both; padding-top: 10px; padding-bottom: 25px; }
.affiliates { background: #cab99e url(../images/lowermarble.png) repeat; padding-top: 10px; padding-bottom: 10px; color: #000000; font-size: 12px; border-top-style: solid; border-width: 3px; border-color: #000000 }
.affiliates ul { display: block; margin: 0px auto; padding: 0px; width: 925px; }
.affiliates ul li { list-style: none; height: 60px; width: 175px; float: left; margin: 5px; }
.affiliates ul li img { }

/*NavBar CSS*/
#smoothmenu1{ font: 17px Georgia, "Times New Roman", Times, serif; width: 550px; height: 48px; background: url(../images/header.png); position: fixed; }
#smoothmenu1 ul{ z-index:600; margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
#smoothmenu1 ul li{ position: relative; display: inline; float: left; text-align: center; margin-top: 23px; left: 97px; margin-right: 25px;}

/*Top level menu link items style*/
#smoothmenu1 ul li a{ display: block; text-decoration: none; }
* html #smoothmenu1 ul li a{display: inline-block;}
#smoothmenu1 ul li a:link, #smoothmenu1 ul li a:visited{ color: #c5bba9; }
#smoothmenu1 ul li a.selected{ color: #D9D2C6; }
#smoothmenu1 ul li a:hover{ color: #E0CFBC; text-shadow: #CEAE73 0 1px 2px; }
	
/*1st sub level menu*/
#smoothmenu1 ul li ul{ position: absolute; left: 0px; display: none; visibility: hidden; background: url(../images/button.png); }

/*Sub level menu list items (undo style from Top level List Items)*/
#smoothmenu1 ul li ul li{ display: list-item; float: none; margin-top: 4px; margin-bottom:4px; left:12px; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#smoothmenu1 ul li ul li ul{ top: 0;}

/* Sub level menu links style */
#smoothmenu1 ul li ul li a{ font: normal 14px Verdana; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border: 1px solid #d6c18b; background: url(../images/button.png) #B19B7A repeat; }
#smoothmenu1 ul li ul li a:hover{ }

/* Holly Hack for IE \*/
* html #smoothmenu1{ height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; }
.rightarrowclass{ position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ opacity: 0.0; }