/*	compress this file at http://www.lotterypost.com/css-compress.asp

-or-

cd C:\www\vhosts\localhost\styles
java -jar yuicompressor-2.3.6.jar main.css -o min.css -v
*/
/* ============================================================================
	GENERAL Dryfork.COM STYLES
============================================================================ */
html,body{background:#000;font-family:Arial,Helvetica,sans-serif;margin:0px;padding:0px;}
/*body{background:#fff url(/images/dk_lt.png) repeat-x left top;}*/
h1,h2,h3,h4,h5,h6,p,div,ul,li{margin:0;padding:0;}
a{outline-style:none;}
img{border:0px;}
h1{font-size:140%;}
h2{font-size:120%;}
h3{font-size:110%;font-weight:normal;}
h4{font-size:100%;}
h5{font-size:90%;}
h6{font-size:80%;}
hr{height:1px;background-color:#ccc;color:#bbb;margin:1px;}
p{font-size:80%;margin:10px 0;}
.bodylist{font-size:80%;}
#container{width:940px;margin:0px auto;position:relative;}/*max-width:940px;min-width:720px;*/
.alert{color:#ff0000;font-weight:bold;}
.alert a{color:#9B015F;text-decoration:underline;font-weight:bold;}
.alert a:hover{text-decoration:underline;color:#00f;}
.show{}
.noshow{display:none;}
.vis{visibility:visible;}
.hid{visibility:hidden;}
.top_left,.top_right,.bottom_left,.bottom_right{position:absolute;}
.top_left{top:0px;left:0px;}
.top_right{top:0px;right:0px;}
.bottom_left{bottom:0px;left:0px;}
.bottom_right{bottom:0px;right:0px;}
.top,.bottom{display:block;font-size:1px;}
.t1,.t2,.t3,.t4,.b1,.b2,.b3,.b4{display:block;overflow:hidden;}
.t1,.t2,.t3,.b2,.b3,.b4{height:1px;}
.t4,.b1{height:2px;}
.t1,.b4{margin:0px 5px;}
.t2,.b3{margin:0px 3px;}
.t3,.b2{margin:0px 2px;}
.t4,.b1{margin:0px 1px;}


/* ============================================================================
	LOGGED IN USER ACCOUNT HEADER LINKS
============================================================================ */
a#fffix{
	position:absolute;
	top:28px;
	right:0;
	z-index:99;
	padding-top:31px;
	height:0px;
	width:148px;
	background:url(/fix/images/fffix_head.png) no-repeat 0 0 transparent;
	overflow:hidden;
}
#account_links{
	height:19px;
	float:right;
	position:relative;
	z-index:999;
	color:#aaa;
	padding:2px 0;
}
#account_links a{
	position:relative;
	font-size:70%;
	text-decoration:none;
	color:#aaa;
}
#account_links a:hover{
	color:#fff;
	text-decoration:underline;
}
#logout_submit{
	font-size:70%;
	margin-bottom:-2px;
}


/* ============================================================================
	NAVIGATION HEADER BAR
============================================================================ */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical_centered.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav{position:relative;margin:0px;z-index:100;clear:both;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {list-style-type: none; display:table;}

#pmenu ul {list-style-type: none; }

/* Hide the sub levels */
#pmenu li ul {display:none;}
#pmenu li ul li{background:#D8b94D;}

/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {overflow:hidden;display:block;width:104px; font-size:12px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px; text-align:left;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left;}
#pmenu > li.tc > a{
	height:42px;
	text-align:center;
	color:#d6af88;
	font:bold 80% Arial,Helvetica,sans-serif;
	line-height:40px;
	border:0;
	width:105px;
}

/* code to allow for longer items to display on hover */
#pmenu li a.st:hover{width:300px;}
#pmenu li a b{margin-left:20px;color:#D8b94D;}

/*** MENU ITEM DIVIDER *******************************************************/
.nav_lf,.nav_rt,.nav_rt_last{
	height:42px;
	width:2px;
	background-image:url(/images/header/navDivider.png);
}
.nav_lf{float:left}
.nav_rt{float:right;background-position:0 -42px}
.nav_rt_last{float:right;background-position:0 -84px}

/* For Non-IE browsers and IE7 */
#pmenu li:hover, #pmenu.fffix li{position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a, #pmenu.fffix li:hover > a {background:#036;}
#pmenu > li:hover > a, #pmenu.fffix > li:hover > a {background-position:0px -84px;color:#fff}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;background:url(/images/blank.gif) transparent;width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:32px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:18px; left:0; z-index:100; font-size:1em;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#111; color:#0590BF;}
#pmenu > li > a:active, #pmenu > li > a:focus {background-position:0px -126px;color:#fff;}

/*This row will keep the currently selected main menu button the dark gray selected color*/
#pmenu li a.selected{background-position:0px -42px;color:#fff;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url(/images/header/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#7484ad url(/images/header/drop.gif) no-repeat right center;}
#pmenu li.tc a#menu_logo.selected:hover,
#pmenu li.tc a#menu_logo{
	padding-top:66px;
	overflow:hidden;
	background:url(/images/header/navLogo.png) no-repeat 0 0 transparent;
	height:0px;
	width:160px;
	position:relative;
	top:-4px;
	border:0;
}
#pmenu li.tc a#menu_logo:hover{background-position:-169px 0}


/* all of the elements that use navBG.png */
#pmenu > li.tc > a,
#pmenu > li:hover > a,
#pmenu.fffix > li:hover > a,
#pmenu > li > a:active,
#pmenu > li > a:focus,
#pmenu li a.selected,
#pmenu li.tc div#menu_search,
#s_field{background-image:url(/images/header/navBg.png);}

/*** SEARCH FIELD ************************************************************/
#pmenu li.tc div#menu_search{
	line-height:31px;
	height:42px;
	width:141px;
	text-align:center;
	position:relative;
	font-size:80%;
}
#s_field{
	height:14px;
	width:75px;
	padding:3px 0;
	background-position:0px -168px;
	font:85% Arial,Helvetica,sans-serif;
	position:absolute;
	top:10px;
	left:38px;
	border:0;
	margin-right:9px;
}
#s_field.gray{color:#999}
#s_field.black{color:#000}
#menu_search{}
#menu_search div#search_left,#menu_search div#search_right{
	background-image:url(/images/header/search_ends.png);
	height:20px;
	position:absolute;
	top:10px;
}
#menu_search div#search_left{
	width:17px;
	left:21px;
}
#menu_search div#search_right{
	width:12px;
	left:113px;
	background-position:-17px 0;
}
#menu_search div#menu_right{
	width:9px;
	height:42px;
	background:url(/images/header/navLogo.png) -160px -4px;
	position:absolute;
	top:0px;
	right:-9px;
}


/* ============================================================================
	NAVIGATION BREADCRUMBS
============================================================================ */
#breadcrumbs{
	float:right;
	position:relative;
	margin:-25px 5px 0 0;
	z-index:999;
}
#breadcrumbs li{
	display:inline;
	list-style-type:none;
}
#breadcrumbs li a{
	position:relative;
	font-size:70%;
	color:#aaa;
	text-decoration:none;
	padding:0 0 1px 8px;
	background:url(/images/header/crumb_gray.gif) no-repeat center left transparent;
}
#breadcrumbs li a:hover{
	color:#fff;
	text-decoration:underline;
	background-image:url(/images/header/crumb_white.gif);
}


/* ============================================================================
	SPLASH IMAGE GENERAL STYLES
============================================================================ */
#spl_corner_tl,#spl_corner_tr,#spl_corner_br,#spl_corner_bl{width:4px;height:4px;background:url(/images/maincontent/blackcorners.gif) no-repeat transparent;}
#spl_corner_tr{background-position:-4px 0;right:0px;}
#spl_corner_br{background-position:-8px 0;right:0px;bottom:0px;}
#spl_corner_bl{background-position:-12px 0;bottom:0px;}


/* ============================================================================
	FREETRIAL BUTTON (ON MOST PAGES)
============================================================================ */
#splash_freetrial{width:179px;height:0px;position:absolute;right:0px;padding-top:81px;overflow:hidden;background:url(/images/maincontent/freetrial.png)}
#splash_freetrial:hover{background-position:-179px 0;}


/* ============================================================================
	MAIN CONTENT: SIDEPANEL
============================================================================ */
#sidePanel{padding-bottom:30px;width:210px;float:left;position:relative;z-index:5;}
#sideMenuTop{height:35px;background:url(/images/maincontent/sidebgtp.png) no-repeat bottom left transparent;}
#sideMenuItems{padding-left:5px;background:url(/images/maincontent/sidebg.png) repeat-y bottom left transparent;}
#sideMenuBottom{height:50px;background:url(/images/maincontent/sidebgbt.png) no-repeat bottom left transparent;}

#innerLinks{list-style-type:none;font-size:80%;padding-left:14px;}
#innerLinks a{
	outline-style:none;
	padding-left:14px;
	line-height:24px;
	margin-left:5px;
	text-decoration:none;
	color:#d6af88;
	display:block;
	height:26px;
	width:150px;
	border-bottom:1px solid #000;
	border-top:solid 1px #666;
	cursor:pointer;
}
#innerLinks a:hover{color:#fff;}
#innerLinks a.visSwap_first{height:28px;line-height:28px;border-top:0;}
#innerLinks a.visSwap_prev,#innerLinks a.visSwap_last{border-bottom:0;}
#innerLinks a.visSwap_next{padding-top:0;border-top:0;}
#innerLinks a.visSwap_last{height:28px;}
#innerLinks a.visSwap_active{
	cursor:default;
	font-weight:bold;
	color:#fff;
	height:30px;
	width:188px;
	border:0;
	line-height:28px;
	margin-left:-6px;
	padding-left:24px;
	background:url(/images/maincontent/selector.png) no-repeat top left;
}

#sideAuxItems{margin-right:8px;border-top:1px solid #123;border-bottom:1px solid #123;padding-left:5px;background:url(/images/maincontent/sideauxbg.png) repeat-y bottom left transparent;}
#auxLinks{list-style-type:none;font-size:80%;padding-left:14px;}
#auxLinks a{
	outline-style:none;
	padding-left:14px;
	line-height:24px;
	margin-left:5px;
	text-decoration:none;
	color:#fff;
	display:block;
	height:26px;
	width:150px;
	border-bottom:1px solid #012;
	border-top:solid 1px #bfcddd;
	cursor:pointer;
	font-style:italic;
}
#auxLinks a:hover{color:#000;}
#auxLinks a.sideaux_first{height:28px;line-height:28px;border-top:0;}
#auxLinks a.sideaux_last{height:28px;border-bottom:0;}
#auxLinks a.sideaux_only{border:0;}


/* ============================================================================
	MAIN CONTENT
============================================================================ */
.main_cat_link{padding-right:12px;background:url(/images/maincontent/arrows_brown.png) no-repeat 100% -22px;text-decoration:none;color:#d6af88;}
.main_cat_link:hover{background-position:100% 4px;text-decoration:underline;}
.divider{height:1px;border:0;background-color:#bbb}
#mainContent{margin-left:210px;}
#mainContent ul{margin-left:25px;}
div.mainswap{margin-bottom:20px;height:100%;}
#contentEnvelope{background:url(/images/maincontent/darkgrad.gif) repeat-x bottom right #666672;padding:3px 10px 3px 0;}
.envelopetop{margin-top:20px;}
.envelopetop .t1,.contenttop .t2,.contenttop .t3,.contenttop .t4{background-color:#fff;}
.envelopebot .b1,.contentbot .b2,.contentbot .b3,.contentbot .b4{background-color:#f9f9f9;}
.envelopetop .t1{background-color:#82828b;}
.envelopetop .t2{background-color:#7b7b85;}
.envelopetop .t3{background-color:#74747f;}
.envelopetop .t4{background-color:#6e6e7a;}
.envelopebot .b1,.envelopebot .b2,.envelopebot .b3,.envelopebot .b4{background-color:#333342;}
.contentHolder{background:url(/images/maincontent/browngrad.gif) repeat-x 0 0 #d4d0c8;padding:0 12px;}
.contentHolder h3, .contentHolder p{position:relative}
.contentHolder .heading{font-weight:bold;position:relative;}
.contenttop .t1,.contenttop .t2,.contenttop .t3,.contenttop .t4{background-color:#fff;}
.contentbot .b1{background-color:#cfccc3;}
.contentbot .b2{background-color:#c1bdb5;}
.contentbot .b3{background-color:#b8b4ad;}
.contentbot .b4{background-color:#afaca5;}
.swapfooter{clear:both;font-size:75%;height:12px;background:url(/images/maincontent/swapfootertp.gif) repeat-x transparent;padding:8px 0 4px 0;margin-top:18px;color:#036;}
.swapleftlink,.swaprightlink,.overview_link{background:url(/images/maincontent/arrows_blue.png) no-repeat transparent;}
.swapleftlink{float:left;padding-left:12px;background-position:0 -33px;text-decoration:none;color:#36c;}
.swapleftlink:hover{background-position:0 -9px;text-decoration:underline;color:#036;}
.swaprightlink,.overview_link{padding-right:12px;background-position:100% -21px;text-decoration:none;color:#24c;}
.swaprightlink:hover,.overview_link:hover{background-position:100% 3px;text-decoration:underline;color:#036;}
.swaprightlink{float:right;}
.contentIcon{float:left;margin:0 5px 5px 0;}
.overview_cat{width:320px;height:150px;float:left;margin:10px 5px 10px 0;overflow:hidden;}
.overview_cat a{text-decoration:none;}
.overview_cat a.oc_img{float:left;width:100px;height:100px;}
.overview_cat h5{color:#000;font-size:96%;margin:0 0 3px 110px;}
.overview_cat p{font-size:75%;color:#000;margin:0 0 0 110px;}
.content_link{text-decoration:underline;color:#24c;}
.content_link:hover{text-decoration:none;color:#36f;}
.brown_link{text-decoration:none;color:#d6af88;}
.brown_link:hover{text-decoration:underline;}
.contentLeft,.contentRight{width:45%;}
.contentLeft p,.contentRight p{margin:0 0 10px 0;}
.contentLeft h5,.contentRight h5{margin:20px 0 2px 0;}
.contentLeft{float:left;margin-left:2%;}
.contentRight{float:right;margin-right:2%;}
.lightbox_pics img{margin:5px;border:solid 1px #bbb;}
.lightbox_pics hr{clear:right;margin:10px 0;}
#black_overlay{background-color:#000;height:100%;width:100%;position:fixed;z-index:9998;top:0;left:0;display:none;}
#edit_overlay{position:fixed;top:0;left:0;z-index:9999;display:none;}


/* ============================================================================
	PAGE FOOTER
============================================================================ */
#footer{text-align:center;font-size:80%;padding-top:20px;color:#88A;clear:both}
#seperator{clear:both;border-bottom:1px solid #bbb;margin-bottom:5px;text-align:right;}
#seperator a{font-weight:normal;text-decoration:none;color:#949494}
#seperator a:hover{text-decoration:underline;color:#26d}
#subcaption{color:#333;}


/* ============================================================================
	LIGHTBOX STYLES
============================================================================ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }/* Trick IE into showing hover with display:block*/
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }