/*	Overall page layout
	Size and positioning */

html, body
{
	margin: 0;
	padding: 0;
}

body
{
	text-align:center;
	background: #ffffff url(images/bgs/header_bg.jpg) repeat-x;
	
}

img
{
	border: 0;
}

/*div
{
	border: 1px solid red;
}*/

form, h1
{
	margin: 0;
}

table, tr, td
{
	empty-cells: show;
}

/*	Overall page layout
	Fonts and colors */

html, body
{
	/*background: #939408;*/
	color: #ffffff;
}

body, td
{
	font: 10px/12px Verdana, sans-serif;
}

p
{
	text-align: justify;
}

acronym, abbr
{
	border-bottom: 1px dotted gray;
}

/*	Links */

a:link, a:visited
{
	color: #663700;
}
a:hover, a:active
{
	text-decoration: underline;
}


#main-site
{
	/*background: url(images/bgs/slice.jpg) repeat-x;*/
}

#site-container
{

	text-align:center;
	background-repeat: no-repeat;
	min-height: 572px;	
	_height: 572px;	
	width: 100%;	
	
  	/* background: url(images/bgs/bg_collect_new.png) no-repeat; 	*/
	background-position: center 107px;

	
	
	
}

#site-header
{
	z-index:99;
	text-align:left;
	margin:auto;
	height: 105px;
	width: 1007px;
	margin-bottom:5px;

}

#site-content
{
	/* background: #ffffff;	*/
	position:relative;
	width: 1007px;	
	text-align:left;
	margin:auto;	
	clear: both; 
	/*height: 375px*/
	height: 462px;
	outline: none !important;
	overflow: auto;
	/*	display:none;*/
	border:0px solid white;
	margin-bottom:0px;
	
}

#logo
{
	width: 181px;	
	height: 85px;
	

	
/*	position:absolute;
	top:11px;
	left:15px;*/
}

#page-home
{
	float:left;
	margin-top:0px;
}

#altContent {
	position:relative;
	margin:0px;
	padding:0px;
	float:left;
	width:815px;
	height:405px;
	overflow:hidden;
}

#page-home-right
{
	float:right;
	margin-top:0px;
}

#page-home-rightbox1
{
	width:180px;
	height:196px;
	border:1px solid #ccc;
	margin-bottom: 9px;
	/*padding:2px;*/
	overflow:hidden;
}

#page-home-rightbox2
{
	width:180px;
	height:196px;
	border:1px solid #ccc;
	/*padding:2px;*/
	overflow:hidden;
}

#page-home-blog
{
	clear:both;
	margin-top:6px;
	float:left;
	width:1005px;
	height:20px;
	border:1px solid #ccc;
	background: #ebf0e9;
	color:#2c0252;
	line-height:22px;
	font-weight:bold;
	overflow:hidden;
}
#page-home-blog-inside
{
	
	float:left;
	width:150px;
	height:22px;	
	background: #dfdfdf;
	color:#2c0252;
	line-height:22px;	
	font-weight:bold;
	overflow:hidden;
	
}

#page-home-blog-inside2
{
	width:650px;
	float:left;
	margin-left:10px;
	height:22px;	
	color:#2c0252;
	line-height:22px;	
	font-weight:bold;
	overflow:hidden;
	
}


#site-footer-lines
{
	background: #939408 url(images/layout/lines_bg.gif) repeat-x;
	height: 106px;
	position: relative;
	width: 100%;
}

#site-helpful-moca
{
	background: url(images/layout/cat.png) no-repeat;
	bottom: -1px;
	height: 189px; 
	left: 742px;
	position: absolute;
	width: 293px;
	z-index: 2;
}

#site-helpful-moca .content
{
	color: #663700;
	height: 60px;
	margin-top: 9px;
	margin-left: 9px;
	text-align: center;
	width: 128px;
}

#site-footer
{
	color: #663700;
	background: #939408;
	line-height: 20px;
	padding-top: 12px;
	padding-bottom: 16px;
	text-align: center;
}

#site-footer a:link, #site-footer a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#site-footer a:hover, #site-footer a.selected
{
	color: #ffffff;
	text-decoration: underline;
}

#site-footer-nav
{
	margin-bottom: 30px;
}

#site-footer-nav .separator
{
	 margin: 0 4ex;
	 vertical-align: middle;
}

#site-footer-copyright-nav
{
	margin-top: 35px;
	margin-bottom: 5px;
}

#site-footer-copyright-nav .separator
{
	 margin: 0 1ex;
	 vertical-align: middle;
}

#site-welcome-nav
{
	/* color: #2191ad; */
	font-size:9px;
	font-weight:bold;
	color: #65714b;
	float: right;
	letter-spacing: 0.05ex;
	line-height: 16px;
	padding-top: 20px;
	padding-right: 20px;
}

#site-welcome-nav a:link, #site-welcome-nav a:visited
{
	color: #65714b;
	text-decoration: none;
}

#site-welcome-nav a:hover, #site-welcome-nav a:active, #site-welcome-nav a.selected
{
	text-decoration: underline;
}

#site-welcome-blog-button
{
	clear: right;
	float: right;
	padding-top: 12px;
	padding-right: 23px;
	width:59px; height:37px;
	}
	#site-welcome-blog-button a {
		width:59px; height:37px;
		display:block;
		background: url('http://www.yepyup.com/default/images/layout/nav_blog3.png') no-repeat 0 -37px;
		}
		#site-welcome-blog-button a:hover {
			background-position: 0 0;
		}
		#site-welcome-blog-button img
		{
			vertical-align: top;
		}
	

ul#site-primary-nav, #site-primary-nav li
{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#site-primary-nav
{
	color: #176578;
	letter-spacing: 0.05ex;
	
	position:relative;
	left:36px;
	top:44px;
	/*padding-left: 254px !important;
	padding-top: 82px !important;*/
	
}

*+html #site-primary-nav
{
	padding-top: 0 !important;
	margin-top: 82px !important;
}

#site-primary-nav li
{
	float: left;
	margin-right: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: lowercase;
	width: 88px;
	white-space: nowrap;
}

#site-primary-nav li a:link, #site-primary-nav li a:visited
{
	/*
	border-bottom: 2px solid #2191ad;
	color: #176578;
	
	border-bottom: 2px solid #606455;
	color: #606455;*/
		
	border-bottom: 2px solid #65714b;
	color: #65714b;
	
	font-weight:normal;
	
	display: block;
	padding-bottom: 1px;
	text-decoration: none;
}

#site-primary-nav li a:hover, #site-primary-nav li a.selected, #site-primary-nav li a.hard-selected
{

	border-color: #ff951d;
	color: #ff951d;
	/*
	border-color: #663700;
	color: #663700;
	font-size: 9px;
	font-weight: bold;
	*/
}

.site-primary-subnav, .site-primary-subnav li
{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.site-primary-subnav
{
	/*background: #bee3e8;*/
	background: #f49a2a;
	display: none;
	position: absolute;
	width: 120px;
	z-index: 3;
}

.site-primary-subnav li a
{
	color: #663700;
	display: block;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 8px;
	text-decoration: none;
	text-overflow: ellipsis;
	text-transform: lowercase;
	white-space: nowrap;
	a-index: 4;
}

.site-primary-subnav li a:hover, .site-primary-subnav li a.selected
{
	/*background: #65B0BA;*/
	/* background: #f99a2a; */
	background: #f7b348;
	color: #663700;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

#site-sidebar
{
	background: url(images/layout/sidebar_bg.gif) #7ecad4;
	background-repeat:no-repeat;
	float: left;
	margin-top:10px;
	height: 452px; 
	width: 158px;
	margin-bottom:0px;
}

#site-sidebar h2
{
	background: #5a2049;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	height: 23px;
	letter-spacing: 0.2ex;
	line-height: 23px;
	margin: 0;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	text-align: right;
	text-transform: uppercase;
	white-space: nowrap;
}

#site-sidebar ul, #site-sidebar li
{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#site-sidebar li a
{
	color: #663700;
	display: block;
	font-size: 10px;
	font-weight: normal;
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	padding: 0 16px;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
	white-space: nowrap;
	width: 126px;
}

#site-sidebar li a:hover, #site-sidebar li a.selected
{
	background: #65B0BA;
	color: #663700;
	font-size: 9px;
	font-weight: bold;
}

#site-sidebar li a:hover
{
	text-decoration: underline;
}

#site-content-after-sidebar
{
	float: left;
	/* height: 375px; */ 
	height: 450px;
	outline: none !important;
	overflow: auto;
	width: 840px;
}

#site-content-no-sidebar
{
	color: #663700;
	padding: 8px 30px;
	padding-right: 0;
}

#site-breadcrumbs
{
	float: left;
	line-height: 12px;
}

#site-breadcrumbs a:link, #site-breadcrumbs a:visited
{
	text-decoration: none;
	text-transform: lowercase;
}

#site-breadcrumbs a:hover
{
	text-decoration: underline;
	text-transform: lowercase;
}

#page-error-404
{
	color: #663700;
	padding-left: 30px;
	padding-top: 25px;
	width: 515px;
}

#overlay-background
{
	background: black;
	display: none;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.overlay
{
	display: none;
	background: white;
	color: black;
	max-height: 500px;
	overflow: hidden;
	position: fixed;
	padding: 10px;
}