/* @override 
	http://localhost:8888/style.css
	http://192.168.1.5:8888/style.css
	http://howtowatchsports.com/wp-content/themes/htws1.0/style.css
*/

/* @group Structure */

body {
	background: #01688d url('images/bg/bg.gif');
	color: #333333;
	font-family: Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
	font-size: 12px;
	line-height: 19px;
}

p {
	text-align: justify;
	margin-top: 0;	
}

a {
	color: #01688d;
	text-decoration: none;
}

a:hover, a:focus, a:active, a:visited {
	text-decoration: underline;
}

a:visited {
	color: #003f55;
}

#recent a:hover, #popularlist a:hover, #blogroll a:hover {
	text-decoration: underline !important;
}

#recent a:visited, #popularlist a:visited, #blogroll a:visited {
	text-decoration: none;
}

img {
	border: none;
}

.container {
	background-color: #003f55;
	width: 1000px;
	position: relative;
	float: left;
}

#containerwrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#main-content {
	background-color: #fff;
	padding: 15px 20px 20px 20px;
	width: 610px;
	float: left;
	margin-left: 15px;
	margin-top: 35px;
}

#fullwidth-content {
	background-color: #fff;
	padding: 15px 20px 20px 20px;
	width: 930px;
	float: left;
	margin-left: 15px;
	margin-top: 35px;
}

#main-content-home {
	padding: 15px 15px 20px 15px;
	width: 620px;
	background-color: #fff;
	float: left;
	margin-left: 15px;
	margin-top: 35px;
}

#secondary-content {
	background-color: #fff;
	width: 310px;
	margin-left: 10px;
	float: left;
	margin-top: 35px;
}

#footer {
	clear: both;
	float: left;
	color: #7799a4;
	padding-left: 15px;
	height: 60px;
	padding-top: 15px;
}

#footer a {
	color: #7799a4;;

}

/* @end */

/* @group Header */

#header {
	background-color: #003f55;
	width: 1000px;
	float: left;
	margin-top: -8px;
	height: 128px;
}

a.sitelogo {
	background: url('images/bg/logo.jpg');
	display: block;
	height: 84px;
	width: 652px;
	margin: 21px 0 0 30px;
	float: left;
}

#search_menu {
	float: right;
	margin-top: 80px;
	margin-right: -30px;
}

#search_menu input#s {
	background-color: #005d7a;
	border-left: 1px solid #7799a4;
	border-top: 1px solid #7799a4;
	border-bottom: 1px solid #7799a4;
	border-right: 0;
	padding-top: 4px;
	height: 17px;
	width: 169px;
	float: left;
	outline: none;
	color: #fff;
	padding-left: 5px;
}

#search_menu input#button {
margin-left: -3px;
float: left;
}

/* @end */

/* @group Post */

#post_content h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 0 13px 0;
	padding: 0;
}

.post_text {
	text-transform: none;
	font-size: 12px;
	color: #333333;
	line-height: 19px;
	float: left;
	margin-top: 10px;
}

#post_content table {
	border: 0;
	border-spacing: 2px;
}

#post_content table th {
	background-color: #01688d;
	color: #fff;
	font-weight: normal;
	border: 0;
	padding:0.2em 0.4em;
	height: 1em;
}

#post_content table td {
	background-color: #cae1e9;
	border: 0;
	padding: 0 0.6em;
	height: 1em;
}

div.sociable {
	width: 132px;
	float: left;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.sociable ul {
	margin: 0;
	padding: 0;
}

.sociable li {
	width: 35px;
	height: 35px;
	float: left;
	list-style-type: none;
	margin: 0 9px 9px 0 !important;
	padding: 0 !important;
	background-color: #cccccc;
}

.sociable img {
	width: 35px !important;
	height: 35px !important;
}

#relatedposts {
	border: 1px solid #aeaeae;
	margin-left: 4px !important;
	padding: 10px 12px;
	width: 448px;
	float: left;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#relatedposts h3 {
	margin: 0;
	padding: 0;
}

#relatedposts ul {
	margin: 0;
	padding: 0;
}

#relatedposts li {
	list-style-type: none;
}

#commentform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

textarea#comment.comtext {
	width: 505px;
}

#commenthead {
	clear: both;
}

#comments cite {
	background: #cae1e9;
	font-style: normal;
	display: block;
	height: 23px;
	padding-left: 12px;
	padding-top: 6px;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
}

#comments cite .commentauthor {
	font-weight: bold;
}

#comments cite .commentlink {
	color: #000;
}

#comments ol {
	list-style-type: none;
	padding-left: 12px;
}

#comments ul {
	list-style-type: none;
	padding-left: 25px;
}

#comments h3 {
	font-size: 12px;
	margin-left: 2px;
	margin-top: 4px;
}

#comments h2.post_comm {
	background: url('images/bg/title-discussion.gif') no-repeat;
	text-indent: -99999999px;
	height: 37px;
	margin-bottom: 0px;
}

.reply { margin: 0.8em 0 2em 12px; }
.reply a, a#cancel-comment-reply-link { line-height: 1em; color: #fff; background: #01688d; font-size: 0.8em;
text-transform: uppercase; padding: 0.3em 0.5em;}
.reply a:hover, a#cancel-comment-reply-link:hover { color: #fff; background: #003f55; text-decoration: none;}
.cancel-comment-reply { margin: 1em 0 1.6em 0; }

label.com {
float:left;
width:100px;
font-weight: bold;
}

#comments .commentcont p {
	margin-left: 12px;
	margin-right: 12px;
}

#breadcrumb {
	float: right;
}

#post_content .post_meta {
	margin-top: 4px;
	color: #666;
	font-size: 11px;
	line-height: 1.4em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

a.FB_Link {
	color: #01688d !important;
	text-decoration: none !important;
}

a.FB_Link:hover, a.FB_Link:focus, a.FB_Link:active {
	text-decoration: underline !important;
}

#fb-msg {
	margin-left: 5px !important;
	display: block !important;
}

#fb-user {
	margin-bottom: 10px !important;
}

/* @group From Old Stylesheet */

/* legacy image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

/* image styles */

.aligncenter, div.aligncenter { display: block; margin: 14px auto; }
.alignleft { float: left; margin: 0 14px 10px 0; }
.alignright { float: right; margin: 0 0 10px 14px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;  optional rounded corners for browsers that support it  -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 15px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 5px 4px 5px 5px; margin: 0; }

/*gallery thumbnails */

dt.gallery-icon { background:url(/wp-content/themes/tma/images/bg/stripe.png) repeat top left; }
dt.gallery-icon a { border: 0; }
dt.gallery-icon img { border: 5px solid #bbb; margin: 0; padding: 0; }
.gallery img { border: 0; }
.gallery { margin: 0 0 1em 0; width: 100%; }
dl.gallery-item { margin: 0; }
dd.gallery-caption { font-size: 0.8em; padding: 5px 0 3px 0; text-align: center; margin: 0; text-transform: uppercase; letter-spacing: 0.1em; }

/* gallery individual images */

.bigimage { background: url(/wp-content/themes/tma/images/bg/stripe.png) repeat; text-align: center; padding: 18px 0 0 0; }
.bigimage a { border: 0; }
.bigimage img { border: 3px solid #777; }
.bigcaption { margin: 10px 0 0 0; }
.bigcaption p { line-height: 1.4em; text-transform: uppercase; text-align: center; font-size: 0.8em; letter-spacing: 0.1em; }
.prvimg { float: left; }
.nxtimg { float: right; }
.imgnav { margin: 2em 0; }

/* @end */

/* @end */

/* @group Sidebar */

#secondary-content .ad_block {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 250px;
	border: 1px solid #aeaeae;
	padding: 4px;
	clear: both;
}

.sidetitle {
	width: 280px;
	margin: 25px auto 8px auto;
}

#taglist {
	margin: 0;
	width: 266px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	clear: both;
	margin-bottom: 25px;
}

#taglist li {
	width: 242px;
	background-color: #c9e0e8;
	list-style-type: none;
	margin-bottom: 5px;
	padding-left: 24px;
	height: 22px;
	padding-top: 5px;
}

#taglist li a {
	font-size: 12px !important;
}

#taglist li a:visited {
	font-size: 12px !important;
	text-decoration: none;
}

#secondary-content a#subscribe {
	background: url('images/bg/sidebutton-subscribe.jpg');
	height: 42px;
	width: 280px;
	display: block;
	margin: 15px auto;
}

#secondary-content a#email {
	background: url('images/bg/sidebutton-email.jpg');
	height: 42px;
	width: 280px;
	display: block;
	margin: 15px auto 20px auto;
}

#amazonad {
	margin-bottom: 10px;
}

#amazonad .sidetitle {
	position: relative;
	margin-bottom: -30px;
}

#recentarticles {
	margin-top: 15px;
	margin-bottom: 5px;
}

.home_recent_post {
	margin-left: 25px;
	margin-right: 22px;
	line-height: 1.5em;
	border-bottom: 1px dotted #000;
	padding: 12px 0;
	clear: both;
	float: left;
	width: 269px;
}

.home_recent_title, .home_recent_auth, .home_recent_date {
	margin-left: 76px;
	color: #8f8f8f;
}

.home_recent_title {
	margin-top: 0px;
	font-weight: bold;
	line-height: 1.4em;
}

#popularmask, #recentmask {
	border-top: 1px solid #fff;
	position: relative;
	z-index: 10000;
}

#popularmask {
	margin-bottom: 17px;
}

#recentmask {
	height: 20px;
	display: block;
	float: left;
	position: relative;
	margin-top: -1px;
	width: 100%;
}

#popularlist, #recent {
	margin-bottom: -1px;
	z-index: 1;
}

#writersneeded {
	width: 260px;
	margin: auto;
	border: 5px solid #006a8b;
	margin-bottom: 20px;
}

#writersneeded h3 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2em;
	margin-top: 12px;
	
}

#writersneededinner {
	padding: 0px 18px;
	width: 214px;
	height: 100%;
	border: 5px solid #c5e0e8;
	line-height: 1.3em;
}

/* @end */

/* @group Home */

#latest_post_image {
	background: url('images/bg/latestbg.jpg');
	text-align: center;
}

#latestimg {
	/*width: 618px;*/
	height: 230px;
	border: 1px solid #000;
	display: block;
}

.latest_post_title a {
	color: #000;
	font-size: 24px;
	line-height: 1.2em;
}

#latest_post h3, #latest_post p {
	margin-left: 10px;
	margin-right: 15px;
}

#latest_post p {
	margin-bottom: 7px;
}

#latest_post h3 {
	margin-bottom: 5px;
}

#authorname {
	display: block;
	color: #8f8f8f;
	font-size: 12px;
	float: left;
	margin-right: 10px;
}

.home_recent_thumb a img, .feat_thumb img {
	border:2px solid #999;
	float: left;
	margin-right: 8px;
}

.home_recent_thumb a img{

}

.feat_title {
	font-weight: bold;
}

.hometitle {
	margin-bottom: 10px;
}

.feat_content {
	margin-top: 5px;
	margin-bottom: 25px;
	margin-left: 15px;
		margin-right: 15px;
		float: left;
}

#home_about {
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

#blogroll {
	padding-left: 15px;
	margin-bottom: 20px;
}

#blogroll ul {
	margin: 0;
	padding: 0;
}

#blogroll ul li {
	list-style-type: none;
}

#blogroll #left, #blogroll #right {
	float: left;
	width: 290px;
}

#popular {
	list-style-type: none;
	padding: 0;
	margin-left: 25px;
	margin-right: 26px;
}

#popular li {
	border-bottom: 1px dotted #000;
	padding: 6px 0;
}

#popular li:last {
	border-bottom: 0;	
}

#bluebuttons {
	margin-bottom: 25px;
}

#bluebuttons a {
	margin-right: 8px;
}

#bluebuttons a.last {
	margin-right: 0;
}

#description h1, #description h2, #description p {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
	position: relative;
	font-weight: normal;
}

#description p.break {
	display: block;
	height: 10px;
}

#namenstuff {
	margin-bottom: 25px;
	margin-left: 10px;
}

/* @end */

/* @group Archives */

#arch_content {
	padding-bottom: 0px;
	float: left;
}

.archive_post_block {
	border-bottom: 1px dotted #000;
	margin-right: 1px;
	float: left;
	padding: 15px 0 0px 0;
}

.archive_post_block h3 {
	padding: 0;
	margin: 0;
	float: left;
	width: 520px;
}

.archive_post_block p {
	float: left;
	width: 510px;
}

.archive_post_block .feat_thumb {
	float: left;
	margin-right: 5px;
}

.archive_post_meta {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #888;
	margin: 0 0 3px 0;
}

#wp_page_numbers ul {
	border-top: 0 !important;
}

#wp_page_numbers ul li {
	padding-top: 10px !important;
}

#wp_page_numbers li.page_info {
	padding-top: 13px !important;
}

#wp_page_numbers li.active_page a {
	background: #01688d !important;
	border-bottom: 2px solid #01688d !important;
	border-top: 2px solid #01688d !important;

}

#wp_page_numbers li a:hover {
	border-top:2px solid #003f55 !important;
	color: #003f55 !important;	
}

#wp_page_numbers li.active_page a:hover {
	border-top: 2px solid #003f55 !important;
	color: #fff !important;	
}

#wp_page_numbers li.page_info {
	margin-right: 10px;
}

.amzn_wdgt .wdgt_ft .ft_cnt a:first-child {
	margin-right: 34px;
	float: left;
}

.resultsnumber, .rsslink, .author_number {
	color: #888;
	font-style: italic;
	padding-top: 0;
	margin-top: -10px;
	margin-bottom: -3px;
	margin-right: 10px;
}

#cat_content .resultsnumber {
	margin-left: 1px;
}

#cat_meta {
	margin-top: -8px;
	margin-bottom: -3px;
}

#cat_content #cat_meta {
	margin-bottom: 10px;
	margin-top: -6px;
}

#cat_content #latest_post {
	margin-left: 0px;
	float: left;
}

#cat_content #arch_list div.archive_post_block:first-child {
	border-top: 1px dotted #000;
}

#cat_content #latest_post h3, #cat_content #latest_post p {
	margin-left: 5px;
	display: block;
	float: left;
}

#cat_content #latest_post h3 {
	margin-bottom: 8px;
}

#cat_content #latest_post p {
	margin-bottom: 5px;
}

#cat_content #namenstuff {
	display: block;
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-top: -5px;
}

/* @end */

#authorpic {
	width: 190px;
	height: 190px;
	float: right;
	margin-left: 15px;
}

.author_name {
	font-size: 24px;
	margin-top: 5px;
	padding-top: 1px;
}

#authordesc {
	margin-top: 10px;	
}

.authormostrecent {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: -5px;
}

#nav {
	clear: both;
}



.menu .aboutlink {
	float: right;
	margin-right: 40px;
}

.authorlist li {
	margin-left: -18px;
	float: left;
	position: relative;
}

.authorlist {
	padding-bottom: 25px;
	padding-top: 0;
	display: block;
	float: left;
}

.authorlist ul {
	padding-top: 0;
	margin-top: 0;
}

.cat_name {
	background: #01688d;
	color: #fff;
	height: 27px;
	padding-top: 8px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 18px;
	margin:  0 -5px 10px -5px;
}

.cat_name a {
	color: #fff;
}

.statcounter {
	visibility: hidden;
}

.asin_img {
	margin-right: 3px !important;
}

a.FBConnectButton {

}

#fblike {
	margin-top: 15px;
}

#linkads {
	margin: 0 25px;
	line-height: 1.4em;
	font-size: 12px;
}

#bottomads {
	clear: both;
	float: left;
}

#bottomads .ad_block {
	float: left;
	margin: 0 30px;
}

#bottomads .ad_block .ad250 {
	padding-top: 0px !important;
	margin-top: -40px !important;
	margin-bottom: 20px;
}

.spiderbar {
	height: 100px;
	width: 650px;
	background: url('images/bg/spidergraphbar.jpg');
	display: block;
	margin-left: -20px;
	margin-top: -15px;
	border-bottom:12px solid #004054;
	margin-bottom: 15px;
}

#main-content-home .spiderbar {
	margin-left: -15px;	
}

#spiderpage {
	margin-top: -34px;
}

/* @group Nav Thing */

/*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

/*#search {                                                     search button 
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}*/

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;
	float:left;
	padding:0;
	border:0;
	height:27px;
	width:970px;
	margin: 15px;
	margin-top: 20px;
	background:#002937;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	margin-left: 40px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:22px;
	padding-top: 5px;
	color: #C9E0E8;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	height:16px;
	border: 0;
	color: #fff;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:22px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	background:#002937;         /* USED TO BE BLACK this sets our menu's effective "border" color */
	margin-top:4px;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#01688d;               /* this sets the unselected drop-down text color */
	background:#fff;       /* USED TO BE C9E0E8 d8d8d8 this sets the drop-down menu background color */
	width:13.2em;
	margin-left: -40px;
	padding-left: .3em;
	padding-top: 2px;
	padding-bottom: 2px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #002937;      /*#003f55;*/
	background: #c9e0e8          /*white;*/
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
	margin-left: 25px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#d8d8d8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}


/* @end */

/* @group sIFR */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
.sIFR-active #cat_content h1.cat_name {
	visibility: hidden;
	height: 29px;
	padding-top: 6px;
}

}

/* @end */